PageSourceSearch

https://rendl.fi/collections/garden-post-light

html rendl.fi collected 2026-10-05 17:41:57 UTC 2,105,705 bytes, 48,766 lines download raw bytes

1<!doctype html>
2<html class="js" lang="fi">
3  <head>
4<!--LOOMI SDK-->
5<!--DO NOT EDIT-->
6<link rel="preconnect"  href="https://live.visually-io.com/" crossorigin data-em-disable>
7<link rel="dns-prefetch" href="https://live.visually-io.com/" data-em-disable>
8<script>
9    (()=> {
10        const env = 2;
11        var store = "testrendl2.myshopify.com";
12        var alias = store.replace(".myshopify.com", "").replaceAll("-", "_").toUpperCase();
13        var jitsuKey =  "js.90979500330";
14        var themeId = 190667424042;
15        var role = "main";
16        window.loomi_ctx = {...(window.loomi_ctx || {}),storeAlias:alias,jitsuKey,env,themeId,role};
17        (()=>{window.loomi_ctx.cc=1})()
18        
19    
20	
21        loomi_ctx.ttl=1779953172;
22        
23        !function(){var n,t,e;!function(n){n.JSCondition="jsCondition",n.JSFunction="jsFunction",n.JSEvent="jsEvent",n.Selector="selector",n.ElementEvent="elementEvent",n.PageLoad="pageLoad",n.Timeout="timeout",n.Inactivity="inactivity",n.ExitIntent="exitIntent",n.Conjunction="conjunction"}(n||(n={})),function(n){n[n.PAUSED=4]="PAUSED"}(t||(t={})),function(n){n[n.LOCAL=0]="LOCAL",n[n.STAGE=1]="STAGE",n[n.PROD=2]="PROD",n[n.TEST=3]="TEST"}(e||(e={}));var r,i="lmi_preview";function o(){return o=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)({}).hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},o.apply(null,arguments)}function c(n,t){n.prototype=Object.create(t.prototype),n.prototype.constructor=n,a(n,t)}function a(n,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,t){return n.__proto__=t,n},a(n,t)}!function(n){n.USE_CASE="USE_CASE",n.ADD_TO_CART="ADD_TO_CART"}(r||(r={})),window.addEventListener("load",function(){setTimeout(function(){},2e3)});var u="vslyCtags",s=function(){return new Date(1e3*Math.floor(Date.now()/1e3))};function l(n,t,e,r){return void 0===t&&(t=500),void 0===e&&(e=4),new Promise(function(i,o){n()?i(0):0!==e?setTimeout(function(){r&&r()&&o("condition rejected "+f(function(){return n.toString()})),l(n,t,e-1).then(i).catch(o)},t):o("condition rejected "+f(function(){return n.toString()}))})}function f(n,t){void 0===t&&(t=void 0);try{return n()}catch(n){return t}}var d=function(n){return n&&decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(n).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null};function v(){return m(function(){var n=new Function(document.querySelector('script[id="__st"]').textContent+";return __st.cid.toString()")();return n&&window.localStorage.setItem("vsly__st",n),!0}),f(function(){return window.__st.cid.toString()})||window.localStorage.getItem("vsly__st")}function m(n,t,e){void 0===t&&(t=5),void 0===e&&(e=500),t>=0&&!f(n)&&setTimeout(function(){f(n)||m(n,t-1)},e)}var w=/*#__PURE__*/function(){function n(n,t){this._value=void 0,this._addedAt=void 0,this._value=n,this._addedAt=t||(new Date).getTime()}var t=n.prototype;return t.value=function(){return this._value},t.addedAt=function(){return this._addedAt},n}(),g=/*#__PURE__*/function(){function n(n,t){this.backend=void 0,this.ttlMillis=void 0,this.backend=n,this.ttlMillis=t}var t=n.prototype;return t.isValid=function(n){return!!n&&(new Date).getTime()-n.addedAt()<=this.ttlMillis},t.get=function(n){var t=this.backend.get(n),e=this.isValid(t);if(t&&e)return t.value();e||this.backend.remove(n)},t.set=function(n,t,e){var r=new w(t,e);this.backend.set(n,r)},n}(),h=/*#__PURE__*/function(){function n(n){this.namespace=void 0,this.namespace="vsly_cache_"+n,window[this.namespace]={}}var t=n.prototype;return t.get=function(n){var t=this;return f(function(){return window[t.namespace][n]})},t.remove=function(n){var t=this;f(function(){return delete window[t.namespace][n]})},t.set=function(n,t){window[this.namespace][n]=t},n}(),p=/*#__PURE__*/function(){function n(n){this.namespace=void 0,this.namespace="vsly_cache_"+n}var t=n.prototype;return t.get=function(n){var t=this;return f(function(){var e=sessionStorage.getItem(t.namespace+"_"+n);if(e){var r=JSON.parse(e);return new w(r._value,r._addedAt)}})},t.remove=function(n){sessionStorage.removeItem(this.namespace+"_"+n)},t.set=function(n,t){sessionStorage.setItem(this.namespace+"_"+n,JSON.stringify(t))},n}(),_=/*#__PURE__*/function(n){function t(t,e){return n.call(this,new p(t),e)||this}return c(t,n),t}
23(g),y=/*#__PURE__*/function(n){function t(t,e){return n.call(this,new h(t),e)||this}return c(t,n),t}(g),S=function(n,t){void 0===t&&(t=8397271938200529);for(var e,r=3735928559^t,i=1103547991^t,o=0;o<n.length;o++)e=n.charCodeAt(o),r=Math.imul(r^e,2654435761),i=Math.imul(i^e,1597334677);return r=Math.imul(r^r>>>16,2246822507)^Math.imul(i^i>>>13,3266489909),""+(4294967296*(2097151&(i=Math.imul(i^i>>>16,2246822507)^Math.imul(r^r>>>13,3266489909)))+(r>>>0))};function I(){return f(function(){return window.Shopify.country})||f(function(){return window.visually.country})}var P,O="visually",b="widgets";function A(){var n=f(function(){return window.loomi_ctx.cart});if(n)return n;var t=localStorage.getItem("loomi-cart");if(t)try{return JSON.parse(t)}catch(n){}}window.IntersectionObserver&&new IntersectionObserver(function(n,t){n.forEach(function(n){if(n.isIntersecting){var e=n.target;(function(n){var t=n.getAttribute("lmw"),e=n.getAttribute("lmwv");if(t&&e){var r=t+e;return l(function(){return f(function(){return!!window[O][b][r]})&&f(function(){return!!window.preact})},50,500).then(function(){f(function(){return window[O][b][r]("#"+n.id)})}),!0}return!1})(e)&&t.unobserve(e)}})},{root:null,rootMargin:window.vslyDeferWidgetsMargin||"100px",threshold:.1}),function(n){n.CART_CHANGE="CART_CHANGE",n.LOYALTY_CHANGE="LOYALTY_CHANGE"}(P||(P={}));var E=function(){return window.loomi_ctx.session.id};function x(n){return JSON.parse(localStorage.getItem(n)||"[]")}function T(n,t,e,r){n=n||[],t=t||[];var i=f(function(){return t.filter(function(t){return!n.find(e(t))})})||[],o=[].concat(n,i).slice(0,25);return o.length>0&&localStorage.setItem(r,JSON.stringify(o)),o}var C,D="vsly_params_history",N="vsly_visited_pages";!function(n){n.MOBILE="MOBILE",n.DESKTOP="DESKTOP"}(C||(C={}));var k=function(){return edgetag("getUserId")},L="lmi_type",M="lmi_from",R="lmi_class",j="lmi_utm_data",U={utm_source:"source",utm_medium:"medium",utm_campaign:"campaign",utm_term:"term",utm_content:"content"},J=function(n,t){void 0===t&&(t=3);for(var e=n,r=0;r<t;r++)try{var i=decodeURIComponent(e);if(i===e)break;e=i}catch(n){break}return e};function F(){var n,t,e,r=(n=function(n){if(function(n){return!n||"{}"===JSON.stringify(n)}(n))return null;var t={};return n.campaign&&(t.campaign=n.campaign),n.medium&&(t.medium=n.medium),n.source&&(t.source=n.source),n.term&&(t.term=n.term),n.content&&(t.content=n.content),t}(f(function(){return function(n){void 0===n&&(n=window.location.search);var t={utm:{},lmi_params:{}};return f(function(){return new URLSearchParams(n)}).forEach(function(n,e){if(n){var r=U[e],i=J(n);r?t.utm[r]=i:function(n){return f(function(){return[R,M,L].includes(n)})}(e)&&(t.lmi_params[e]=i)}}),t}().utm})),t=[],null!=(e=localStorage.getItem(j))&&(t=[].concat(JSON.parse(e)).slice(0,20)),n&&(n.ts=s(),t=[n].concat(t)),t);return localStorage.setItem(j,JSON.stringify(r)),r}function B(){var n=f(function(){return F()},[]);if(!Array.isArray(n)||0===n.length)return"";var t=n.filter(function(n){return n.campaign});return 0===t.length?"":f(function(){return t.reduce(function(n,t){return t.ts>n.ts?t:n},t[0]).campaign},"")||""}var H=function(){try{var n=function(){if(!K)return Promise.resolve(new Promise(function(n,t){var e=indexedDB.open(q,1);e.onerror=function(n){t("IDB e:o"+n.target.error)},e.onsuccess=function(t){n(K=t.target.result)},e.onupgradeneeded=function(n){n.target.result.createObjectStore(G,{keyPath:"id"}).createIndex("id","id",{unique:!0})}})).then(function(){})}();return Promise.resolve(n&&n.then?n.then(function(){return K}):K)}catch(n){return Promise.reject(n)}},q="VISUALLY_IO",G=q,K=null;function V(){var n=new URL(window.location.href);return n.protocol+"//"+n.hostname+n.pathname}var Y="__eventn_id";function W(n,t,e){void 0===e&&(e=Y);var r=z(n,t);f(function(){return localStorage.setItem(e,r)}),function(n,t,e,r){f(function(){return window.loomi_ctx.cc})&&!f(function(){return(f(function(){return window.Shopify.customerPrivacy.analyticsProcessingAllowed})||f(function(){return window.Shopify.customerPrivacy.userCanBeTracked})||f(function(){return window.visually.analyticsProcessingAllowed}))()})||(document.cookie=encodeURIComponent(n)+"="+t+"; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT"+(e?"; domain="+e:"")+(r?"; secure":""))}(e,r,document.location.hostname.replace("www.","").replace("checkout.",""),"http:"!==document.location.protocol)}function $(n){return{firstSeen:f(function(){return parseInt(n.split(".")[1])},null),id:f(function(){return n.split(".")[0]})}}function z(n,t){return n+"."+t}function Z(){return Math.trunc((new Date).getTime()/1e3)}var Q=function(n){return(new Date).getTime()/1e3-n<=7200},X="vsly_vid",nn="lmi_debug";function tn(n){return f(function(){return new URL(window.location.href).searchParams.get(n)||void 0})}function en(){try{var n=f(function(){return window.vslyAntiFlickerReveal},void 0);n&&n()}catch(n){}}new _("p",18e5),new y("recs_cache",300001);var rn,on=new Map;function cn(n){return an(n)?"http://localhost:8080":"https://"+function(n){return void 0===n&&(n=window.loomi_ctx.env),n===e.STAGE?"sdk.loomi-stg.xyz":"live.visually-io.com"}()}function an(n){return[e.TEST,e.LOCAL].includes(n)}!function(n){n.NONE="none",n.YOTPO="yotpo"}(rn||(rn={}));var un="vsly_session";function sn(n){return J((n||"").replace("+"," "))}function ln(){var n=window.loomi_ctx.storeAlias,t={id:S(n+window.loomi_ctx.userId+s()+B()+vn()),utm_campaign:B(),last_interaction:new Date,landing_page:f(function(){return location.href},""),start_at:new Date};return fn(t),t}function fn(n){var t=JSON.stringify(n);localStorage.setItem(un,t),window.loomi_ctx.session=n}function dn(){var n=function(){window.loomi_ctx=window.loomi_ctx||{};var n=window.loomi_ctx.session||f(function(){var n=JSON.parse(localStorage.getItem(un));return n.last_interaction=new Date(n.last_interaction),n.start_at=new Date(n.start_at),n})||ln();return function(n){var t=new Date,e=n.last_interaction;return(t.valueOf()-e.valueOf())/6e4>30||sn(B())!==sn(n.utm_campaign)||n.last_interaction.getDate()!==t.getDate()}(n)&&(n=ln()),window.loomi_ctx.session=n,n}();n.last_interaction=new Date,fn(n)}var vn=function(){return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)},mn=["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","NO","IS","LI"],wn=function(n){void 0===n&&(n=!0);var t=window.loomi_ctx.consent;t.allowed=n,t.fin||(t.fin=gn())},gn=function(){return(new Date).getTime()},hn=function(){return window.Shopify.customerPrivacy},pn=function(){return Promise.resolve()};(function(){try{if(window.vsly_init=!0,window.vslyIntegrationType="static","number"==typeof(w=f(function(){return window.loomi_ctx.ttl}))&&Number.isFinite(w)&&!(w<=0)&&w<Math.floor(Date.now()/1e3))return console.log("sdk blocked"),Promise.resolve();window.loomi_ctx.sdk_version="0.12.82";var n=window.loomi_ctx,t=n.env,r=function(n,t){try{return f(dn),f(function(){var n=window.loomi_ctx.ctags||[];0===n.length?window.loomi_ctx.ctags=JSON.parse(localStorage.getItem(u)||"[]"):localStorage.setItem(u,JSON.stringify(n)),f(function(){var n=JSON.parse(localStorage.getItem("vsl
23yCustomCtags")||"[]");n&&n.length>0&&(window.loomi_ctx.ctags=[].concat(window.loomi_ctx.ctags||[],n))})}),Promise.resolve(function(n,t){try{var e=(c=function(n){var t=function(n){try{var t=d(n),e=$(t);if(t)return{id:e.id,firstSeen:e.firstSeen||Z()}}catch(n){}}(n),e=function(n){var t=window.localStorage.getItem(n),e=$(t);if(t)return{id:e.id,firstSeen:e.firstSeen||Z()}}(n);if(!t&&!e){var r=function(){var n=Math.random().toString(36).substring(2,12),t=Z();return{newId:n,newEpoch:t,value:z(n,t)}}(),i=r.newId,o=r.newEpoch;return W(i,o,n),{id:i,firstSeen:o}}if(!e&&t)return W(t.id,t.firstSeen,n),t;if(!t&&e)return W(e.id,e.firstSeen,n),e;var c=Math.min(t.firstSeen,e.firstSeen),a=t.firstSeen<=e.firstSeen?t.id:e.id;return function(n,t){return n.firstSeen===t.firstSeen&&n.id!==t.id}(t,e)&&(a=t.id<=e.id?t.id:e.id),e.id==t.id&&e.firstSeen==t.firstSeen||W(a,c,n),{id:a,firstSeen:c}}(Y),{id:c.id,firstSession:Q(a=c.firstSeen),firstSeen:a}),r=function(n,t){var e=function(){var n=f(function(){return A().items.map(function(n){return{variantId:n.variant_id||0,quantity:n.quantity||0,productId:n.product_id||0,price:n.price||0}})})||[],t={path:window.location.pathname,host:window.location.hostname};f(function(){return n.length})>0&&(t.cartItems=n);var e=f(function(){return A().token});e&&(t.cartToken=e);var r=F();r&&(t.trafficSources=r),t.productsSeenInSession=function(){var n=f(function(){return window.loomi_ctx.sessionProducts});if(n)return n;var t=localStorage.getItem("loomi_session_products"),e=t?JSON.parse(t):[];return f(function(){return e.filter(function(n){return""!=n.handle}).reverse().slice(0,20)})}(),t.isCustomer=!!v(),t.query=window.location.search||"";var i=f(function(){return(("spa"==window.vslyIntegrationType?f(function(){return A().attributes.map(function(n){return n.key})}):f(function(){return Object.keys(A().attributes)}))||[]).filter(function(n){return!n.startsWith("vsly")&&n.length<20}).slice(0,15)});return i&&(t.cartAttributes=i),t}();e.storeAlias=n;var r=v();r&&(e.clientId=r),e.anonymousId=t.id,e.firstSeen=t.firstSeen,e.firstSession=t.firstSession,e.gaId=f(function(){return document.cookie.split(";").map(function(n){return n.split("=")}).find(function(n){return"_ga"==n[0].trim()})[1]},"");var i=window.loomi_ctx;e.customerTags=f(function(){return i.ctags.slice(0,20)}),e.landingPage=f(function(){return i.session.landing_page}),e.hasSubs=!!f(function(){return(n=A(),f(function(){return n.items.map(function(n){return f(function(){return n.selling_plan_allocation.selling_plan.name.toLowerCase()})}).filter(function(n){return!!n})},[])).length>0;var n});var c,a=(c="vsly_edgetag",m(function(){return k()&&localStorage.setItem(c,k()),!0}),f(k)||localStorage.getItem(c));a&&(e.edgetag=a);var u=function(){try{var n=f(function(){return new URL(window.location.href)});if(f(function(){return n.searchParams.get("forceOverride")})){var t=f(function(){return n.searchParams.get("targeting")});if(t)return JSON.parse(atob(t))}}catch(n){!function(){var n;(window.location.search.includes("lmi_debug")||f(function(){return window.vsly_fbs}))&&(n=console).error.apply(n,["loomi-editor"].concat([].slice.call(arguments)))}("preview overrides",n)}return{}}(),l=x(D),w=function(){var n,t=x(N);function e(n){return new Date(n.ts).valueOf()}function r(){var n=new URL(location.href);return["vslyvid","vslywgid","vslysid","lmi_preview","targeting","vsly_vid"].forEach(function(t){return n.searchParams.delete(t)}),n.search||""}return(n=N,Promise.resolve(H()).then(function(t){return new Promise(function(e,r){var i=t.transaction([G],"readonly").objectStore(G).get(n);i.onerror=function(n){r("IDB e:r"+n.target.error)},i.onsuccess=function(n){e(n.target.result)}})})).then(function(n){var i,o={ts:new Date,name:V(),search:f(r,"")},c=!!o.search,a=(f(function(){return n.visits})||t||[]).filter(function(n){return!c||!(n.name===o.name&&!n.search)}).filter(function(n){return!(n.name===o.name&&(o.search===n.search||c&&!n.search))}).sort(function(n,t){return e(t)-e(n)}).slice(0,500);a.unshift(o),(i={id:N,visits:a},Promise.resolve(H()).then(function(n){return new Promise(function(t,e){var r=n.transaction([G],"readwrite").objectStore(G).put(i);r.onerror=function(n){e("IDB e:w"+n.target.error)},r.onsuccess=function(){t("")}})})).catch()}).catch(),T([{ts:s(),name:V()}],t,function(n){return function(t){return n.name===t.name}},N)}(),g=JSON.parse(localStorage.getItem("loomi_purchased_products")||"[]"),h=o({deviceKind:f(function(){return window.loomi_ctx.deviceOverride},void 0)},{}),p=!!f(function(){return navigator.userAgent.includes("Macintosh")&&"ontouchend"in document}),_=f(function(){return window.innerWidth},0),y=f(function(){return window.vslyDesktopBreakpoint}
23)||960,S=f(function(){return d("cart_currency")})||f(function(){return A().currency})||"",I=f(function(){return i.current_product});if(I){e.oos=f(function(){return I.oos}),e.price=f(function(){return I.price}),e.iq=f(function(){return I.variants.reduce(function(n,t){return t.iq+n},0)}),e.productId=f(function(){var n=function(){var n={},t=window.loomi_ctx||{};t.productId&&(n.productId=t.productId);var e=f(function(){var n=new URL(location.href).searchParams,t="variant";return n.has(t)&&function(n){var t=Number(n),e=isNaN(t)?Number((""+n).replace(/[^\d.]+/g,""))||void 0:t;if(void 0!==e&&0!==e)return""+e}(n.get(t))})||t.variantId;return e&&(n.variantId=e),n}().productId;return Number.isFinite(Number(n))?n.toString():""},"");var P=1*i.variantId;Number.isFinite(P)&&(e.vid=P)}var O=f(E);"spa"==window.vslyIntegrationType&&(e.spa=!0);var b=f(function(){return i.ttl});return o({cartCurrency:S},e,{queryHistory:l,isIPadPro:p,windowInnerWidth:_,desktopBreakpoint:y,visitedPages:w,ttl:Number.isFinite(b)?b:0,purchasedLineItems:g,sid:O},h||{},u||{})}(n,e);return Promise.resolve(function(n,t){try{var e=function(n){return btoa(unescape(encodeURIComponent(JSON.stringify(n))))}(t),r=(u=function(n){var t="/api/allocator/web/public/v2/allocate";return an(n)&&(t="/allocate"),{cfgUrl:""+cn(n)+t}}(n).cfgUrl,s=function(){[i,X].map(function(n){var t=tn(n);t&&sessionStorage.setItem(n,t)});var n=sessionStorage.getItem(i),t=sessionStorage.getItem(X);return{previewKey:n,debugAllocator:tn(nn),previewVariantId:t}}(),l=s.previewKey,f=s.debugAllocator,d=s.previewVariantId,v=new URL(u),l&&v.searchParams.append(i,l),f&&v.searchParams.append(nn,"true"),d&&v.searchParams.append(X,d),v);r.searchParams.append("q",e);var o=S(r.href),c=window.vslyNativeFetch||window.fetch,a=on.has(o)?on.get(o):c(r.href).finally(function(){return on.delete(o)});return on.set(o,a),Promise.resolve(a).then(function(n){if(n.ok)return Promise.resolve(n.json());throw new Error("failed to load config: "+n.statusText)})}catch(n){return Promise.reject(n)}var u,s,l,f,d,v}(t,r)).then(function(n){return f(function(){window.loomi_ctx.audiences=n.audiences,f(function(){return n.audiences&&localStorage.setItem("vsly_audiences",JSON.stringify(n.audiences))}),window.loomi_ctx.testedThemes=n.testedThemes||[]}),function(n){var t=n.currentVariant;window.loomi_ctx=o({},window.loomi_ctx||{});var e=f(function(){return t.pid});e&&(window.loomi_ctx.productId=""+e);var r=f(function(){return t.vid});r&&(window.loomi_ctx.variantId=""+r);var i=f(function(){return t.price});i&&(window.loomi_ctx.variantPrice=i);var c=f(function(){return t.meta});c&&(window.loomi_ctx.productMeta=""+c)}(n),T(n.queryHistory,r.queryHistory,function(n){return function(t){return t.v===n.v&&t.k===n.k}},D),function(n){var t;(t=n.experiments)&&t.findIndex(function(n){var t=f(function(){return n.clientTargetingFormula.toString()},"")||"";return t.includes("CartItemHasTag")||t.includes("CartItemHasCollection")||t.includes("AllCartItemsHasTag")})>-1||!0===f(function(){return n.flags["sdk-enable-cart-enrichment"]},!1)&&(n.flags["sdk-enable-cart-enrichment"]=!1)}(n),{configuration:n,tracking:e}})}catch(n){return Promise.reject(n)}var c,a}(n,t))}catch(n){return Promise.reject(n)}}(n.storeAlias,t);(a=function(){var n=I();return!!n&&!mn.includes(n)},new Promise(function(n,t){var e,r=(e=window.loomi_ctx).consent||(e.consent={});r.init=gn(),(I()?pn():l(I,50,200)).then(function(){a()&&(wn(),n())}),(f(function(){return hn().analyticsProcessingAllowed})?pn():l(function(){return f(function(){return hn().analyticsProcessingAllowed})},50,200)).then(function(){var e=hn().analyticsProcessingAllowed()||a();wn(e),e?n():t()}),r.ccListener||(document.addEventListener("visitorConsentCollected",function(e){var r=e.detail.analyticsAllowed||a();wn(r),r?n():t()}),r.ccListener=!0)})).catch();var c=new Promise(function(n){"function"==typeof window.loomi_ctx.run?n():window.addEventListener("visually_loaded",function(){return n()},{once:!0})});return Promise.all([r,c]).then(function(n){var r=n[0],i=r.configuration,o=r.tracking;(function(n){return(t="vsly-a",r=function(n){return n==e.STAGE?"https://sdk.loomi-stg.xyz/":"https://assets.visually.io/"}(n)+"v/visually-a.js?cb="+window.loomi_ctx.sdk_version,void 0===i&&(i={async:!1,defer:!1}),new Promise(function(n,e){var o=document.getElementById(t);o?n(document.getElementById(t)):((o=document.createElement("script")).id=t,o.src=r,o.async=i.async||!1,o.defer=i.defer||!1,o.setAttribute("data-em-disable",""),o.onload=function(){return n(o)},o.onerror=function(){return e(new Error("Failed to load "+r))},document.head.appendChild(o))})).catch();var t,r,i})(t),window.loomi_ctx.run(i,o)}).catch(function(n){return console.error(n)}).finally(en)}catch(n){return Promise.reject(n)}var a,w}
23)().then(function(){return console.log("vsly sdk init")})}();
24
25    })()
26</script>
26
27<link href="https://assets.visually.io/vsly/lib/visually.js?cb=8af8c396" rel="preload" as="script" data-em-disable>
28<script rel="prefetch" type="text/javascript" src="https://assets.visually.io/vsly/lib/visually.js?cb=8af8c396" data-em-disable></script>
28
29<link href="https://assets.visually.io/widgets/vsly-preact.min.js" rel="preload" as="script" data-em-disable>
30<script data-vsly="preact2" type="text/javascript" src="https://assets.visually.io/widgets/vsly-preact.min.js" data-em-disable></script>
30
31<!--LOOMI SDK-->
32
33
34    <meta charset="utf-8">
35      <meta http-equiv="X-UA-Compatible" content="IE=edge">
36      <meta name="viewport" content="width=device-width,initial-scale=1">
37      <meta name="theme-color" content="">
38      <meta name="google-site-verification" content="BKkO6W9ka3m1PKF8Vu6as6gZEDE-j5dVCWQuEjhRnw0" />
39      <meta name="google-site-verification" content="-8U7cayNcCV1kLQ-W6zQSz3FtIaJ3lTCqDKmRDuPcEE" />
40      <!-- Google Tag Manager -->
41  
41<script>
vendor: 335 bytes, lines 41-45
41(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
42  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
43  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
44  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
45  })(window,document,'script','dataLayer','
45GTM-P2X2969W
vendor: 3 bytes, line 45
45');
45</script>
45
46  <!-- End Google Tag Manager -->
47      <link rel="canonical" href="https://rendl.fi/collections/garden-post-light"><link rel="icon" type="image/png" sizes="48x48" href="//rendl.fi/cdn/shop/files/rendl-favicon.png?crop=center&height=48&v=1766056459&width=48">
48        <link rel="icon" type="image/png" sizes="96x96" href="//rendl.fi/cdn/shop/files/rendl-favicon.png?crop=center&height=96&v=1766056459&width=96">
49        <link rel="icon" type="image/png" sizes="192x192" href="//rendl.fi/cdn/shop/files/rendl-favicon.png?crop=center&height=192&v=1766056459&width=192">
50        <link rel="apple-touch-icon" sizes="180x180" href="//rendl.fi/cdn/shop/files/rendl-favicon.png?crop=center&height=180&v=1766056459&width=180"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
51        Pollarivalaisimet | Rendl Light Studio
52</title>
53  
54      
55        <meta name="description" content="Pollarivalaisimet tarjoavat turvallisen kulkuvalaistuksen kestävällä IP-suojauksella ✅ Helppo asennus ✅ Laadukkaat mallit ✅">
56      
57  
58      
59
60<meta property="og:site_name" content="Rendl Light Studio">
61<meta property="og:url" content="https://rendl.fi/collections/garden-post-light">
62<meta property="og:title" content="Pollarivalaisimet | Rendl Light Studio">
63<meta property="og:type" content="website">
64<meta property="og:description" content="Pollarivalaisimet tarjoavat turvallisen kulkuvalaistuksen kestävällä IP-suojauksella ✅ Helppo asennus ✅ Laadukkaat mallit ✅"><meta property="og:image" content="http://rendl.fi/cdn/shop/collections/bollards_image_f841a070-d7cb-4a39-b045-425f442ae4cf.png?v=1788993126">
65  <meta property="og:image:secure_url" content="https://rendl.fi/cdn/shop/collections/bollards_image_f841a070-d7cb-4a39-b045-425f442ae4cf.png?v=1788993126">
66  <meta property="og:image:width" content="3162">
67  <meta property="og:image:height" content="3162"><meta name="twitter:card" content="summary_large_image">
68<meta name="twitter:title" content="Pollarivalaisimet | Rendl Light Studio">
69<meta name="twitter:description" content="Pollarivalaisimet tarjoavat turvallisen kulkuvalaistuksen kestävällä IP-suojauksella ✅ Helppo asennus ✅ Laadukkaat mallit ✅">
70
71  
72      
72<script src="//rendl.fi/cdn/shop/t/33/assets/constants.js?v=132983761750457495441788953232" defer="defer"></script>
72
73      
73<script src="//rendl.fi/cdn/shop/t/33/assets/pubsub.js?v=158357773527763999511788953231" defer="defer"></script>
73
74      
74<script src="//rendl.fi/cdn/shop/t/33/assets/global.js?v=43406015157963273791788953231" defer="defer"></script>
74
75      
75<script src="//rendl.fi/cdn/shop/t/33/assets/cart-count-without-hanf.js?v=23211574973106420781788953233" defer="defer"></script>
75
76      
76<script src="//rendl.fi/cdn/shop/t/33/assets/details-disclosure.js?v=13653116266235556501788953233" defer="defer"></script>
76
77      
77<script src="//rendl.fi/cdn/shop/t/33/assets/details-modal.js?v=25581673532751508451788953234" defer="defer"></script>
77
78      
78<script src="//rendl.fi/cdn/shop/t/33/assets/search-form.js?v=133129549252120666541788953231" defer="defer"></script>
78
79      
80      
80<script src="//rendl.fi/cdn/shop/t/33/assets/mobile-menu-fix.js?v=129136636972761987901788953230" defer="defer"></script>
80
81      
82      
82<script src="//rendl.fi/cdn/shop/t/33/assets/remove-decimals.js?v=156196077543663326621788953231" defer="defer"></script>
82<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
82<meta name="google-site-verification" content="4hxGnmeiueQIb0AGvurcUTVLgg1AG6OKrwzvcGhyzUE">
83<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/90979500330/digital_wallets/dialog">
84<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/garden-post-light.atom" />
85<link rel="alternate" hreflang="x-default" href="https://rendl.cz/collections/garden-post-light">
86<link rel="alternate" hreflang="cs" href="https://rendl.cz/collections/garden-post-light">
87<link rel="alternate" hreflang="de-AT" href="https://rendl.co.at/collections/garden-post-light">
88<link rel="alternate" hreflang="nl-BE" href="https://rendl.be/collections/garden-post-light">
89<link rel="alternate" hreflang="de-DE" href="https://rendl.com.de/collections/garden-post-light">
90<link rel="alternate" hreflang="da-DK" href="https://rendl.dk/collections/garden-post-light">
91<link rel="alternate" hreflang="es-ES" href="https://rendl.es/collections/garden-post-light">
92<link rel="alternate" hreflang="fi-FI" href="https://rendl.fi/collections/garden-post-light">
93<link rel="alternate" hreflang="fr-FR" href="https://rendl.fr/collections/garden-post-light">
94<link rel="alternate" hreflang="cs-IE" href="https://testrendl2.myshopify.com/collections/garden-post-light">
95<link rel="alternate" hreflang="en-IE" href="https://testrendl2.myshopify.com/en/collections/garden-post-light">
96<link rel="alternate" hreflang="it-IT" href="https://rendl.it/collections/garden-post-light">
97<link rel="alternate" hreflang="nl-NL" href="https://rendl.nl/collections/garden-post-light">
98<link rel="alternate" hreflang="en-NO" href="https://rendl.com/collections/garden-post-light">
99<link rel="alternate" hreflang="pl-PL" href="https://rendl.pl/collections/garden-post-light">
100<link rel="alternate" hreflang="pt-PT" href="https://rendl.pt/collections/garden-post-light">
101<link rel="alternate" hreflang="sv-SE" href="https://rendl.se/collections/garden-post-light">
102<link rel="alternate" hreflang="hr-HR" href="https://rendl.hr/collections/garden-post-light">
103<link rel="alternate" hreflang="hu-HU" href="https://rendl.hu/collections/garden-post-light">
104<link rel="alternate" hreflang="ro-RO" href="https://rendl.ro/collections/garden-post-light">
105<link rel="alternate" hreflang="bg-BG" href="https://rendl.bg/collections/garden-post-light">
106<link rel="alternate" hreflang="et-EE" href="https://rendl.ee/collections/garden-post-light">
107<link rel="alternate" hreflang="el-GR" href="https://rendl.gr/collections/garden-post-light">
108<link rel="alternate" hreflang="en-LT" href="https://rendl.lt/collections/garden-post-light">
109<link rel="alternate" hreflang="en-LU" href="https://rendl.com/collections/garden-post-light">
110<link rel="alternate" hreflang="lv-LV" href="https://rendl.lv/collections/garden-post-light">
111<link rel="alternate" hreflang="sk-SK" href="https://rendl.sk/collections/garden-post-light">
112<link rel="alternate" hreflang="sl-SI" href="https://rendl.si/collections/garden-post-light">
113<link rel="alternate" hreflang="en-AD" href="https://rendl.com/collections/garden-post-light">
114<link rel="alternate" hreflang="en-SM" href="https://rendl.com/collections/garden-post-light">
115<link rel="alternate" hreflang="en-VA" href="https://rendl.com/collections/garden-post-light">
116<link rel="alternate" type="application/json+oembed" href="https://rendl.fi/collections/garden-post-light.oembed">
117<script async="async" src="/checkouts/internal/preloads.js?locale=fi-FI&default_configuration_id=5244059946"></script>
117
118<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
119<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fi-FI&default_configuration_id=5244059946&shop_id=90979500330" crossorigin="anonymous"></script>
vendor: 1 bytes, line 119
119
120<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":90979500330,"countryCode":"CZ","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/90979500330","merchantName":"Rendl Light Studio","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard"],"total":{"type":"pending","label":"Rendl Light Studio","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 120
120
121<script id="shopify-features" type="application/json">{"accessToken":"98f7c60fc639a87e76284ed1108b437c","betas":["rich-media-storefront-analytics"],"domain":"rendl.fi","predictiveSearch":true,"shopId":90979500330,"locale":"fi"}</script>
vendor: 1 bytes, line 121
121
122<script>var Shopify = Shopify || {};
123Shopify.shop = "testrendl2.myshopify.com";
124Shopify.locale = "fi";
125Shopify.currency = {"active":"EUR","rate":"1.0"};
126Shopify.country = "FI";
127Shopify.theme = {"name":"rendl-shopify-web\/main","id":190667424042,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"};
128Shopify.theme.handle = "null";
129Shopify.theme.style = {"id":null,"handle":null};
130Shopify.cdnHost = "rendl.fi/cdn";
131Shopify.routes = Shopify.routes || {};
132Shopify.routes.root = "/";
133Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
134Shopify.SignInWithShop = Shopify.SignInWithShop || {};
135Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
136Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 136
136
137<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 137
137
138<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 138
138
139<script>
140  window.ShopifyPay = window.ShopifyPay || {};
141  window.ShopifyPay.apiHost = "shop.app\/pay";
142  window.ShopifyPay.redirectState = null;
143</script>
vendor: 1 bytes, line 143
143
144<script>
145  window.Shopify = window.Shopify || {};
146  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
147  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
148  window.Shopify.SignInWithShop.eligible = true;
149</script>
vendor: 1 bytes, line 149
149
150<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 150
150
151<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fi.esm.js"></script>
vendor: 1 bytes, line 151
151
152<script type="module">
153  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fi.esm.js");
154
155  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
156
157</script>
vendor: 1 bytes, line 157
157
158<script>
159  window.Shopify = window.Shopify || {};
160  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
161  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.fi.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fi.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fi.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fi.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fi.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fi.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fi.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fi.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fi.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fi.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fi.esm.js"],"listener":["modules/v2/loader.listener.fi.esm.js"],"pay-button":["modules/v2/loader.pay-button.fi.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fi.esm.js"],"shop-button":["modules/v2/loader.shop-button.fi.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fi.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fi.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fi.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fi.esm.js"],"shop-login":["modules/v2/loader.shop-login.fi.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fi.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fi.esm.js"]};
162</script>
vendor: 1 bytes, line 162
162
163<script>(function() {
164  var isLoaded = false;
165  function asyncLoad() {
166    if (isLoaded) return;
167    isLoaded = true;
168    var urls = ["https:\/\/lac.sfapp.magefan.top\/js\/scripttags\/assistance\/init.js?shop=testrendl2.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-5bdb40d053ca0481523ce4f87d922a9b.js?shop=testrendl2.myshopify.com","https:\/\/tseish-app.connect.trustedshops.com\/esc.js?apiBaseUrl=aHR0cHM6Ly90c2Vpc2gtYXBwLmNvbm5lY3QudHJ1c3RlZHNob3BzLmNvbQ==\u0026instanceId=dGVzdHJlbmRsMi5teXNob3BpZnkuY29t\u0026shop=testrendl2.myshopify.com"];
169    for (var i = 0; i < urls.length; i++) {
170      var s = document.createElement('script');
171      s.type = 'text/javascript';
172      s.async = true;
173      s.src = urls[i];
174      var x = document.getElementsByTagName('script')[0];
175      x.parentNode.insertBefore(s, x);
176    }
177  };
178  if(window.attachEvent) {
179    window.attachEvent('onload', asyncLoad);
180  } else {
181    window.addEventListener('load', asyncLoad, false);
182  }
183})();</script>
vendor: 1 bytes, line 183
183
184<script id="__st">var __st={"a":90979500330,"offset":7200,"reqid":"a08b4266-2311-4f5f-8839-a0c37a93c0d6-1791222117","pageurl":"rendl.fi\/collections\/garden-post-light","u":"aefb3061d52b","p":"collection","rtyp":"collection","rid":500116816170};</script>
vendor: 1 bytes, line 184
184
185<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 185
185
186<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'hCaptchan suojaama',privacyText:'Tietosuoja',termsText:'Ehdot'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 186
186
187<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//rendl.fi/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 187
187
188<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//rendl.fi/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
188<script crossorigin="anonymous" defer="defer" src="//rendl.fi/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 188
188
189<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 189
189
190<script>
191  window.Shopify = window.Shopify || {};
192  window.Shopify.MCP = window.Shopify.MCP || {};
193  window.Shopify.MCP.enabled = true;
194  window.Shopify.MCP.shop = "testrendl2.myshopify.com";
195  window.Shopify.MCP.mcpEndpoint = "https:\/\/rendl.fi\/api\/mcp";
196  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
197</script>
vendor: 1 bytes, line 197
197
198<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/rendl.fi\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
199</script>
vendor: 1 bytes, line 199
199
200<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://rendl.fi/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fi.js",t.type="module",document.head.appendChild(t)}};
201</script>
vendor: 1 bytes, line 201
201
202<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
203  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
204</script>
vendor: 1 bytes, line 204
204
205<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
206</script>
vendor: 1 bytes, line 206
206
207<script id='scb4127' type='text/javascript' async='' src='https://rendl.fi/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
207<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M46JGX2827981CM7JCG793SB&quot;,&quot;publisher_shop_id&quot;:90979500330,&quot;theme_id&quot;:190667424042,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;collection_id&quot;:500116816170,&quot;collection_handle&quot;:&quot;garden-post-light&quot;,&quot;total_products&quot;:19,&quot;page_type&quot;:&quot;collection&quot;},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//rendl.fi/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
207
208<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://rendl.fi/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
209<style id="shopify-accelerated-checkout-cart">
210        #shopify-buyer-consent {
211  margin-top: 1em;
212  display: inline-block;
213  width: 100%;
214}
215
216#shopify-buyer-consent.hidden {
217  display: none;
218}
219
220#shopify-subscription-policy-button {
221  background: none;
222  border: none;
223  padding: 0;
224  text-decoration: underline;
225  font-size: inherit;
226  cursor: pointer;
227}
228
229#shopify-subscription-policy-button::before {
230  box-shadow: none;
231}
232
233      </style>
234<script id="sections-script" data-sections="header" defer="defer" src="//rendl.fi/cdn/shop/t/33/compiled_assets/scripts.js?v=34764069574704968061788953306"></script>
vendor: 1 bytes, line 234
234
235<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
235
236
237  
238      <style data-shopify>
239        @font-face {
240  font-family: Montserrat;
241  font-weight: 400;
242  font-style: normal;
243  font-display: swap;
244  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
245       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
246}
247
248        @font-face {
249  font-family: Montserrat;
250  font-weight: 700;
251  font-style: normal;
252  font-display: swap;
253  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
254       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
255}
256
257        @font-face {
258  font-family: Montserrat;
259  font-weight: 400;
260  font-style: italic;
261  font-display: swap;
262  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
263       url("//rendl.fi/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
264}
265
266        @font-face {
267  font-family: Montserrat;
268  font-weight: 700;
269  font-style: italic;
270  font-display: swap;
271  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
272       url("//rendl.fi/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
273}
274
275        @font-face {
276  font-family: Montserrat;
277  font-weight: 400;
278  font-style: normal;
279  font-display: swap;
280  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
281       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
282}
283
284  
285        @font-face {
286  font-family: Montserrat;
287  font-weight: 300;
288  font-style: normal;
289  font-display: swap;
290  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n3.29e699231893fd243e1620595067294bb067ba2a.woff2") format("woff2"),
291       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n3.64ed56f012a53c08a49d49bd7e0c8d2f46119150.woff") format("woff");
292}
293
294        @font-face {
295  font-family: Montserrat;
296  font-weight: 400;
297  font-style: normal;
298  font-display: swap;
299  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
300       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
301}
302
303        @font-face {
304  font-family: Montserrat;
305  font-weight: 500;
306  font-style: normal;
307  font-display: swap;
308  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
309       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
310}
311
312        @font-face {
313  font-family: Montserrat;
314  font-weight: 600;
315  font-style: normal;
316  font-display: swap;
317  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n6.1326b3e84230700ef15b3a29fb520639977513e0.woff2") format("woff2"),
318       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n6.652f051080eb14192330daceed8cd53dfdc5ead9.woff") format("woff");
319}
320
321        @font-face {
322  font-family: Montserrat;
323  font-weight: 700;
324  font-style: normal;
325  font-display: swap;
326  src: url("//rendl.fi/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
327       url("//rendl.fi/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
328}
329
330  
331        
332          :root,
333          .color-scheme-1 {
334            --color-background: 255,255,255;
335          
336            --gradient-background: #ffffff;
337          
338  
339          
340  
341          --color-foreground: 18,18,18;
342          --color-background-contrast: 191,191,191;
343          --color-shadow: 18,18,18;
344          --color-button: 18,18,18;
345          --color-button-text: 255,255,255;
346          --color-secondary-button: 255,255,255;
347          --color-secondary-button-text: 18,18,18;
348          --color-link: 18,18,18;
349          --color-badge-foreground: 18,18,18;
350          --color-badge-background: 255,255,255;
351          --color-badge-border: 18,18,18;
352          --payment-terms-background-color: rgb(255 255 255);
353          --color-accent: rgba(255, 196, 82, 1);
354        }
355        
356          
357          .color-scheme-2 {
358            --color-background: 243,243,243;
359          
360            --gradient-background: #f3f3f3;
361          
362  
363          
364  
365          --color-foreground: 18,18,18;
366          --color-background-contrast: 179,179,179;
367          --color-shadow: 18,18,18;
368          --color-button: 18,18,18;
369          --color-button-text: 243,243,243;
370          --color-secondary-button: 243,243,243;
371          --color-secondary-button-text: 18,18,18;
372          --color-link: 18,18,18;
373          --color-badge-foreground: 18,18,18;
374          --color-badge-background: 243,243,243;
375          --color-badge-border: 18,18,18;
376          --payment-terms-background-color: rgb(243 243 243);
377          --color-accent: rgba(255, 196, 82, 1);
378        }
379        
380          
381          .color-scheme-3 {
382            --color-background: 36,40,51;
383          
384            --gradient-background: #242833;
385          
386  
387          
388  
389          --color-foreground: 255,255,255;
390          --color-background-contrast: 47,52,66;
391          --color-shadow: 18,18,18;
392          --color-button: 255,255,255;
393          --color-button-text: 0,0,0;
394          --color-secondary-button: 36,40,51;
395          --color-secondary-button-text: 255,255,255;
396          --color-link: 255,255,255;
397          --color-badge-foreground: 255,255,255;
398          --color-badge-background: 36,40,51;
399          --color-badge-border: 255,255,255;
400          --payment-terms-background-color: rgb(36 40 51);
401          --color-accent: rgba(255, 196, 82, 1);
402        }
403        
404          
405          .color-scheme-4 {
406            --color-background: 18,18,18;
407          
408            --gradient-background: #121212;
409          
410  
411          
412  
413          --color-foreground: 255,255,255;
414          --color-background-contrast: 146,146,146;
415          --color-shadow: 18,18,18;
416          --color-button: 255,255,255;
417          --color-button-text: 18,18,18;
418          --color-secondary-button: 18,18,18;
419          --color-secondary-button-text: 255,255,255;
420          --color-link: 255,255,255;
421          --color-badge-foreground: 255,255,255;
422          --color-badge-background: 18,18,18;
423          --color-badge-border: 255,255,255;
424          --payment-terms-background-color: rgb(18 18 18);
425          --color-accent: rgba(255, 196, 82, 1);
426        }
427        
428          
429          .color-scheme-5 {
430            --color-background: 51,79,180;
431          
432            --gradient-background: #334fb4;
433          
434  
435          
436  
437          --color-foreground: 255,255,255;
438          --color-background-contrast: 23,35,81;
439          --color-shadow: 18,18,18;
440          --color-button: 255,255,255;
441          --color-button-text: 51,79,180;
442          --color-secondary-button: 51,79,180;
443          --color-secondary-button-text: 255,255,255;
444          --color-link: 255,255,255;
445          --color-badge-foreground: 255,255,255;
446          --color-badge-background: 51,79,180;
447          --color-badge-border: 255,255,255;
448          --payment-terms-background-color: rgb(51 79 180);
449          --color-accent: rgba(255, 196, 82, 1);
450        }
451        
452          
453          .color-scheme-b7fd32f7-ad20-4618-9c60-c70ce84b3218 {
454            --color-background: 255,255,255;
455          
456            --gradient-background: #ffffff;
457          
458  
459          
460  
461          --color-foreground: 18,18,18;
462          --color-background-contrast: 191,191,191;
463          --color-shadow: 18,18,18;
464          --color-button: 18,18,18;
465          --color-button-text: 255,255,255;
466          --color-secondary-button: 255,255,255;
467          --color-secondary-button-text: 18,18,18;
468          --color-link: 18,18,18;
469          --color-badge-foreground: 18,18,18;
470          --color-badge-background: 255,255,255;
471          --color-badge-border: 18,18,18;
472          --payment-terms-background-color: rgb(255 255 255);
473          --color-accent: rgba(255, 196, 82, 1);
474        }
475        
476  
477        body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-b7fd32f7-ad20-4618-9c60-c70ce84b3218 {
478          color: rgba(var(--color-foreground), 0.75);
479          background-color: rgb(var(--color-background));
480        }
481  
482        :root {
483          --font-body-family: Montserrat, sans-serif;
484          --font-body-style: normal;
485          --font-body-weight: 400;
486          --font-body-weight-bold: 700;
487  
488          --font-heading-family: Montserrat, sans-serif;
489          --font-heading-style: normal;
490          --font-heading-weight: 400;
491  
492          --font-body-scale: 1.0;
493          --font-heading-scale: 1.0;
494  
495          --media-padding: px;
496          --media-border-opacity: 0.05;
497          --media-border-width: 1px;
498          --media-radius: 0px;
499          --media-shadow-opacity: 0.0;
500          --media-shadow-horizontal-offset: 0px;
501          --media-shadow-vertical-offset: 4px;
502          --media-shadow-blur-radius: 5px;
503          --media-shadow-visible: 0;
504  
505          --page-width: 120rem;
506          --page-width-margin: 0rem;
507  
508          --product-card-image-padding: 0.0rem;
509          --product-card-corner-radius: 0.0rem;
510          --product-card-text-alignment: left;
511          --product-card-border-width: 0.0rem;
512          --product-card-border-opacity: 0.1;
513          --product-card-shadow-opacity: 0.0;
514          --product-card-shadow-visible: 0;
515          --product-card-shadow-horizontal-offset: 0.0rem;
516          --product-card-shadow-vertical-offset: 0.4rem;
517          --product-card-shadow-blur-radius: 0.5rem;
518  
519          --collection-card-image-padding: 0.0rem;
520          --collection-card-corner-radius: 0.0rem;
521          --collection-card-text-alignment: left;
522          --collection-card-border-width: 0.0rem;
523          --collection-card-border-opacity: 0.1;
524          --collection-card-shadow-opacity: 0.0;
525          --collection-card-shadow-visible: 0;
526          --collection-card-shadow-horizontal-offset: 0.0rem;
527          --collection-card-shadow-vertical-offset: 0.4rem;
528          --collection-card-shadow-blur-radius: 0.5rem;
529  
530          --blog-card-image-padding: 0.0rem;
531          --blog-card-corner-radius: 0.0rem;
532          --blog-card-text-alignment: left;
533          --blog-card-border-width: 0.0rem;
534          --blog-card-border-opacity: 0.1;
535          --blog-card-shadow-opacity: 0.0;
536          --blog-card-shadow-visible: 0;
537          --blog-card-shadow-horizontal-offset: 0.0rem;
538          --blog-card-shadow-vertical-offset: 0.4rem;
539          --blog-card-shadow-blur-radius: 0.5rem;
540  
541          --badge-corner-radius: 4.0rem;
542  
543          --popup-border-width: 1px;
544          --popup-border-opacity: 0.1;
545          --popup-corner-radius: 0px;
546          --popup-shadow-opacity: 0.05;
547          --popup-shadow-horizontal-offset: 0px;
548          --popup-shadow-vertical-offset: 4px;
549          --popup-shadow-blur-radius: 5px;
550  
551          --drawer-border-width: 1px;
552          --drawer-border-opacity: 0.1;
553          --drawer-shadow-opacity: 0.0;
554          --drawer-shadow-horizontal-offset: 0px;
555          --drawer-shadow-vertical-offset: 4px;
556          --drawer-shadow-blur-radius: 5px;
557  
558          --spacing-sections-desktop: 0px;
559          --spacing-sections-mobile: 0px;
560  
561          --grid-desktop-vertical-spacing: 8px;
562          --grid-desktop-horizontal-spacing: 8px;
563          --grid-mobile-vertical-spacing: 4px;
564          --grid-mobile-horizontal-spacing: 4px;
565  
566          --text-boxes-border-opacity: 0.1;
567          --text-boxes-border-width: 0px;
568          --text-boxes-radius: 0px;
569          --text-boxes-shadow-opacity: 0.0;
570          --text-boxes-shadow-visible: 0;
571          --text-boxes-shadow-horizontal-offset: 0px;
572          --text-boxes-shadow-vertical-offset: 4px;
573          --text-boxes-shadow-blur-radius: 5px;
574  
575          --buttons-radius: 0px;
576          --buttons-radius-outset: 0px;
577          --buttons-border-width: 1px;
578          --buttons-border-opacity: 1.0;
579          --buttons-shadow-opacity: 0.0;
580          --buttons-shadow-visible: 0;
581          --buttons-shadow-horizontal-offset: 0px;
582          --buttons-shadow-vertical-offset: 4px;
583          --buttons-shadow-blur-radius: 5px;
584          --buttons-border-offset: 0px;
585  
586          --inputs-radius: 0px;
587          --inputs-border-width: 1px;
588          --inputs-border-opacity: 0.55;
589          --inputs-shadow-opacity: 0.0;
590          --inputs-shadow-horizontal-offset: 0px;
591          --inputs-margin-offset: 0px;
592          --inputs-shadow-vertical-offset: 4px;
593          --inputs-shadow-blur-radius: 5px;
594          --inputs-radius-outset: 0px;
595  
596          --variant-pills-radius: 40px;
597          --variant-pills-border-width: 1px;
598          --variant-pills-border-opacity: 0.55;
599          --variant-pills-shadow-opacity: 0.0;
600          --variant-pills-shadow-horizontal-offset: 0px;
601          --variant-pills-shadow-vertical-offset: 4px;
602          --variant-pills-shadow-blur-radius: 5px;
603          --font-weight-light: 300;
604          --font-weight-regular: 400;
605          --font-weight-medium: 500;
606          --font-weight-semibold: 600;
607          --font-weight-bold: 700;
608        }
609  
610        *,
611        *::before,
612        *::after {
613          box-sizing: inherit;
614        }
615  
616        html {
617          box-sizing: border-box;
618          font-size: calc(var(--font-body-scale) * 62.5%);
619          height: 100%;
620        }
621  
622        body {
623          display: grid;
624          grid-template-rows: auto auto 1fr auto;
625          grid-template-columns: 100%;
626          min-height: 100%;
627          margin: 0;
628          font-size: 1.5rem;
629          letter-spacing: 0.06rem;
630          line-height: calc(1 + 0.8 / var(--font-body-scale));
631          font-family: var(--font-body-family);
632          font-style: var(--font-body-style);
633          font-weight: var(--font-body-weight);
634        }
635  
636        @media screen and (min-width: 750px) {
637          body {
638            font-size: 1.6rem;
639          }
640        }
641  
642        
643        .font-light {
644          font-weight: var(--font-weight-light);
645        }
646        .font-regular {
647          font-weight: var(--font-weight-regular);
648        }
649        .font-medium {
650          font-weight: var(--font-weight-medium);
651        }
652        .font-semibold {
653          font-weight: var(--font-weight-semibold);
654        }
655        .font-bold {
656          font-weight: var(--font-weight-bold);
657        }
658      </style>
659  
660      <link href="//rendl.fi/cdn/shop/t/33/assets/base.css?v=6048713975046595741788953233" rel="stylesheet" type="text/css" media="all" />
661      <link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-cart-items.css?v=123238115697927560811788953233" media="print" onload="this.media='all'">
662        <link rel="preload" as="font" href="//rendl.fi/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin>
663        
664
665        <link rel="preload" as="font" href="//rendl.fi/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin>
666        
667<link href="//rendl.fi/cdn/shop/t/33/assets/component-localization-form.css?v=170315343355214948141788953230" rel="stylesheet" type="text/css" media="all" />
668        
668<script src="//rendl.fi/cdn/shop/t/33/assets/localization-form.js?v=144176611646395275351788953230" defer="defer"></script>
668<link
669          rel="stylesheet"
670          href="//rendl.fi/cdn/shop/t/33/assets/component-predictive-search.css?v=118923337488134913561788953233"
671          media="print"
672          onload="this.media='all'"
673        >
673<script>
674        if (Shopify.designMode) {
675          document.documentElement.classList.add('shopify-design-mode');
676        }
677      </script>
677
678    <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
679<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 90979500330,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 679
679
680<script>
681  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
682</script>
vendor: 1 bytes, line 682
682
683<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
683).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 90979500330,storefrontBaseUrl: "https://rendl.cz",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://rendl.fi/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2491679018","configuration":"{\"tagID\":\"2612484755010\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2432336170","configuration":"{\"accountID\":\"testrendl2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"61cdc6f66ca0193cd967e6edfba19bd3","type":"APP","apiClientId":201313320961,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
683,"dataSharingState":"unrestricted"},{"id":"1873543466","configuration":"{\"accountID\":\"testrendl2\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1540522282","configuration":"{\"pixel_id\":\"381126055899649\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1444315434","configuration":"{\"accountID\":\"testrendl2.myshopify.com\",\"enabled\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3311197d941bbf27e929f7ebdf03dfa2","type":"APP","apiClientId":233009709057,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1314455850","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\",\\\"G-KZP30P12D0\\\"],\\\"target_country\\\":\\\"DE\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/P5ObCMK1htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/YLu6CM61htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-0VPHL20KSY\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/hHW4CMu1htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-0VPHL20KSY\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/pmdWCL-1htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/g7oeCMi1htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-0VPHL20KSY\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/rSZOCPW4htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-0VPHL20KSY\\\",\\\"AW-811609763\\\/YVcTCMW1htoaEKPdgIMD\\\",\\\"G-KZP30P12D0\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-0VPHL20KSY\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Rendl Light Studio","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"testrendl2.myshopify.com","countryCode":"CZ","storefrontUrl":"https:\/\/rendl.fi"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9746642796842","handle":"torin-30-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387454583082","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746642469162","handle":"torin-60-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387453239594","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746991874346","handle":"brenda-60-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388168728874","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746991120682","handle":"jean-50-bollard-with-power-sockets-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388164895018","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746956288298","handle":"abax-65-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388007575850","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746921161002","handle":"ponder-65-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387877683498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746936529194","handle":"clyde-60-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387977068842","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9785195528490","handle":"quinn-60","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388219093290","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746933023018","handle":"elia-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387954622762","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746921586986","handle":"ponder-20-wall-or-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387878601002","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746651185450","handle":"gardien-65-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387475128618","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746963398954","handle":"treeza-led-25-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388038312234","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746991612202","handle":"bonn-65-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388167581994","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746973196586","handle":"rina-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388078158122","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746962612522","handle":"sonet-450-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388029792554","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746991218986","handle":"king-30-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388164862250","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746963366186","handle":"treeza-65-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52388037427498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746937053482","handle":"bonnie-80-bollard-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387977134378","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9746931188010","handle":"bobo-rc-floor-lamp","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52387944464682","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://rendl.fi/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"190667424042","themePublished":"true","eventMetadataId":"57838cfa-8afb-4bb6-88b4-732d7f1030db","pageType":"collection","resourceId":"500116816170","shopId":"90979500330","storefrontBaseUrl":"https:\/\/rendl.cz","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"500116816170\",\"t
683itle\":\"Pollarivalaisimet\",\"productVariants\":[{\"price\":{\"amount\":120.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"TORIN 30\",\"vendor\":\"Rendl\",\"id\":\"9746642796842\",\"untranslatedTitle\":\"TORIN 30\",\"url\":\"\/products\/torin-30-floor-lamp\",\"type\":\"\"},\"id\":\"52387454583082\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14169-1.jpg?v=1770944897\"},\"sku\":\"R14169\",\"title\":\"vaaleanharmaa\",\"untranslatedTitle\":\"light grey\"},{\"price\":{\"amount\":178.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"TORIN 60\",\"vendor\":\"Rendl\",\"id\":\"9746642469162\",\"untranslatedTitle\":\"TORIN 60\",\"url\":\"\/products\/torin-60-floor-lamp\",\"type\":\"\"},\"id\":\"52387453239594\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14172-1.jpg?v=1770944896\"},\"sku\":\"R14172\",\"title\":\"musta\",\"untranslatedTitle\":\"black\"},{\"price\":{\"amount\":158.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"BRENDA 60\",\"vendor\":\"RENDL\",\"id\":\"9746991874346\",\"untranslatedTitle\":\"BRENDA 60\",\"url\":\"\/products\/brenda-60-floor-lamp\",\"type\":\"\"},\"id\":\"52388168728874\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14203-1.jpg?v=1745944128\"},\"sku\":\"R14203\",\"title\":\"musta\",\"untranslatedTitle\":\"black\"},{\"price\":{\"amount\":198.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"JEAN\",\"vendor\":\"RENDL\",\"id\":\"9746991120682\",\"untranslatedTitle\":\"JEAN\",\"url\":\"\/products\/jean-50-bollard-with-power-sockets-lamp\",\"type\":\"\"},\"id\":\"52388164895018\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14173-1.jpg?v=1745328075\"},\"sku\":\"R14173\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":268.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"ABAX 65\",\"vendor\":\"Rendl\",\"id\":\"9746956288298\",\"untranslatedTitle\":\"ABAX 65\",\"url\":\"\/products\/abax-65-bollard-lamp\",\"type\":\"\"},\"id\":\"52388007575850\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r12626-1.jpg?v=1767748665\"},\"sku\":\"R12626\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":158.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"PONDER 65\",\"vendor\":\"Rendl\",\"id\":\"9746921161002\",\"untranslatedTitle\":\"PONDER 65\",\"url\":\"\/products\/ponder-65-bollard-lamp\",\"type\":\"\"},\"id\":\"52387877683498\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r10433-1.jpg?v=1770945925\"},\"sku\":\"R10433\",\"title\":\"musta\",\"untranslatedTitle\":\"black\"},{\"price\":{\"amount\":98.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"CLYDE POLLARI\",\"vendor\":\"Rendl\",\"id\":\"9746936529194\",\"untranslatedTitle\":\"CLYDE BOLLARD\",\"url\":\"\/products\/clyde-60-bollard-lamp\",\"type\":\"\"},\"id\":\"52387977068842\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r13638-1.jpg?v=1745935426\"},\"sku\":\"R13638\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":158.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"QUINN 60\",\"vendor\":\"RENDL\",\"id\":\"9785195528490\",\"untranslatedTitle\":\"QUINN 60\",\"url\":\"\/products\/quinn-60\",\"type\":\"\"},\"id\":\"52388219093290\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14497-1.jpg?v=1749172938\"},\"sku\":\"R14497\",\"title\":\"musta \/ ravfarvet glas\",\"untranslatedTitle\":\"black  ambercolored glass\"},{\"price\":{\"amount\":158.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"ELIA POLLARI\",\"vendor\":\"Rendl\",\"id\":\"9746933023018\",\"untranslatedTitle\":\"ELIA BOLLARD\",\"url\":\"\/products\/elia-floor-lamp\",\"type\":\"\"},\"id\":\"52387954622762\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r13932-1.jpg?v=1767662078\"},\"sku\":\"R13932\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":120.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"PONDER 20\",\"vendor\":\"Rendl\",\"id\":\"9746921586986\",\"untranslatedTitle\":\"PONDER 20\",\"url\":\"\/products\/ponder-20-wall-or-bollard-lamp\",\"type\":\"\"},\"id\":\"52387878601002\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r10367-1.jpg?v=1771032157\"},\"sku\":\"R10367\",\"title\":\"musta\",\"untranslatedTitle\":\"black\"},{\"price\":{\"amount\":178.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"GARDIEN 65\",\"vendor\":\"Rendl\",\"id\":\"9746651185450\",\"untranslatedTitle\":\"GARDIEN 65\",\"url\":\"\/products\/gardien-65-bollard-lamp\",\"type\":\"\"},\"id\":\"52387475128618\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r13758-1.jpg?v=1770772276\"},\"sku\":\"R13758\",\"title\":\"musta\",\"untranslatedTitle\":\"black\"},{\"price\":{\"amount\":138.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"TREEZA LED 25\",\"vendor\":\"Rendl\",\"id\":\"9746963398954\",\"untranslatedTitle\":\"TREEZA LED 25\",\"url\":\"\/products\/treeza-led-25-bollard-lamp\",\"type\":\"\"},\"id\":\"52388038312234\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r10380-1.jpg?v=1745940170\"},\"sku\":\"R10380\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":178.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"BONN\",\"vendor\":\"RENDL\",\"id\":\"9746991612202\",\"untranslatedTitle\":\"BONN\",\"url\":\"\/products\/bonn-65-floor-lamp\",\"type\":\"\"},\"id\":\"52388167581994\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14197-1.jpg?v=1745944104\"},\"sku\":\"R14197\",\"title\":\"musta harmaa\",\"untranslatedTitle\":\"black grey\"},{\"price\":{\"amount\":198.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"RINA POLLARI\",\"vendor\":\"RENDL\",\"id\":\"9746973196586\",\"untranslatedTitle\":\"RINA BOLLARD\",\"url\":\"\/products\/rina-bollard-lamp\",\"type\":\"\"},\"id\":\"52388078158122\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r12515-1.jpg?v=1745942076\"},\"sku\":\"R12515\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":188.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"SONET 450\",\"vendor\":\"Rendl\",\"id\":\"9746962612522\",\"untranslatedTitle\":\"SONET 450\",\"url\":\"\/products\/sonet-450-bollard-lamp\",\"type\":\"\"},\"id\":\"52388029792554\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r11171-1.jpg?v=1759108267\"}
683,\"sku\":\"R11171\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":229.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"KING 30\",\"vendor\":\"RENDL\",\"id\":\"9746991218986\",\"untranslatedTitle\":\"KING 30\",\"url\":\"\/products\/king-30-floor-lamp\",\"type\":\"\"},\"id\":\"52388164862250\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r14174-1.jpg?v=1776755117\"},\"sku\":\"R14174\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":150.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"TREEZA 65\",\"vendor\":\"Rendl\",\"id\":\"9746963366186\",\"untranslatedTitle\":\"TREEZA 65\",\"url\":\"\/products\/treeza-65-bollard-lamp\",\"type\":\"\"},\"id\":\"52388037427498\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r10441-1.jpg?v=1745940165\"},\"sku\":\"R10441\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":120.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"BONNIE POLLARI\",\"vendor\":\"Rendl\",\"id\":\"9746937053482\",\"untranslatedTitle\":\"BONNIE BOLLARD\",\"url\":\"\/products\/bonnie-80-bollard-lamp\",\"type\":\"\"},\"id\":\"52387977134378\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r13636-1.jpg?v=1745935423\"},\"sku\":\"R13636\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"},{\"price\":{\"amount\":138.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"BOBO RC POLLARI\",\"vendor\":\"Rendl\",\"id\":\"9746931188010\",\"untranslatedTitle\":\"BOBO RC BOLLARD\",\"url\":\"\/products\/bobo-rc-floor-lamp\",\"type\":\"\"},\"id\":\"52387944464682\",\"image\":{\"src\":\"\/\/rendl.fi\/cdn\/shop\/files\/r13936-1.jpg?v=1745935192\"},\"sku\":\"R13936\",\"title\":\"tummanharmaa\",\"untranslatedTitle\":\"anthracite grey\"}]}}]]"});})();</script>
683<script>
684  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
685  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
686  window.ShopifyAnalytics.meta.currency = 'EUR';
687  var meta = {"products":[{"id":9746642796842,"gid":"gid:\/\/shopify\/Product\/9746642796842","vendor":"Rendl","type":"","handle":"torin-30-floor-lamp","variants":[{"id":52387454583082,"price":12000,"name":"TORIN 30 - vaaleanharmaa","public_title":"vaaleanharmaa","sku":"R14169"},{"id":52387454615850,"price":12000,"name":"TORIN 30 - musta","public_title":"musta","sku":"R14170"}],"remote":false,"collective":false},{"id":9746642469162,"gid":"gid:\/\/shopify\/Product\/9746642469162","vendor":"Rendl","type":"","handle":"torin-60-floor-lamp","variants":[{"id":52387453239594,"price":17800,"name":"TORIN 60 - musta","public_title":"musta","sku":"R14172"},{"id":52387453272362,"price":17800,"name":"TORIN 60 - vaaleanharmaa","public_title":"vaaleanharmaa","sku":"R14171"}],"remote":false,"collective":false},{"id":9746991874346,"gid":"gid:\/\/shopify\/Product\/9746991874346","vendor":"RENDL","type":"","handle":"brenda-60-floor-lamp","variants":[{"id":52388168728874,"price":15800,"name":"BRENDA 60 - musta","public_title":"musta","sku":"R14203"}],"remote":false,"collective":false},{"id":9746991120682,"gid":"gid:\/\/shopify\/Product\/9746991120682","vendor":"RENDL","type":"","handle":"jean-50-bollard-with-power-sockets-lamp","variants":[{"id":52388164895018,"price":19800,"name":"JEAN - tummanharmaa","public_title":"tummanharmaa","sku":"R14173"}],"remote":false,"collective":false},{"id":9746956288298,"gid":"gid:\/\/shopify\/Product\/9746956288298","vendor":"Rendl","type":"","handle":"abax-65-bollard-lamp","variants":[{"id":52388007575850,"price":26800,"name":"ABAX 65 - tummanharmaa","public_title":"tummanharmaa","sku":"R12626"}],"remote":false,"collective":false},{"id":9746921161002,"gid":"gid:\/\/shopify\/Product\/9746921161002","vendor":"Rendl","type":"","handle":"ponder-65-bollard-lamp","variants":[{"id":52387877683498,"price":15800,"name":"PONDER 65 - musta","public_title":"musta","sku":"R10433"}],"remote":false,"collective":false},{"id":9746936529194,"gid":"gid:\/\/shopify\/Product\/9746936529194","vendor":"Rendl","type":"","handle":"clyde-60-bollard-lamp","variants":[{"id":52387977068842,"price":9800,"name":"CLYDE POLLARI - tummanharmaa","public_title":"tummanharmaa","sku":"R13638"}],"remote":false,"collective":false},{"id":9785195528490,"gid":"gid:\/\/shopify\/Product\/9785195528490","vendor":"RENDL","type":"","handle":"quinn-60","variants":[{"id":52388219093290,"price":15800,"name":"QUINN 60 - musta \/ ravfarvet glas","public_title":"musta \/ ravfarvet glas","sku":"R14497"}],"remote":false,"collective":false},{"id":9746933023018,"gid":"gid:\/\/shopify\/Product\/9746933023018","vendor":"Rendl","type":"","handle":"elia-floor-lamp","variants":[{"id":52387954622762,"price":15800,"name":"ELIA POLLARI - tummanharmaa","public_title":"tummanharmaa","sku":"R13932"}],"remote":false,"collective":false},{"id":9746921586986,"gid":"gid:\/\/shopify\/Product\/9746921586986","vendor":"Rendl","type":"","handle":"ponder-20-wall-or-bollard-lamp","variants":[{"id":52387878601002,"price":12000,"name":"PONDER 20 - musta","public_title":"musta","sku":"R10367"}],"remote":false,"collective":false},{"id":9746651185450,"gid":"gid:\/\/shopify\/Product\/9746651185450","vendor":"Rendl","type":"","handle":"gardien-65-bollard-lamp","variants":[{"id":52387475128618,"price":17800,"name":"GARDIEN 65 - musta","public_title":"musta","sku":"R13758"}],"remote":false,"collective":false},{"id":9746963398954,"gid":"gid:\/\/shopify\/Product\/9746963398954","vendor":"Rendl","type":"","handle":"treeza-led-25-bollard-lamp","variants":[{"id":52388038312234,"price":13800,"name":"TREEZA LED 25 - tummanharmaa","public_title":"tummanharmaa","sku":"R10380"}],"remote":false,"collective":false},{"id":9746991612202,"gid":"gid:\/\/shopify\/Product\/9746991612202","vendor":"RENDL","type":"","handle":"bonn-65-floor-lamp","variants":[{"id":52388167581994,"price":17800,"name":"BONN - musta harmaa","public_title":"musta harmaa","sku":"R14197"}],"remote":false,"collective":false}
687,{"id":9746973196586,"gid":"gid:\/\/shopify\/Product\/9746973196586","vendor":"RENDL","type":"","handle":"rina-bollard-lamp","variants":[{"id":52388078158122,"price":19800,"name":"RINA POLLARI - tummanharmaa","public_title":"tummanharmaa","sku":"R12515"}],"remote":false,"collective":false},{"id":9746962612522,"gid":"gid:\/\/shopify\/Product\/9746962612522","vendor":"Rendl","type":"","handle":"sonet-450-bollard-lamp","variants":[{"id":52388029792554,"price":18800,"name":"SONET 450 - tummanharmaa","public_title":"tummanharmaa","sku":"R11171"}],"remote":false,"collective":false},{"id":9746991218986,"gid":"gid:\/\/shopify\/Product\/9746991218986","vendor":"RENDL","type":"","handle":"king-30-floor-lamp","variants":[{"id":52388164862250,"price":22900,"name":"KING 30 - tummanharmaa","public_title":"tummanharmaa","sku":"R14174"}],"remote":false,"collective":false},{"id":9746963366186,"gid":"gid:\/\/shopify\/Product\/9746963366186","vendor":"Rendl","type":"","handle":"treeza-65-bollard-lamp","variants":[{"id":52388037427498,"price":15000,"name":"TREEZA 65 - tummanharmaa","public_title":"tummanharmaa","sku":"R10441"}],"remote":false,"collective":false},{"id":9746937053482,"gid":"gid:\/\/shopify\/Product\/9746937053482","vendor":"Rendl","type":"","handle":"bonnie-80-bollard-lamp","variants":[{"id":52387977134378,"price":12000,"name":"BONNIE POLLARI - tummanharmaa","public_title":"tummanharmaa","sku":"R13636"}],"remote":false,"collective":false},{"id":9746931188010,"gid":"gid:\/\/shopify\/Product\/9746931188010","vendor":"Rendl","type":"","handle":"bobo-rc-floor-lamp","variants":[{"id":52387944464682,"price":13800,"name":"BOBO RC POLLARI - tummanharmaa","public_title":"tummanharmaa","sku":"R13936"}],"remote":false,"collective":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":500116816170,"requestId":"a08b4266-2311-4f5f-8839-a0c37a93c0d6-1791222117"}};
688  for (var attr in meta) {
689    window.ShopifyAnalytics.meta[attr] = meta[attr];
690  }
691</script>
vendor: 1 bytes, line 691
691
692<script class="analytics">
693  (function () {
694    var customDocumentWrite = function(content) {
695      var jquery = null;
696
697      if (window.jQuery) {
698        jquery = window.jQuery;
699      } else if (window.Checkout && window.Checkout.$) {
700        jquery = window.Checkout.$;
701      }
702
703      if (jquery) {
704        jquery('body').append(content);
705      }
706    };
707
708    var hasLoggedConversion = function(token) {
709      if (token) {
710        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
711      }
712      return false;
713    }
714
715    var setCookieIfConversion = function(token) {
716      if (token) {
717        var twoMonthsFromNow = new Date(Date.now());
718        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
719
720        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
721      }
722    }
723
724    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
725    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
726    if (trekkie.integrations) {
727      return;
728    }
729    trekkie.methods = [
730      'identify',
731      'page',
732      'ready',
733      'track',
734      'trackForm',
735      'trackLink'
736    ];
737    trekkie.factory = function(method) {
738      return function() {
739        var args = Array.prototype.slice.call(arguments);
740        args.unshift(method);
741        trekkie.push(args);
742        if (method == 'track' || method == 'page') {
743          var pageUrl;
744          try {
745            pageUrl = window.location.href;
746          } catch (e) {}
747          var pageReferrer;
748          try {
749            pageReferrer = document.referrer;
750          } catch (e) {}
751          try {
752            if (window.__TREKKIE_SHIM_QUEUE == null) {
753              window.__TREKKIE_SHIM_QUEUE = [];
754            }
755            window.__TREKKIE_SHIM_QUEUE.push({
756              from: 'trekkie-stub',
757              method: method,
758              args: args.slice(1),
759              pageContext: {
760                url: pageUrl,
761                referrer: pageReferrer
762              }
763            });
764          } catch (e) {
765            // no-op
766          }
767        }
768        return trekkie;
769      };
770    };
771    for (var i = 0; i < trekkie.methods.length; i++) {
772      var key = trekkie.methods[i];
773      trekkie[key] = trekkie.factory(key);
774    }
775    trekkie.load = function(config) {
776      trekkie.config = config || {};
777      trekkie.config.initialDocumentCookie = document.cookie;
778      var first = document.getElementsByTagName('script')[0];
779var script = document.createElement('script');
780script.type = 'text/javascript';
781script.onerror = function(e) {
782  var scriptFallback = document.createElement('script');
783  scriptFallback.type = 'text/javascript';
784  scriptFallback.onerror = function(error) {
785          var Monorail = {
786      produce: function produce(monorailDomain, schemaId, payload) {
787        var currentMs = new Date().getTime();
788        var event = {
789          schema_id: schemaId,
790          payload: payload,
791          metadata: {
792            event_created_at_ms: currentMs,
793            event_sent_at_ms: currentMs
794          }
795        };
796        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
797      },
798      sendRequest: function sendRequest(endpointUrl, payload) {
799        // Try the sendBeacon API
800        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
801          var blobData = new window.Blob([payload], {
802            type: 'text/plain'
803          });
804
805          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
806            return true;
807          } // sendBeacon was not successful
808
809        } // XHR beacon
810
811        var xhr = new XMLHttpRequest();
812
813        try {
814          xhr.open('POST', endpointUrl);
815          xhr.setRequestHeader('Content-Type', 'text/plain');
816          xhr.send(payload);
817        } catch (e) {
818          console.log(e);
819        }
820
821        return false;
822      },
823      isIos12: function isIos12() {
824        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
825      }
826    };
827    Monorail.produce('monorail-edge.shopifysvc.com',
828      'trekkie_storefront_load_errors/1.1',
829      {shop_id: 90979500330,
830      theme_id: 190667424042,
831      app_name: "storefront",
832      context_url: window.location.href,
833      source_url: "//rendl.fi/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
834
835  };
836  scriptFallback.async = true;
837  scriptFallback.src = '//rendl.fi/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
838  first.parentNode.insertBefore(scriptFallback, first);
839};
840script.async = true;
841script.src = '//rendl.fi/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
842first.parentNode.insertBefore(script, first);
843
844    };
845    trekkie.load(
846      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":90979500330,"isMerchantRequest":null,"themeId":190667424042,"themeCityHash":"785154359683724440","contentLanguage":"fi","currency":"EUR","eventMetadataId":"57838cfa-8afb-4bb6-88b4-732d7f1030db"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
847    );
848
849    var loaded = false;
850    trekkie.ready(function() {
851      if (loaded) return;
852      loaded = true;
853
854      window.ShopifyAnalytics.lib = window.trekkie;
855
856      var originalDocumentWrite = document.write;
857      document.write = customDocumentWrite;
858      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
859      document.write = originalDocumentWrite;
860
861      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
862      var token = match? match[1]: undefined;
863      if (!hasLoggedConversion(token)) {
864        setCookieIfConversion(token);
865        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"EUR","category":"Collection: garden-post-light","collectionName":"garden-post-light","collectionId":500116816170,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
866      }
867    });
868
869    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":500116816170,"requestId":"a08b4266-2311-4f5f-8839-a0c37a93c0d6-1791222117","shopifyEmitted":true});
870
871    var eventsListenerScript = document.createElement('script');
872    eventsListenerScript.async = true;
873    eventsListenerScript.src = "//rendl.fi/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
874    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
875})();</script>
vendor: 1 bytes, line 875
875
876<script
877  defer
878  src="https://rendl.fi/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
879  data-application="storefront-renderer"
880  data-shop-id="90979500330"
881  data-render-region="gcp-us-central1"
882  data-page-type="collection"
883  data-theme-instance-id="190667424042"
884  data-theme-name="Dawn"
885  data-theme-version="15.2.0"
886  data-monorail-region="shop_domain"
887  data-resource-timing-sampling-rate="10"
888  data-shs="true"
889  data-shs-beacon="true"
890  data-shs-export-with-fetch="true"
891  data-shs-logs-sample-rate="1"
892  data-shs-beacon-endpoint="https://rendl.fi/api/collect"
893></script>
893
894<meta name="shopify-y" content="7efb6075-20b7-4295-b810-c51413709e43" data-expiration="1822779717000"><meta name="shopify-s" content="f43d4992-7b96-4386-958c-3573253130b8" data-expiration="1791223917000"><meta name="new-cookie-storage-activated" content="t">
895</head>
896  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 896-897
896
897  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
897GTM-P2X2969W
vendor: 87 bytes, lines 897-899
897"
898  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
899  
899<!-- End Google Tag Manager (noscript) -->
900    <body class="gradient">
901      <a class="skip-to-content-link button visually-hidden" href="#MainContent">
902        Ohita ja siirry sisältöön
903      </a><!-- BEGIN sections: header-group -->
904<div id="shopify-section-sections--28113425695018__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-list-menu.css?v=151968516119678728991788953233" media="print" onload="this.media='all'">
905<link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-search.css?v=165164710990765432851788953233" media="print" onload="this.media='all'">
906<link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-menu-drawer.css?v=169695170300259980871788953231" media="print" onload="this.media='all'">
907<link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-cart-notification.css?v=68547452378593066441788953234" media="print" onload="this.media='all'"><link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-price.css?v=55932055337519532011788953234" media="print" onload="this.media='all'"><link rel="stylesheet" href="//rendl.fi/cdn/shop/t/33/assets/component-mega-menu.css?v=98444557934912130531788953231" media="print" onload="this.media='all'"><style>
908  /* Account badge styles */
909  .header__icon--account {
910    position: relative;
911  }
912  
913  .account-badge {
914    position: absolute;
915    top: -6px;
916    right: -8px;
917    background-color: #ed6346;
918    color: white;
919    border-radius: 50px;
920    padding: 10px;
921    font-size: 10px;
922    font-weight: normal;
923    line-height: 1;
924    width: 29px;
925    height: 29px;
926    display: flex;
927    align-items: center;
928    justify-content: center;
929   
930  }
931  
932  .account-badge__text {
933    font-size: 9px;
934    font-weight: 600;
935    color: white;
936    text-align: center;
937    line-height: 0.2;
938  }
939  
940  /* Mobile badge styles */
941  .account-badge--mobile {
942    top: -6px;
943    right: -6px;
944    font-size: 9px;
945    min-width: 14px;
946    height: 14px;
947    padding: 1px 4px;
948  }
949  
950  .account-badge--mobile .account-badge__text {
951    font-size: 9px;
952  }
953  
954  /* Responsive adjustments */
955  @media screen and (max-width: 749px) {
956    .account-badge {
957      top: -6px;
958      right: -6px;
959      font-size: 9px;
960      min-width: 14px;
961      height: 14px;
962      padding: 1px 4px;
963    }
964    
965    .account-badge__text {
966      font-size: 9px;
967    }
968  }
969
970  header-drawer {
971    justify-self: start;
972    margin-left: -1.2rem;
973  }@media screen and (min-width: 990px) {
974      header-drawer {
975        display: none;
976      }
977    }.menu-drawer-container {
978    display: flex;
979  }
980
981  .list-menu {
982    list-style: none;
983    padding: 0;
984    margin: 0;
985  }
986
987  .list-menu--gap {
988    gap: 1rem;
989  }
990
991  .list-menu--inline {
992    display: inline-flex;
993    flex-wrap: wrap;
994  }
995
996  .list-menu--inline--gap {
997    gap: 1rem;
998  }
999
1000  summary.list-menu__item {
1001    padding-right: 2.7rem;
1002  }
1003
1004  .list-menu__item {
1005    display: flex;
1006    align-items: center;
1007    line-height: calc(1 + 0.3 / var(--font-body-scale));
1008  }
1009
1010  .list-menu__item--link {
1011    text-decoration: none;
1012    padding-bottom: 1rem;
1013    padding-top: 1rem;
1014    line-height: calc(1 + 0.8 / var(--font-body-scale));
1015  }
1016
1017  .list-menu__item--svg-wrapper {
1018    padding: 0 12px;
1019  }
1020
1021  @media screen and (min-width: 750px) {
1022    .list-menu__item--link {
1023      padding-bottom: 0.5rem;
1024      padding-top: 0.5rem;
1025    }
1026  }
1027</style><style data-shopify>.header {
1028    padding: 10px 3rem 10px 3rem;
1029  }
1030
1031  .section-header {
1032    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
1033    margin-bottom: 0px;
1034    z-index: 9999 !important; /* Added higher Z-index */
1035  }
1036
1037  @media screen and (min-width: 750px) {
1038    .section-header {
1039      margin-bottom: 0px;
1040      z-index: 9999 !important; /* Added higher Z-index */
1041    }
1042  }
1043
1044  @media screen and (min-width: 990px) {
1045    .header {
1046      padding-top: 20px;
1047      padding-bottom: 20px;
1048    }
1049  }</style>
1049<script src="//rendl.fi/cdn/shop/t/33/assets/cart-notification.js?v=74254514470139533241788953234" defer="defer"></script>
1049<sticky-header data-sticky-type="always" class="header-wrapper color-scheme-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-left page-width header--has-menu header--has-account header--has-localizations">
1050
1051<style>
1052  .mega-menu__icon--mobile {
1053    display: flex;
1054    align-items: center;
1055    justify-content: center;
1056    margin-right: 8px;
1057  }
1058
1059  .mega-menu__icon--mobile svg {
1060    width: 24px;
1061    height: 24px;
1062  }
1063
1064  /* Mobile account section styles */
1065  .menu-drawer__account-section {
1066    display: flex;
1067    flex-direction: column;
1068    gap: 1rem;
1069    padding-bottom: 30px;
1070  }
1071
1072  .menu-drawer__account-section .menu-drawer__account {
1073    margin-bottom: 0;
1074    font-size: 18px !important;
1075  }
1076
1077  .menu-drawer__account-section .menu-drawer__account:last-child {
1078    margin-bottom: 0;
1079  }
1080
1081  /* Ensure account buttons are visible on mobile and tablet */
1082  @media screen and (max-width: 989px) {
1083    .menu-drawer__account {
1084      display: flex !important;
1085      visibility: visible !important;
1086      opacity: 1 !important;
1087    }
1088    
1089    .menu-drawer__account-section {
1090      display: flex !important;
1091      visibility: visible !important;
1092    }
1093    
1094    /* Reduce padding to minimize empty space */
1095    .menu-drawer__utility-links {
1096      padding: 1rem 3rem !important;
1097    }
1098  }
1099
1100  /* Account icon styling for consistent spacing */
1101  .menu-drawer__account-icon {
1102    display: flex;
1103    align-items: center;
1104    justify-content: center;
1105    width: 2rem;
1106    height: 2rem;
1107    margin-right: 1rem;
1108    flex-shrink: 0;
1109  }
1110
1111  .menu-drawer__account-icon img {
1112    width: 24px !important;
1113    height: 24px !important;
1114    margin: 0 !important;
1115  }
1116
1117  .menu-drawer__account-icon .svg-wrapper {
1118    width: 24px;
1119    height: 24px;
1120    display: flex;
1121    align-items: center;
1122    justify-content: center;
1123  }
1124</style>
1125
1126<header-drawer data-breakpoint="tablet">
1127  <details id="Details-menu-drawer-container" class="menu-drawer-container">
1128    <summary
1129      class="header__icon header__icon--menu header__icon--summary link focus-inset"
1130      aria-label="Valikko"
1131    >
1132      <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
1133<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
1134</span>
1135    </summary>
1136    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
1137      <div class="menu-drawer__inner-container">
1138        <div class="menu-drawer__navigation-container">
1139          <nav class="menu-drawer__navigation">
1140            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
1141                      id="HeaderDrawer-downloads"
1142                      href="/pages/lataukset"
1143                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1144                      
1145                    >
1146                      Lataukset
1147                    </a></li><li><a
1148                      id="HeaderDrawer-b2b-registration"
1149                      href="/pages/b2b-registration-benefits"
1150                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1151                      
1152                    >
1153                      B2B-rekisteröinti
1154                    </a></li><li><a
1155                      id="HeaderDrawer-blog"
1156                      href="/blogs/uutudet"
1157                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1158                      
1159                    >
1160                      Blogi
1161                    </a></li><li><a
1162                      id="HeaderDrawer-contact"
1163                      href="/pages/ota-yhteytta"
1164                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1165                      
1166                    >
1167                      Ota yhteyttä
1168                    </a></li></ul>
1169          </nav>
1170          <div class="menu-drawer__utility-links"><!-- Login link for non-logged in users -->
1171                <a
1172                  href="https://rendl.fi/customer_authentication/redirect?locale=fi&region_country=FI"
1173                  class="menu-drawer__account link focus-inset h5"
1174                  rel="nofollow"
1175                >
1176                  <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
1177</span>
1178                  Kirjaudu sisään
1179                </a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/garden-post-light" /><div>
1180                        <label class="visually-hidden" id="HeaderCountryMobileLabel" for="HeaderCountryMobileForm">
1181                          Maa/alue
1182                        </label>
1183
1184<div class="disclosure">
1185  <button
1186    type="button"
1187    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
1188    aria-expanded="false"
1189    aria-controls="HeaderCountryMobile-country-results"
1190    aria-describedby="HeaderCountryMobileLabel"
1191  >
1192    <span>Suomi |
1193      EUR
1194      €</span>
1195    <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
1196
1197  </button>
1198  <div class="disclosure__list-wrapper country-selector" hidden>
1199    <div class="country-filter">
1200      
1201        <div class="field">
1202          <input
1203            class="country-filter__input field__input"
1204            id="country-filter-input"
1205            type="search"
1206            name="country_filter"
1207            value=""
1208            placeholder="Hae"
1209            role="combobox"
1210            aria-owns="country-results"
1211            aria-controls="country-results"
1212            aria-haspopup="listbox"
1213            aria-autocomplete="list"
1214            autocorrect="off"
1215            autocomplete="off"
1216            autocapitalize="off"
1217            spellcheck="false"
1218          >
1219          <label class="field__label" for="country-filter-input">Hae</label>
1220          <button
1221            type="reset"
1222            class="country-filter__reset-button field__button hidden"
1223            aria-label="Tyhjennä hakutermi"
1224          ><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
1225</button>
1226          <div class="country-filter__search-icon field__button motion-reduce"><svg class="icon icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
1227  <circle cx="11" cy="11" r="8"/>
1228  <line x1="21" y1="21" x2="16.65" y2="16.65"/>
1229</svg></div>
1230        </div>
1231      
1232      <button
1233        class="country-selector__close-button button--small link"
1234        type="button"
1235        aria-label="Sulje"
1236      ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
1237</button>
1238    </div>
1239    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
1240    <div
1241      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
1242      id="HeaderCountryMobile-country-results"
1243    >
1244      
1245      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
1246            <a
1247              class="link link--text disclosure__link caption-large focus-inset"
1248              href="#"
1249              
1250              data-value="NL"
1251              id="Alankomaat"
1252            >
1253              <span
1254                
1255                  class="visibility-hidden"
1256                
1257              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1258</span>
1259              <span class="country">Alankomaat</span>
1260              <span class="localization-form__currency motion-reduce">
1261                EUR
1262                €</span>
1263            </a>
1264          </li><li class="disclosure__item" tabindex="-1">
1265            <a
1266              class="link link--text disclosure__link caption-large focus-inset"
1267              href="#"
1268              
1269              data-value="AD"
1270              id="Andorra"
1271            >
1272              <span
1273                
1274                  class="visibility-hidden"
1275                
1276              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1277</span>
1278              <span class="country">Andorra</span>
1279              <span class="localization-form__currency motion-reduce">
1280                EUR
1281                €</span>
1282            </a>
1283          </li><li class="disclosure__item" tabindex="-1">
1284            <a
1285              class="link link--text disclosure__link caption-large focus-inset"
1286              href="#"
1287              
1288              data-value="BE"
1289              id="Belgia"
1290            >
1291              <span
1292                
1293                  class="visibility-hidden"
1294                
1295              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1296</span>
1297              <span class="country">Belgia</span>
1298              <span class="localization-form__currency motion-reduce">
1299                EUR
1300                €</span>
1301            </a>
1302          </li><li class="disclosure__item" tabindex="-1">
1303            <a
1304              class="link link--text disclosure__link caption-large focus-inset"
1305              href="#"
1306              
1307              data-value="BG"
1308              id="Bulgaria"
1309            >
1310              <span
1311                
1312                  class="visibility-hidden"
1313                
1314              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1315</span>
1316              <span class="country">Bulgaria</span>
1317              <span class="localization-form__currency motion-reduce">
1318                EUR
1319                €</span>
1320            </a>
1321          </li><li class="disclosure__item" tabindex="-1">
1322            <a
1323              class="link link--text disclosure__link caption-large focus-inset"
1324              href="#"
1325              
1326              data-value="ES"
1327              id="Espanja"
1328            >
1329              <span
1330                
1331                  class="visibility-hidden"
1332                
1333              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1334</span>
1335              <span class="country">Espanja</span>
1336              <span class="localization-form__currency motion-reduce">
1337                EUR
1338                €</span>
1339            </a>
1340          </li><li class="disclosure__item" tabindex="-1">
1341            <a
1342              class="link link--text disclosure__link caption-large focus-inset"
1343              href="#"
1344              
1345              data-value="IE"
1346              id="Irlanti"
1347            >
1348              <span
1349                
1350                  class="visibility-hidden"
1351                
1352              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1353</span>
1354              <span class="country">Irlanti</span>
1355              <span class="localization-form__currency motion-reduce">
1356                EUR
1357                €</span>
1358            </a>
1359          </li><li class="disclosure__item" tabindex="-1">
1360            <a
1361              class="link link--text disclosure__link caption-large focus-inset"
1362              href="#"
1363              
1364              data-value="IT"
1365              id="Italia"
1366            >
1367              <span
1368                
1369                  class="visibility-hidden"
1370                
1371              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1372</span>
1373              <span class="country">Italia</span>
1374              <span class="localization-form__currency motion-reduce">
1375                EUR
1376                €</span>
1377            </a>
1378          </li><li class="disclosure__item" tabindex="-1">
1379            <a
1380              class="link link--text disclosure__link caption-large focus-inset"
1381              href="#"
1382              
1383              data-value="AT"
1384              id="Itävalta"
1385            >
1386              <span
1387                
1388                  class="visibility-hidden"
1389                
1390              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1391</span>
1392              <span class="country">Itävalta</span>
1393              <span class="localization-form__currency motion-reduce">
1394                EUR
1395                €</span>
1396            </a>
1397          </li><li class="disclosure__item" tabindex="-1">
1398            <a
1399              class="link link--text disclosure__link caption-large focus-inset"
1400              href="#"
1401              
1402              data-value="GR"
1403              id="Kreikka"
1404            >
1405              <span
1406                
1407                  class="visibility-hidden"
1408                
1409              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1410</span>
1411              <span class="country">Kreikka</span>
1412              <span class="localization-form__currency motion-reduce">
1413                EUR
1414                €</span>
1415            </a>
1416          </li><li class="disclosure__item" tabindex="-1">
1417            <a
1418              class="link link--text disclosure__link caption-large focus-inset"
1419              href="#"
1420              
1421              data-value="HR"
1422              id="Kroatia"
1423            >
1424              <span
1425                
1426                  class="visibility-hidden"
1427                
1428              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1429</span>
1430              <span class="country">Kroatia</span>
1431              <span class="localization-form__currency motion-reduce">
1432                EUR
1433                €</span>
1434            </a>
1435          </li><li class="disclosure__item" tabindex="-1">
1436            <a
1437              class="link link--text disclosure__link caption-large focus-inset"
1438              href="#"
1439              
1440              data-value="LV"
1441              id="Latvia"
1442            >
1443              <span
1444                
1445                  class="visibility-hidden"
1446                
1447              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1448</span>
1449              <span class="country">Latvia</span>
1450              <span class="localization-form__currency motion-reduce">
1451                EUR
1452                €</span>
1453            </a>
1454          </li><li class="disclosure__item" tabindex="-1">
1455            <a
1456              class="link link--text disclosure__link caption-large focus-inset"
1457              href="#"
1458              
1459              data-value="LT"
1460              id="Liettua"
1461            >
1462              <span
1463                
1464                  class="visibility-hidden"
1465                
1466              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1467</span>
1468              <span class="country">Liettua</span>
1469              <span class="localization-form__currency motion-reduce">
1470                EUR
1471                €</span>
1472            </a>
1473          </li><li class="disclosure__item" tabindex="-1">
1474            <a
1475              class="link link--text disclosure__link caption-large focus-inset"
1476              href="#"
1477              
1478              data-value="LU"
1479              id="Luxemburg"
1480            >
1481              <span
1482                
1483                  class="visibility-hidden"
1484                
1485              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1486</span>
1487              <span class="country">Luxemburg</span>
1488              <span class="localization-form__currency motion-reduce">
1489                EUR
1490                €</span>
1491            </a>
1492          </li><li class="disclosure__item" tabindex="-1">
1493            <a
1494              class="link link--text disclosure__link caption-large focus-inset"
1495              href="#"
1496              
1497              data-value="NO"
1498              id="Norja"
1499            >
1500              <span
1501                
1502                  class="visibility-hidden"
1503                
1504              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1505</span>
1506              <span class="country">Norja</span>
1507              <span class="localization-form__currency motion-reduce">
1508                EUR
1509                €</span>
1510            </a>
1511          </li><li class="disclosure__item" tabindex="-1">
1512            <a
1513              class="link link--text disclosure__link caption-large focus-inset"
1514              href="#"
1515              
1516              data-value="PT"
1517              id="Portugali"
1518            >
1519              <span
1520                
1521                  class="visibility-hidden"
1522                
1523              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1524</span>
1525              <span class="country">Portugali</span>
1526              <span class="localization-form__currency motion-reduce">
1527                EUR
1528                €</span>
1529            </a>
1530          </li><li class="disclosure__item" tabindex="-1">
1531            <a
1532              class="link link--text disclosure__link caption-large focus-inset"
1533              href="#"
1534              
1535              data-value="PL"
1536              id="Puola"
1537            >
1538              <span
1539                
1540                  class="visibility-hidden"
1541                
1542              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1543</span>
1544              <span class="country">Puola</span>
1545              <span class="localization-form__currency motion-reduce">
1546                PLN
1547                zł</span>
1548            </a>
1549          </li><li class="disclosure__item" tabindex="-1">
1550            <a
1551              class="link link--text disclosure__link caption-large focus-inset"
1552              href="#"
1553              
1554              data-value="FR"
1555              id="Ranska"
1556            >
1557              <span
1558                
1559                  class="visibility-hidden"
1560                
1561              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1562</span>
1563              <span class="country">Ranska</span>
1564              <span class="localization-form__currency motion-reduce">
1565                EUR
1566                €</span>
1567            </a>
1568          </li><li class="disclosure__item" tabindex="-1">
1569            <a
1570              class="link link--text disclosure__link caption-large focus-inset"
1571              href="#"
1572              
1573              data-value="RO"
1574              id="Romania"
1575            >
1576              <span
1577                
1578                  class="visibility-hidden"
1579                
1580              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1581</span>
1582              <span class="country">Romania</span>
1583              <span class="localization-form__currency motion-reduce">
1584                RON
1585                Lei</span>
1586            </a>
1587          </li><li class="disclosure__item" tabindex="-1">
1588            <a
1589              class="link link--text disclosure__link caption-large focus-inset"
1590              href="#"
1591              
1592              data-value="SE"
1593              id="Ruotsi"
1594            >
1595              <span
1596                
1597                  class="visibility-hidden"
1598                
1599              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1600</span>
1601              <span class="country">Ruotsi</span>
1602              <span class="localization-form__currency motion-reduce">
1603                SEK
1604                kr</span>
1605            </a>
1606          </li><li class="disclosure__item" tabindex="-1">
1607            <a
1608              class="link link--text disclosure__link caption-large focus-inset"
1609              href="#"
1610              
1611              data-value="DE"
1612              id="Saksa"
1613            >
1614              <span
1615                
1616                  class="visibility-hidden"
1617                
1618              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1619</span>
1620              <span class="country">Saksa</span>
1621              <span class="localization-form__currency motion-reduce">
1622                EUR
1623                €</span>
1624            </a>
1625          </li><li class="disclosure__item" tabindex="-1">
1626            <a
1627              class="link link--text disclosure__link caption-large focus-inset"
1628              href="#"
1629              
1630              data-value="SM"
1631              id="San Marino"
1632            >
1633              <span
1634                
1635                  class="visibility-hidden"
1636                
1637              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1638</span>
1639              <span class="country">San Marino</span>
1640              <span class="localization-form__currency motion-reduce">
1641                EUR
1642                €</span>
1643            </a>
1644          </li><li class="disclosure__item" tabindex="-1">
1645            <a
1646              class="link link--text disclosure__link caption-large focus-inset"
1647              href="#"
1648              
1649              data-value="SK"
1650              id="Slovakia"
1651            >
1652              <span
1653                
1654                  class="visibility-hidden"
1655                
1656              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1657</span>
1658              <span class="country">Slovakia</span>
1659              <span class="localization-form__currency motion-reduce">
1660                EUR
1661                €</span>
1662            </a>
1663          </li><li class="disclosure__item" tabindex="-1">
1664            <a
1665              class="link link--text disclosure__link caption-large focus-inset"
1666              href="#"
1667              
1668              data-value="SI"
1669              id="Slovenia"
1670            >
1671              <span
1672                
1673                  class="visibility-hidden"
1674                
1675              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1676</span>
1677              <span class="country">Slovenia</span>
1678              <span class="localization-form__currency motion-reduce">
1679                EUR
1680                €</span>
1681            </a>
1682          </li><li class="disclosure__item" tabindex="-1">
1683            <a
1684              class="link link--text disclosure__link caption-large focus-inset"
1685              href="#"
1686              
1687                aria-current="true"
1688              
1689              data-value="FI"
1690              id="Suomi"
1691            >
1692              <span
1693                
1694              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1695</span>
1696              <span class="country">Suomi</span>
1697              <span class="localization-form__currency motion-reduce">
1698                EUR
1699                €</span>
1700            </a>
1701          </li><li class="disclosure__item" tabindex="-1">
1702            <a
1703              class="link link--text disclosure__link caption-large focus-inset"
1704              href="#"
1705              
1706              data-value="DK"
1707              id="Tanska"
1708            >
1709              <span
1710                
1711                  class="visibility-hidden"
1712                
1713              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1714</span>
1715              <span class="country">Tanska</span>
1716              <span class="localization-form__currency motion-reduce">
1717                DKK
1718                kr.</span>
1719            </a>
1720          </li><li class="disclosure__item" tabindex="-1">
1721            <a
1722              class="link link--text disclosure__link caption-large focus-inset"
1723              href="#"
1724              
1725              data-value="CZ"
1726              id="Tšekki"
1727            >
1728              <span
1729                
1730                  class="visibility-hidden"
1731                
1732              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1733</span>
1734              <span class="country">Tšekki</span>
1735              <span class="localization-form__currency motion-reduce">
1736                CZK
1737                Kč</span>
1738            </a>
1739          </li><li class="disclosure__item" tabindex="-1">
1740            <a
1741              class="link link--text disclosure__link caption-large focus-inset"
1742              href="#"
1743              
1744              data-value="HU"
1745              id="Unkari"
1746            >
1747              <span
1748                
1749                  class="visibility-hidden"
1750                
1751              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1752</span>
1753              <span class="country">Unkari</span>
1754              <span class="localization-form__currency motion-reduce">
1755                HUF
1756                Ft</span>
1757            </a>
1758          </li><li class="disclosure__item" tabindex="-1">
1759            <a
1760              class="link link--text disclosure__link caption-large focus-inset"
1761              href="#"
1762              
1763              data-value="VA"
1764              id="Vatikaani"
1765            >
1766              <span
1767                
1768                  class="visibility-hidden"
1769                
1770              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1771</span>
1772              <span class="country">Vatikaani</span>
1773              <span class="localization-form__currency motion-reduce">
1774                EUR
1775                €</span>
1776            </a>
1777          </li><li class="disclosure__item" tabindex="-1">
1778            <a
1779              class="link link--text disclosure__link caption-large focus-inset"
1780              href="#"
1781              
1782              data-value="EE"
1783              id="Viro"
1784            >
1785              <span
1786                
1787                  class="visibility-hidden"
1788                
1789              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
1790</span>
1791              <span class="country">Viro</span>
1792              <span class="localization-form__currency motion-reduce">
1793                EUR
1794                €</span>
1795            </a>
1796          </li></ul>
1797    </div>
1798  </div>
1799  <div class="country-selector__overlay"></div>
1800</div>
1801<input type="hidden" name="country_code" value="FI">
1802</div></form></localization-form>
1803                
1804</div><ul class="list list-social list-unstyled" role="list"></ul>
1805          </div>
1806        </div>
1807      </div>
1808    </div>
1809  </details>
1810</header-drawer>
1811<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
1812                
1813                <img src="//rendl.fi/cdn/shop/files/LOGO_RENDL.svg?v=1747306359&amp;width=600" alt="Rendl Light Studio" srcset="//rendl.fi/cdn/shop/files/LOGO_RENDL.svg?v=1747306359&amp;width=180 180w, //rendl.fi/cdn/shop/files/LOGO_RENDL.svg?v=1747306359&amp;width=270 270w, //rendl.fi/cdn/shop/files/LOGO_RENDL.svg?v=1747306359&amp;width=360 360w" width="180" height="23.408071748878925" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 360px) 50vw, 180px">
1814              </div></a>
1815
1816<nav class="header__inline-menu">
1817  <ul class="list-menu list-menu--inline" role="list"><li><a
1818            id="HeaderMenu-downloads"
1819            href="/pages/lataukset"
1820            class="header__menu-item list-menu__item link link--text focus-inset"
1821            
1822          >
1823            <span
1824            >Lataukset</span>
1825          </a></li><li><a
1826            id="HeaderMenu-b2b-registration"
1827            href="/pages/b2b-registration-benefits"
1828            class="header__menu-item list-menu__item link link--text focus-inset"
1829            
1830          >
1831            <span
1832            >B2B-rekisteröinti</span>
1833          </a></li><li><a
1834            id="HeaderMenu-blog"
1835            href="/blogs/uutudet"
1836            class="header__menu-item list-menu__item link link--text focus-inset"
1837            
1838          >
1839            <span
1840            >Blogi</span>
1841          </a></li><li><a
1842            id="HeaderMenu-contact"
1843            href="/pages/ota-yhteytta"
1844            class="header__menu-item list-menu__item link link--text focus-inset"
1845            
1846          >
1847            <span
1848            >Ota yhteyttä</span>
1849          </a></li></ul>
1850</nav>
1851
1852<div class="header__icons header__icons--localization header-localization">
1853      
1854
1855<details-modal class="header__search">
1856  <details>
1857    <summary
1858      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
1859      aria-haspopup="dialog"
1860      aria-label="Hae"
1861    >
1862      <span>
1863        <span class="svg-wrapper"><svg class="icon icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
1864  <circle cx="11" cy="11" r="8"/>
1865  <line x1="21" y1="21" x2="16.65" y2="16.65"/>
1866</svg></span>
1867        <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
1868</span>
1869      </span>
1870    </summary>
1871    <div
1872      class="search-modal modal__content gradient"
1873      role="dialog"
1874      aria-modal="true"
1875      aria-label="Hae"
1876    >
1877      <div class="modal-overlay"></div>
1878      <div
1879        class="search-modal__content search-modal__content-bottom"
1880        tabindex="-1"
1881      ><predictive-search class="search-modal__form" data-loading-text="Ladataan..."><form action="/search" method="get" role="search" class="search search-modal__form">
1882          <div class="field">
1883            <input
1884              class="search__input field__input"
1885              id="Search-In-Modal"
1886              type="search"
1887              name="q"
1888              value=""
1889              placeholder="Hae"role="combobox"
1890                aria-expanded="false"
1891                aria-owns="predictive-search-results"
1892                aria-controls="predictive-search-results"
1893                aria-haspopup="listbox"
1894                aria-autocomplete="list"
1895                autocorrect="off"
1896                autocomplete="off"
1897                autocapitalize="off"
1898                spellcheck="false">
1899            <label class="field__label" for="Search-In-Modal">Hae</label>
1900            <input type="hidden" name="options[prefix]" value="last">
1901            <button
1902              type="reset"
1903              class="reset__button field__button hidden"
1904              aria-label="Tyhjennä hakutermi"
1905            >
1906              <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
1907</span>
1908            </button>
1909            <button class="search__button field__button" aria-label="Hae">
1910              <span class="svg-wrapper"><svg class="icon icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
1911  <circle cx="11" cy="11" r="8"/>
1912  <line x1="21" y1="21" x2="16.65" y2="16.65"/>
1913</svg></span>
1914            </button>
1915          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
1916
1917<div class="predictive-search__loading-state">
1918  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
1919
1920</div>
1921</div>
1922
1923            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
1924          type="button"
1925          class="search-modal__close-button modal__close-button link link--text focus-inset"
1926          aria-label="Sulje"
1927        >
1928          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
1929</span>
1930        </button>
1931      </div>
1932    </div>
1933  </details>
1934</details-modal>
1935
1936      <div class="desktop-localization-wrapper"><localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/collections/garden-post-light" /><div>
1937                <label class="visually-hidden" id="HeaderCountryLabel" for="HeaderCountryForm">Maa/alue</label>
1938
1939<div class="disclosure">
1940  <button
1941    type="button"
1942    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
1943    aria-expanded="false"
1944    aria-controls="HeaderCountry-country-results"
1945    aria-describedby="HeaderCountryLabel"
1946  >
1947    <span>Suomi |
1948      EUR
1949      €</span>
1950    <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
1951
1952  </button>
1953  <div class="disclosure__list-wrapper country-selector" hidden>
1954    <div class="country-filter">
1955      
1956        <div class="field">
1957          <input
1958            class="country-filter__input field__input"
1959            id="country-filter-input"
1960            type="search"
1961            name="country_filter"
1962            value=""
1963            placeholder="Hae"
1964            role="combobox"
1965            aria-owns="country-results"
1966            aria-controls="country-results"
1967            aria-haspopup="listbox"
1968            aria-autocomplete="list"
1969            autocorrect="off"
1970            autocomplete="off"
1971            autocapitalize="off"
1972            spellcheck="false"
1973          >
1974          <label class="field__label" for="country-filter-input">Hae</label>
1975          <button
1976            type="reset"
1977            class="country-filter__reset-button field__button hidden"
1978            aria-label="Tyhjennä hakutermi"
1979          ><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
1980</button>
1981          <div class="country-filter__search-icon field__button motion-reduce"><svg class="icon icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
1982  <circle cx="11" cy="11" r="8"/>
1983  <line x1="21" y1="21" x2="16.65" y2="16.65"/>
1984</svg></div>
1985        </div>
1986      
1987      <button
1988        class="country-selector__close-button button--small link"
1989        type="button"
1990        aria-label="Sulje"
1991      ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
1992</button>
1993    </div>
1994    <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
1995    <div
1996      class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
1997      id="HeaderCountry-country-results"
1998    >
1999      
2000      <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
2001            <a
2002              class="link link--text disclosure__link caption-large focus-inset"
2003              href="#"
2004              
2005              data-value="NL"
2006              id="Alankomaat"
2007            >
2008              <span
2009                
2010                  class="visibility-hidden"
2011                
2012              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2013</span>
2014              <span class="country">Alankomaat</span>
2015              <span class="localization-form__currency motion-reduce">
2016                EUR
2017                €</span>
2018            </a>
2019          </li><li class="disclosure__item" tabindex="-1">
2020            <a
2021              class="link link--text disclosure__link caption-large focus-inset"
2022              href="#"
2023              
2024              data-value="AD"
2025              id="Andorra"
2026            >
2027              <span
2028                
2029                  class="visibility-hidden"
2030                
2031              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2032</span>
2033              <span class="country">Andorra</span>
2034              <span class="localization-form__currency motion-reduce">
2035                EUR
2036                €</span>
2037            </a>
2038          </li><li class="disclosure__item" tabindex="-1">
2039            <a
2040              class="link link--text disclosure__link caption-large focus-inset"
2041              href="#"
2042              
2043              data-value="BE"
2044              id="Belgia"
2045            >
2046              <span
2047                
2048                  class="visibility-hidden"
2049                
2050              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2051</span>
2052              <span class="country">Belgia</span>
2053              <span class="localization-form__currency motion-reduce">
2054                EUR
2055                €</span>
2056            </a>
2057          </li><li class="disclosure__item" tabindex="-1">
2058            <a
2059              class="link link--text disclosure__link caption-large focus-inset"
2060              href="#"
2061              
2062              data-value="BG"
2063              id="Bulgaria"
2064            >
2065              <span
2066                
2067                  class="visibility-hidden"
2068                
2069              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2070</span>
2071              <span class="country">Bulgaria</span>
2072              <span class="localization-form__currency motion-reduce">
2073                EUR
2074                €</span>
2075            </a>
2076          </li><li class="disclosure__item" tabindex="-1">
2077            <a
2078              class="link link--text disclosure__link caption-large focus-inset"
2079              href="#"
2080              
2081              data-value="ES"
2082              id="Espanja"
2083            >
2084              <span
2085                
2086                  class="visibility-hidden"
2087                
2088              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2089</span>
2090              <span class="country">Espanja</span>
2091              <span class="localization-form__currency motion-reduce">
2092                EUR
2093                €</span>
2094            </a>
2095          </li><li class="disclosure__item" tabindex="-1">
2096            <a
2097              class="link link--text disclosure__link caption-large focus-inset"
2098              href="#"
2099              
2100              data-value="IE"
2101              id="Irlanti"
2102            >
2103              <span
2104                
2105                  class="visibility-hidden"
2106                
2107              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2108</span>
2109              <span class="country">Irlanti</span>
2110              <span class="localization-form__currency motion-reduce">
2111                EUR
2112                €</span>
2113            </a>
2114          </li><li class="disclosure__item" tabindex="-1">
2115            <a
2116              class="link link--text disclosure__link caption-large focus-inset"
2117              href="#"
2118              
2119              data-value="IT"
2120              id="Italia"
2121            >
2122              <span
2123                
2124                  class="visibility-hidden"
2125                
2126              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2127</span>
2128              <span class="country">Italia</span>
2129              <span class="localization-form__currency motion-reduce">
2130                EUR
2131                €</span>
2132            </a>
2133          </li><li class="disclosure__item" tabindex="-1">
2134            <a
2135              class="link link--text disclosure__link caption-large focus-inset"
2136              href="#"
2137              
2138              data-value="AT"
2139              id="Itävalta"
2140            >
2141              <span
2142                
2143                  class="visibility-hidden"
2144                
2145              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2146</span>
2147              <span class="country">Itävalta</span>
2148              <span class="localization-form__currency motion-reduce">
2149                EUR
2150                €</span>
2151            </a>
2152          </li><li class="disclosure__item" tabindex="-1">
2153            <a
2154              class="link link--text disclosure__link caption-large focus-inset"
2155              href="#"
2156              
2157              data-value="GR"
2158              id="Kreikka"
2159            >
2160              <span
2161                
2162                  class="visibility-hidden"
2163                
2164              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2165</span>
2166              <span class="country">Kreikka</span>
2167              <span class="localization-form__currency motion-reduce">
2168                EUR
2169                €</span>
2170            </a>
2171          </li><li class="disclosure__item" tabindex="-1">
2172            <a
2173              class="link link--text disclosure__link caption-large focus-inset"
2174              href="#"
2175              
2176              data-value="HR"
2177              id="Kroatia"
2178            >
2179              <span
2180                
2181                  class="visibility-hidden"
2182                
2183              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2184</span>
2185              <span class="country">Kroatia</span>
2186              <span class="localization-form__currency motion-reduce">
2187                EUR
2188                €</span>
2189            </a>
2190          </li><li class="disclosure__item" tabindex="-1">
2191            <a
2192              class="link link--text disclosure__link caption-large focus-inset"
2193              href="#"
2194              
2195              data-value="LV"
2196              id="Latvia"
2197            >
2198              <span
2199                
2200                  class="visibility-hidden"
2201                
2202              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2203</span>
2204              <span class="country">Latvia</span>
2205              <span class="localization-form__currency motion-reduce">
2206                EUR
2207                €</span>
2208            </a>
2209          </li><li class="disclosure__item" tabindex="-1">
2210            <a
2211              class="link link--text disclosure__link caption-large focus-inset"
2212              href="#"
2213              
2214              data-value="LT"
2215              id="Liettua"
2216            >
2217              <span
2218                
2219                  class="visibility-hidden"
2220                
2221              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2222</span>
2223              <span class="country">Liettua</span>
2224              <span class="localization-form__currency motion-reduce">
2225                EUR
2226                €</span>
2227            </a>
2228          </li><li class="disclosure__item" tabindex="-1">
2229            <a
2230              class="link link--text disclosure__link caption-large focus-inset"
2231              href="#"
2232              
2233              data-value="LU"
2234              id="Luxemburg"
2235            >
2236              <span
2237                
2238                  class="visibility-hidden"
2239                
2240              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2241</span>
2242              <span class="country">Luxemburg</span>
2243              <span class="localization-form__currency motion-reduce">
2244                EUR
2245                €</span>
2246            </a>
2247          </li><li class="disclosure__item" tabindex="-1">
2248            <a
2249              class="link link--text disclosure__link caption-large focus-inset"
2250              href="#"
2251              
2252              data-value="NO"
2253              id="Norja"
2254            >
2255              <span
2256                
2257                  class="visibility-hidden"
2258                
2259              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2260</span>
2261              <span class="country">Norja</span>
2262              <span class="localization-form__currency motion-reduce">
2263                EUR
2264                €</span>
2265            </a>
2266          </li><li class="disclosure__item" tabindex="-1">
2267            <a
2268              class="link link--text disclosure__link caption-large focus-inset"
2269              href="#"
2270              
2271              data-value="PT"
2272              id="Portugali"
2273            >
2274              <span
2275                
2276                  class="visibility-hidden"
2277                
2278              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2279</span>
2280              <span class="country">Portugali</span>
2281              <span class="localization-form__currency motion-reduce">
2282                EUR
2283                €</span>
2284            </a>
2285          </li><li class="disclosure__item" tabindex="-1">
2286            <a
2287              class="link link--text disclosure__link caption-large focus-inset"
2288              href="#"
2289              
2290              data-value="PL"
2291              id="Puola"
2292            >
2293              <span
2294                
2295                  class="visibility-hidden"
2296                
2297              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2298</span>
2299              <span class="country">Puola</span>
2300              <span class="localization-form__currency motion-reduce">
2301                PLN
2302                zł</span>
2303            </a>
2304          </li><li class="disclosure__item" tabindex="-1">
2305            <a
2306              class="link link--text disclosure__link caption-large focus-inset"
2307              href="#"
2308              
2309              data-value="FR"
2310              id="Ranska"
2311            >
2312              <span
2313                
2314                  class="visibility-hidden"
2315                
2316              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2317</span>
2318              <span class="country">Ranska</span>
2319              <span class="localization-form__currency motion-reduce">
2320                EUR
2321                €</span>
2322            </a>
2323          </li><li class="disclosure__item" tabindex="-1">
2324            <a
2325              class="link link--text disclosure__link caption-large focus-inset"
2326              href="#"
2327              
2328              data-value="RO"
2329              id="Romania"
2330            >
2331              <span
2332                
2333                  class="visibility-hidden"
2334                
2335              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2336</span>
2337              <span class="country">Romania</span>
2338              <span class="localization-form__currency motion-reduce">
2339                RON
2340                Lei</span>
2341            </a>
2342          </li><li class="disclosure__item" tabindex="-1">
2343            <a
2344              class="link link--text disclosure__link caption-large focus-inset"
2345              href="#"
2346              
2347              data-value="SE"
2348              id="Ruotsi"
2349            >
2350              <span
2351                
2352                  class="visibility-hidden"
2353                
2354              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2355</span>
2356              <span class="country">Ruotsi</span>
2357              <span class="localization-form__currency motion-reduce">
2358                SEK
2359                kr</span>
2360            </a>
2361          </li><li class="disclosure__item" tabindex="-1">
2362            <a
2363              class="link link--text disclosure__link caption-large focus-inset"
2364              href="#"
2365              
2366              data-value="DE"
2367              id="Saksa"
2368            >
2369              <span
2370                
2371                  class="visibility-hidden"
2372                
2373              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2374</span>
2375              <span class="country">Saksa</span>
2376              <span class="localization-form__currency motion-reduce">
2377                EUR
2378                €</span>
2379            </a>
2380          </li><li class="disclosure__item" tabindex="-1">
2381            <a
2382              class="link link--text disclosure__link caption-large focus-inset"
2383              href="#"
2384              
2385              data-value="SM"
2386              id="San Marino"
2387            >
2388              <span
2389                
2390                  class="visibility-hidden"
2391                
2392              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2393</span>
2394              <span class="country">San Marino</span>
2395              <span class="localization-form__currency motion-reduce">
2396                EUR
2397                €</span>
2398            </a>
2399          </li><li class="disclosure__item" tabindex="-1">
2400            <a
2401              class="link link--text disclosure__link caption-large focus-inset"
2402              href="#"
2403              
2404              data-value="SK"
2405              id="Slovakia"
2406            >
2407              <span
2408                
2409                  class="visibility-hidden"
2410                
2411              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2412</span>
2413              <span class="country">Slovakia</span>
2414              <span class="localization-form__currency motion-reduce">
2415                EUR
2416                €</span>
2417            </a>
2418          </li><li class="disclosure__item" tabindex="-1">
2419            <a
2420              class="link link--text disclosure__link caption-large focus-inset"
2421              href="#"
2422              
2423              data-value="SI"
2424              id="Slovenia"
2425            >
2426              <span
2427                
2428                  class="visibility-hidden"
2429                
2430              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2431</span>
2432              <span class="country">Slovenia</span>
2433              <span class="localization-form__currency motion-reduce">
2434                EUR
2435                €</span>
2436            </a>
2437          </li><li class="disclosure__item" tabindex="-1">
2438            <a
2439              class="link link--text disclosure__link caption-large focus-inset"
2440              href="#"
2441              
2442                aria-current="true"
2443              
2444              data-value="FI"
2445              id="Suomi"
2446            >
2447              <span
2448                
2449              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2450</span>
2451              <span class="country">Suomi</span>
2452              <span class="localization-form__currency motion-reduce">
2453                EUR
2454                €</span>
2455            </a>
2456          </li><li class="disclosure__item" tabindex="-1">
2457            <a
2458              class="link link--text disclosure__link caption-large focus-inset"
2459              href="#"
2460              
2461              data-value="DK"
2462              id="Tanska"
2463            >
2464              <span
2465                
2466                  class="visibility-hidden"
2467                
2468              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2469</span>
2470              <span class="country">Tanska</span>
2471              <span class="localization-form__currency motion-reduce">
2472                DKK
2473                kr.</span>
2474            </a>
2475          </li><li class="disclosure__item" tabindex="-1">
2476            <a
2477              class="link link--text disclosure__link caption-large focus-inset"
2478              href="#"
2479              
2480              data-value="CZ"
2481              id="Tšekki"
2482            >
2483              <span
2484                
2485                  class="visibility-hidden"
2486                
2487              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2488</span>
2489              <span class="country">Tšekki</span>
2490              <span class="localization-form__currency motion-reduce">
2491                CZK
2492                Kč</span>
2493            </a>
2494          </li><li class="disclosure__item" tabindex="-1">
2495            <a
2496              class="link link--text disclosure__link caption-large focus-inset"
2497              href="#"
2498              
2499              data-value="HU"
2500              id="Unkari"
2501            >
2502              <span
2503                
2504                  class="visibility-hidden"
2505                
2506              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2507</span>
2508              <span class="country">Unkari</span>
2509              <span class="localization-form__currency motion-reduce">
2510                HUF
2511                Ft</span>
2512            </a>
2513          </li><li class="disclosure__item" tabindex="-1">
2514            <a
2515              class="link link--text disclosure__link caption-large focus-inset"
2516              href="#"
2517              
2518              data-value="VA"
2519              id="Vatikaani"
2520            >
2521              <span
2522                
2523                  class="visibility-hidden"
2524                
2525              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2526</span>
2527              <span class="country">Vatikaani</span>
2528              <span class="localization-form__currency motion-reduce">
2529                EUR
2530                €</span>
2531            </a>
2532          </li><li class="disclosure__item" tabindex="-1">
2533            <a
2534              class="link link--text disclosure__link caption-large focus-inset"
2535              href="#"
2536              
2537              data-value="EE"
2538              id="Viro"
2539            >
2540              <span
2541                
2542                  class="visibility-hidden"
2543                
2544              ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2545</span>
2546              <span class="country">Viro</span>
2547              <span class="localization-form__currency motion-reduce">
2548                EUR
2549                €</span>
2550            </a>
2551          </li></ul>
2552    </div>
2553  </div>
2554  <div class="country-selector__overlay"></div>
2555</div>
2556<input type="hidden" name="country_code" value="FI">
2557</div></form></localization-form>
2558        
2559</div>
2560
2561
2562      <!-- Comparison icon -->
2563 
2564 
2565 
2566  <a href="/pages/my-comparasing" class="header__icon header__icon--comparison link focus-inset">
2567  <span class="svg-wrapper comparison-icon">
2568    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_header_v4.svg?v=1752491640" alt="Compare" width="24" height="24">
2569  </span>
2570  <div class="comparison-count-bubble">
2571    <span aria-hidden="true">0</span>
2572  </div>
2573  <span class="visually-hidden">
2574     Compare
2575    
2576  </span>
2577</a>
2578
2579       <!-- Wishlist icon -->
2580  <a href="/pages/my-wishlist" class="header__icon header__icon--wishlist link focus-inset">
2581  <span class="svg-wrapper wishlist-icon">
2582    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2583      <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="currentColor" stroke-width="1.2"/>
2584    </svg>
2585  </span>
2586  <div class="wishlist-count-bubble">
2587    <span aria-hidden="true">0</span>
2588  </div>
2589  <span class="visually-hidden">Translation missing: fi.general.wishlist.title</span>
2590</a>
2591
2592<!-- CSS  -->
2593<style>
2594/* Comparison icon styles */
2595.header__icon--comparison {
2596  position: relative;
2597  display: flex;
2598  align-items: center;
2599  justify-content: center;
2600  padding: 0;
2601}
2602
2603.comparison-count-bubble {
2604  position: absolute;
2605  background-color: rgb(var(--color-button));
2606  color: rgb(var(--color-button-text));
2607  height: 1.7rem;
2608  width: 1.7rem;
2609  border-radius: 100%;
2610  display: none;
2611  justify-content: center;
2612  align-items: center;
2613  font-size: .9rem;
2614  bottom: .8rem;
2615  left: 2.2rem;
2616  line-height: calc(1 + .1 / var(--font-body-scale));
2617}
2618
2619.comparison-icon {
2620  display: flex;
2621  align-items: center;
2622  justify-content: center;
2623  transition: transform 0.2s ease; 
2624}
2625
2626.comparison-icon img {
2627  width: 24px;
2628  height: 24px;
2629}
2630
2631.header__icon--comparison:hover .comparison-icon {
2632  transform: scale(1.05); 
2633}
2634
2635/* Wishlist icon styles */
2636.header__icon--wishlist {
2637  position: relative;
2638  display: flex;
2639  align-items: center;
2640  justify-content: center;
2641  padding: 0;
2642}
2643
2644.wishlist-count-bubble {
2645  position: absolute;
2646  background-color: rgb(var(--color-button));
2647  color: rgb(var(--color-button-text));
2648  height: 1.7rem;
2649  width: 1.7rem;
2650  border-radius: 100%;
2651  display: flex;
2652  justify-content: center;
2653  align-items: center;
2654  font-size: .9rem;
2655  bottom: .8rem;
2656  left: 2.2rem;
2657  line-height: calc(1 + .1 / var(--font-body-scale));
2658}
2659
2660.wishlist-icon {
2661  display: flex;
2662  align-items: center;
2663  justify-content: center;
2664  transition: transform 0.2s ease; 
2665}
2666
2667.wishlist-icon svg {
2668  width: 24px;
2669  height: 24px;
2670}
2671
2672.header__icon--wishlist:hover .wishlist-icon {
2673  transform: scale(1.05); 
2674}
2675
2676@media screen and (max-width: 989px) {
2677  .header__icon--comparison {
2678    
2679  }
2680  
2681  .comparison-icon img {
2682    width: 22px;
2683    height: 22px;
2684  }
2685  
2686  .header__icon--wishlist {
2687    
2688  }
2689  
2690  .wishlist-icon svg {
2691    width: 22px;
2692    height: 22px;
2693  }
2694}
2695
2696/* Account menu popover styles */
2697.account-menu-wrapper {
2698  position: relative;
2699  display: inline-block;
2700}
2701
2702.account-menu-trigger {
2703  background: none;
2704  border: none;
2705  cursor: pointer;
2706  display: flex;
2707  align-items: center;
2708  justify-content: center;
2709  padding: 0;
2710  position: relative;
2711}
2712
2713.account-menu-popover {
2714  position: absolute;
2715  top: calc(100% + 8px);
2716  right: 0;
2717  background: #ffffff;
2718  border: 1px solid #e0e0e0;
2719  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
2720  min-width: 180px;
2721  z-index: 1000;
2722  opacity: 0;
2723  visibility: hidden;
2724  transform: translateY(-10px);
2725  transition: all 0.2s ease;
2726  width: max-content;
2727}
2728
2729.account-menu-popover[aria-hidden="false"] {
2730  opacity: 1;
2731  visibility: visible;
2732  transform: translateY(0);
2733}
2734
2735.account-menu-item {
2736  display: flex;
2737  align-items: center;
2738  gap: 8px;
2739  padding: 12px 16px;
2740  text-decoration: none;
2741  color: #232323;
2742  font-family: 'Montserrat', sans-serif;
2743  font-size: 14px;
2744  font-weight: normal;
2745  line-height: 1.4;
2746  transition: background-color 0.2s ease;
2747  border-bottom: 1px solid #f0f0f0;
2748}
2749
2750.account-menu-item-icon {
2751  width: 20px;
2752  height: 20px;
2753  flex-shrink: 0;
2754}
2755
2756.account-menu-item:last-child {
2757  border-bottom: none;
2758}
2759
2760.account-menu-item:hover {
2761  background-color: #f1f1f1;
2762  color: #232323;
2763}
2764
2765.account-menu-item-text {
2766  display: block;
2767  text-align: left;
2768}
2769
2770/* Mobile styles for account menu */
2771@media screen and (max-width: 749px) {
2772  .account-menu-popover {
2773    right: -10px;
2774    min-width: 160px;
2775    top: calc(100% + 6px);
2776  }
2777  
2778  .account-menu-item {
2779    padding: 10px 14px;
2780    font-size: 13px;
2781  }
2782}
2783
2784/* Ensure popover appears above other elements */
2785.account-menu-wrapper .account-menu-popover {
2786  z-index: 10001;
2787}
2788</style><a
2789            href="https://rendl.fi/customer_authentication/redirect?locale=fi&region_country=FI"
2790            class="header__icon header__icon--account link focus-inset small-hide medium-hide"
2791            rel="nofollow"
2792          >
2793            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
2794</span>
2795            <span class="visually-hidden">Kirjaudu sisään</span>
2796          </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
2797          
2798            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.7
27985 3.75 0 1 0 7.5 0z"/></svg>
2799</span>
2800          
2801        <span class="visually-hidden">Ostoskori</span></a>
2802    </div>
2803  </header>
2804</sticky-header>
2805
2806<cart-notification>
2807  <div class="cart-notification-wrapper page-width">
2808    <div
2809      id="cart-notification"
2810      class="cart-notification focus-inset color-scheme-1 gradient"
2811      aria-modal="true"
2812      aria-label="Tuote lisätty ostoskoriisi"
2813      role="dialog"
2814      tabindex="-1"
2815    >
2816      <div class="cart-notification__header">
2817        <div class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
2818Tuote lisätty ostoskoriisi
2819        </div>
2820        <button
2821          type="button"
2822          class="cart-notification__close modal__close-button link link--text focus-inset"
2823          aria-label="Sulje"
2824        >
2825          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
2826</span>
2827        </button>
2828      </div>
2829      <div id="cart-notification-product" class="cart-notification-product"></div><div id="cart-notification-cz-summary" class="cart-notification-cz-summary"></div><div class="cart-notification__links">
2830        <a
2831          href="/cart"
2832          id="cart-notification-button"
2833          class="button button--full-width cart-notification__view-cart"
2834        >Katso ostoskori</a>
2835        <button
2836          type="button"
2837          class="button button--full-width cart-notification__continue button-label"
2838        >
2839          Jatka ostoksia
2840        </button>
2841      </div>
2842    </div>
2843  </div>
2844</cart-notification>
2845<style data-shopify>
2846  .cart-notification:not(.active) {
2847    display: none !important;
2848  }
2849</style>
2850
2851
2852<script type="application/ld+json">
2853  {
2854    "@context": "http://schema.org",
2855    "@type": "Organization",
2856    "name": "Rendl Light Studio",
2857    
2858      "logo": "https:\/\/rendl.fi\/cdn\/shop\/files\/LOGO_RENDL.svg?v=1747306359\u0026width=500",
2859    
2860    "sameAs": [
2861      "",
2862      "",
2863      "",
2864      "",
2865      "",
2866      "",
2867      "",
2868      "",
2869      ""
2870    ],
2871    "url": "https:\/\/rendl.fi"
2872  }
2873</script>
2873
2874
2875<script>
2876document.addEventListener('DOMContentLoaded', function() {
2877  // Comparison functionality
2878  const comparisonCountBubble = document.querySelector('.comparison-count-bubble');
2879  const comparisonCountSpan = comparisonCountBubble ? comparisonCountBubble.querySelector('span') : null;
2880
2881  function updateComparisonCount() {
2882    if (!comparisonCountBubble || !comparisonCountSpan) return;
2883
2884    let count = 0;
2885    
2886    if (window.RdnlComparison && typeof window.RdnlComparison.getAll === 'function') {
2887      const items = window.RdnlComparison.getAll();
2888      count = items.length;
2889    } else {
2890      // Check localStorage for comparison data
2891      const storedItems = localStorage.getItem('rendl_compare');
2892      
2893      if (storedItems) {
2894        try {
2895          const parsedItems = JSON.parse(storedItems);
2896          
2897          if (Array.isArray(parsedItems)) { // Array format
2898            count = parsedItems.length;
2899          } else if (parsedItems && parsedItems.categories && Array.isArray(parsedItems.categories)) { // Categorized format
2900            count = parsedItems.categories.reduce((acc, category) => acc + (category.items ? category.items.length : 0), 0);
2901          }
2902        } catch (e) {
2903          console.error('Error parsing comparison from localStorage:', e);
2904        }
2905      }
2906    }
2907
2908    comparisonCountSpan.textContent = count;
2909    if (count > 0) {
2910      comparisonCountBubble.style.display = 'flex';
2911    } else {
2912      comparisonCountBubble.style.display = 'none';
2913    }
2914  }
2915
2916  // Wishlist functionality
2917  const wishlistCountBubble = document.querySelector('.wishlist-count-bubble');
2918  const wishlistCountSpan = wishlistCountBubble ? wishlistCountBubble.querySelector('span') : null;
2919
2920  function updateWishlistCount() {
2921    if (!wishlistCountBubble || !wishlistCountSpan) return;
2922
2923    let count = 0;
2924    if (window.RdnlWishlist && typeof window.RdnlWishlist.getAll === 'function') {
2925      const items = window.RdnlWishlist.getAll();
2926      count = items.length;
2927    } else {
2928      // Fallback if RdnlWishlist is not ready or available (though wishlist.liquid should provide it)
2929      const storedItems = localStorage.getItem('rendl_wishlist');
2930      if (storedItems) {
2931        try {
2932          const parsedItems = JSON.parse(storedItems);
2933          if (Array.isArray(parsedItems)) { // Old format
2934            count = parsedItems.length;
2935          } else if (parsedItems && parsedItems.categories && Array.isArray(parsedItems.categories)) { // New format
2936            count = parsedItems.categories.reduce((acc, category) => acc + (category.items ? category.items.length : 0), 0);
2937          }
2938        } catch (e) {
2939          console.error('Error parsing wishlist from localStorage:', e);
2940        }
2941      }
2942    }
2943
2944    wishlistCountSpan.textContent = count;
2945    if (count > 0) {
2946      wishlistCountBubble.style.display = 'flex';
2947    } else {
2948      wishlistCountBubble.style.display = 'none';
2949    }
2950  }
2951
2952  // Initial updates
2953  updateComparisonCount();
2954  updateWishlistCount();
2955
2956  // Listen for updates
2957  document.addEventListener('comparison:updated', function() {
2958    updateComparisonCount();
2959  });
2960  
2961  document.addEventListener('compare:updated', function() {
2962    updateComparisonCount();
2963  });
2964  
2965  document.addEventListener('wishlist:updated', function() {
2966    updateWishlistCount();
2967  });
2968
2969  // Retry after delays in case scripts are not immediately available
2970  if (!window.RdnlComparison) {
2971    setTimeout(updateComparisonCount, 500);
2972    setTimeout(updateComparisonCount, 1500);
2973  }
2974  
2975  if (!window.RdnlWishlist) {
2976    setTimeout(updateWishlistCount, 500);
2977    setTimeout(updateWishlistCount, 1500);
2978  }
2979});
2980</script>
2980
2981
2982<script>
2983// Account menu popover functionality
2984document.addEventListener('DOMContentLoaded', function() {
2985  const accountMenuWrapper = document.querySelector('.account-menu-wrapper');
2986  if (!accountMenuWrapper) return;
2987  
2988  const trigger = accountMenuWrapper.querySelector('.account-menu-trigger');
2989  const popover = accountMenuWrapper.querySelector('.account-menu-popover');
2990  
2991  if (!trigger || !popover) return;
2992  
2993  let isOpen = false;
2994  
2995  function openPopover() {
2996    isOpen = true;
2997    trigger.setAttribute('aria-expanded', 'true');
2998    popover.setAttribute('aria-hidden', 'false');
2999    // Add click outside listener
3000    setTimeout(() => {
3001      document.addEventListener('click', handleClickOutside);
3002    }, 10);
3003  }
3004  
3005  function closePopover() {
3006    isOpen = false;
3007    trigger.setAttribute('aria-expanded', 'false');
3008    popover.setAttribute('aria-hidden', 'true');
3009    document.removeEventListener('click', handleClickOutside);
3010  }
3011  
3012  function togglePopover() {
3013    if (isOpen) {
3014      closePopover();
3015    } else {
3016      openPopover();
3017    }
3018  }
3019  
3020  function handleClickOutside(event) {
3021    if (!accountMenuWrapper.contains(event.target)) {
3022      closePopover();
3023    }
3024  }
3025  
3026  // Toggle on click
3027  trigger.addEventListener('click', function(event) {
3028    event.preventDefault();
3029    event.stopPropagation();
3030    togglePopover();
3031  });
3032  
3033  // Close on escape key
3034  document.addEventListener('keydown', function(event) {
3035    if (event.key === 'Escape' && isOpen) {
3036      closePopover();
3037      trigger.focus();
3038    }
3039  });
3040  
3041  // Handle keyboard navigation within popover
3042  popover.addEventListener('keydown', function(event) {
3043    const menuItems = popover.querySelectorAll('.account-menu-item');
3044    const currentIndex = Array.from(menuItems).indexOf(document.activeElement);
3045    
3046    switch (event.key) {
3047      case 'ArrowDown':
3048        event.preventDefault();
3049        const nextIndex = currentIndex < menuItems.length - 1 ? currentIndex + 1 : 0;
3050        menuItems[nextIndex].focus();
3051        break;
3052      case 'ArrowUp':
3053        event.preventDefault();
3054        const prevIndex = currentIndex > 0 ? currentIndex - 1 : menuItems.length - 1;
3055        menuItems[prevIndex].focus();
3056        break;
3057      case 'Tab':
3058        if (event.shiftKey && currentIndex === 0) {
3059          closePopover();
3060          trigger.focus();
3061        } else if (!event.shiftKey && currentIndex === menuItems.length - 1) {
3062          closePopover();
3063        }
3064        break;
3065    }
3066  });
3067});
3068</script>
3068
3069
3070<script>
3071document.addEventListener('DOMContentLoaded', function() {
3072  var badge = document.querySelector('.account-badge');
3073  var tooltip = badge ? badge.querySelector('.account-badge-tooltip') : null;
3074  if (!badge || !tooltip) return;
3075
3076  var red = badge.querySelector('.account-badge__text')?.textContent.replace('%','').trim() || '';
3077  var green = '';
3078  try {
3079    green = "0";
3080  } catch(e) { green = ''; }
3081
3082  var badgeTooltipTexts = {
3083    bg: "Вашата отстъпка RED е {red}%. Green отстъпка {green}%.",
3084    cs: "Vaše velkoobchodní sleva RED je {red}%. Sleva Green {green}%.",
3085    da: "Din RED-rabat er {red}%. Green-rabat {green}%.",
3086    de: "Ihr RED-Rabatt beträgt {red}%. Green-Rabatt {green}%.",
3087    el: "Η έκπτωση RED είναι {red}%. Έκπτωση Green {green}%.",
3088    en: "Your wholesale RED discount is {red}%. Green discount {green}%.",
3089    es: "Su descuento RED es {red}%. Descuento Green {green}%.",
3090    fi: "RED-alennuksesi on {red}%. Green-alennus {green}%.",
3091    fr: "Votre remise RED est de {red}%. Remise Green {green}%.",
3092    hr: "Vaš RED popust je {red}%. Green popust {green}%.",
3093    hu: "Az Ön RED kedvezménye {red}%. Green kedvezmény {green}%.",
3094    it: "Il tuo sconto RED è {red}%. Sconto Green {green}%.",
3095    lt: "Jūsų RED nuolaida yra {red}%. Green nuolaida {green}%.",
3096    nl: "Uw RED-korting is {red}%. Green-korting {green}%.",
3097    pl: "Twój rabat RED to {red}%. Rabat Green {green}%.",
3098    'pt-PT': "O seu desconto RED é {red}%. Desconto Green {green}%.",
3099    ro: "Reducerea RED este {red}%. Reducere Green {green}%.",
3100    sk: "Vaša veľkoobchodná zľava RED je {red}%. Zľava Green {green}%.",
3101    sl: "Vaš RED popust je {red}%. Green popust {green}%.",
3102    sv: "Din RED-rabatt är {red}%. Green-rabatt {green}%.",
3103  };
3104  var lang = (document.documentElement.lang || 'en').split('-')[0];
3105  // Special case for pt-PT
3106  if(document.documentElement.lang && document.documentElement.lang.toLowerCase().startsWith('pt-pt')) lang = 'pt-PT';
3107  var text = badgeTooltipTexts[lang] || badgeTooltipTexts['en'];
3108  text = text.replace('{red}', red).replace('{green}', green);
3109  tooltip.textContent = text;
3110
3111  badge.addEventListener('mouseenter', function() {
3112    tooltip.style.display = 'block';
3113    tooltip.style.opacity = '1';
3114  });
3115  badge.addEventListener('mouseleave', function() {
3116    tooltip.style.display = 'none';
3117    tooltip.style.opacity = '0';
3118  });
3119  badge.addEventListener('focus', function() {
3120    tooltip.style.display = 'block';
3121    tooltip.style.opacity = '1';
3122  });
3123  badge.addEventListener('blur', function() {
3124    tooltip.style.display = 'none';
3125    tooltip.style.opacity = '0';
3126  });
3127});
3128</script>
3128
3129
3130<!-- Tooltip styles -->
3131<style>
3132.account-badge-tooltip {
3133  position: absolute;
3134  top: 110%;
3135  left: 50%;
3136  transform: translateX(-50%);
3137  min-width: 180px;
3138  background: #FFFFFF;
3139  color: #232323;
3140  border: 1px solid #EEEEEE;
3141  box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
3142  padding: 12px 16px;
3143  font-size: 13px;
3144  font-family: 'Montserrat', sans-serif;
3145  z-index: 10000;
3146  pointer-events: none;
3147  opacity: 0;
3148  transition: opacity 0.18s;
3149  white-space: pre-line;
3150  text-align: left;
3151  border-radius: 0;
3152}
3153.account-badge:hover .account-badge-tooltip,
3154.account-badge:focus .account-badge-tooltip {
3155  display: block;
3156  opacity: 1;
3157  pointer-events: auto;
3158}
3159</style>
3160</div><div id="shopify-section-sections--28113425695018__main_mega_menu_rendl_HbffMH" class="shopify-section shopify-section-group-header-group">
3161
3162<link href="//rendl.fi/cdn/shop/t/33/assets/main-mega-menu.css?v=96765861429993695781788953232" rel="stylesheet" type="text/css" media="all" />
3163
3164
3165
3166<script>
3167  // Mega Menu Cache Management
3168  (function() {
3169    'use strict';
3170    
3171    const CACHE_KEY = 'megamenu_cache';
3172    const VERSION_KEY = 'megamenu_version';
3173    const MENU_VERSION = '1.1';
3174    const CACHE_DURATION = 7 * 24 * 60 * 60 * 1000; // 7 days
3175    
3176    function getCachedMenu() {
3177      try {
3178        const cached = localStorage.getItem(CACHE_KEY);
3179        const version = localStorage.getItem(VERSION_KEY);
3180        const timestamp = localStorage.getItem(CACHE_KEY + '_time');
3181        
3182        if (!cached || version !== MENU_VERSION) {
3183          return null;
3184        }
3185        
3186        // Check if cache expired
3187        if (timestamp && (Date.now() - parseInt(timestamp)) > CACHE_DURATION) {
3188          return null;
3189        }
3190        
3191        return cached;
3192      } catch (e) {
3193        console.error('Error reading menu cache:', e);
3194        return null;
3195      }
3196    }
3197    
3198    function saveCachedMenu(html) {
3199      try {
3200        localStorage.setItem(CACHE_KEY, html);
3201        localStorage.setItem(VERSION_KEY, MENU_VERSION);
3202        localStorage.setItem(CACHE_KEY + '_time', Date.now().toString());
3203      } catch (e) {
3204        console.error('Error saving menu cache:', e);
3205      }
3206    }
3207    
3208    function loadMenuFromCache() {
3209      const cachedHTML = getCachedMenu();
3210      const menuContainer = document.getElementById('main-mega-menu-container');
3211      
3212      if (cachedHTML && menuContainer) {
3213        // Hide server-rendered menu
3214        const serverMenu = menuContainer.querySelector('.main-mega-menu-rendl');
3215        if (serverMenu) {
3216          serverMenu.style.display = 'none';
3217        }
3218        
3219        // Insert cached menu
3220        const tempDiv = document.createElement('div');
3221        tempDiv.innerHTML = cachedHTML;
3222        const cachedMenu = tempDiv.querySelector('.main-mega-menu-rendl');
3223        
3224        if (cachedMenu) {
3225          cachedMenu.classList.add('main-mega-menu-rendl--cached');
3226          menuContainer.insertBefore(cachedMenu, menuContainer.firstChild);
3227          
3228          // Reinitialize menu functionality
3229          if (window.initMegaMenu) {
3230            window.initMegaMenu();
3231          }
3232          
3233          return true;
3234        }
3235      }
3236      
3237      return false;
3238    }
3239    
3240    // Try to load from cache immediately
3241    const loadedFromCache = loadMenuFromCache();
3242    
3243    // After page fully loaded, cache the menu for next time
3244    window.addEventListener('load', function() {
3245      if (!loadedFromCache) {
3246        const menuContainer = document.getElementById('main-mega-menu-container');
3247        const menu = menuContainer ? menuContainer.querySelector('.main-mega-menu-rendl') : null;
3248        
3249        if (menu) {
3250          // Save menu HTML to cache
3251          saveCachedMenu(menu.outerHTML);
3252        }
3253      }
3254    });
3255    
3256    // Clear cache when menu version changes (can be called from admin)
3257    window.clearMegaMenuCache = function() {
3258      try {
3259        localStorage.removeItem(CACHE_KEY);
3260        localStorage.removeItem(VERSION_KEY);
3261        localStorage.removeItem(CACHE_KEY + '_time');
3262        console.log('Mega menu cache cleared');
3263      } catch (e) {
3264        console.error('Error clearing menu cache:', e);
3265      }
3266    };
3267  })();
3268  
3269  // Main menu functionality
3270  window.initMegaMenu = function() {
3271  document.addEventListener('DOMContentLoaded', function() {
3272    var menu = document.querySelector('.main-mega-menu-rendl');
3273    if (!menu) return;
3274    var items = menu.querySelectorAll('.main-mega-menu-rendl__item');
3275    var openClass = 'main-mega-menu-rendl__item--open';
3276    var opened = null;
3277    var lastScrollY = window.scrollY;
3278    var delta = 2; // reduced threshold for scroll down
3279    var pendingDropdownItem = null;
3280
3281    // Keep fixed mega-menu flush with viewport top
3282    function updateMegaMenuTop() {
3283      if (menu.classList.contains('main-mega-menu-rendl--fixed')) {
3284        menu.style.top = '0px';
3285      } else {
3286        menu.style.top = '';
3287      }
3288    }
3289    window.addEventListener('resize', updateMegaMenuTop);
3290    updateMegaMenuTop();
3291
3292    function updateDropdownPosition() {
3293      var isFixed = menu.classList.contains('main-mega-menu-rendl--fixed');
3294      var menuRect = menu.getBoundingClientRect();
3295      var top = menuRect.bottom;
3296      document.querySelectorAll('.main-mega-menu-rendl__item.' + openClass + ' > .main-mega-menu-rendl__dropdown').forEach(function(dropdown) {
3297        if (isFixed) {
3298          dropdown.style.position = 'fixed';
3299          dropdown.style.top = top + 'px';
3300          dropdown.style.left = '0';
3301          dropdown.style.width = '100vw';
3302          dropdown.style.zIndex = '1000';
3303        } else {
3304          dropdown.style.position = '';
3305          dropdown.style.top = '';
3306          dropdown.style.left = '';
3307          dropdown.style.width = '';
3308          dropdown.style.zIndex = '';
3309        }
3310      });
3311    }
3312    window.addEventListener('resize', updateDropdownPosition);
3313    window.addEventListener('scroll', updateDropdownPosition);
3314
3315    function updateMegaMenuDropdownTop() {
3316      var rect = menu.getBoundingClientRect();
3317      var scrollY = window.scrollY || window.pageYOffset;
3318      var top = rect.bottom + scrollY;
3319      document.documentElement.style.setProperty('--main-mega-menu-rendl-top', top + 'px');
3320    }
3321    window.addEventListener('resize', updateMegaMenuDropdownTop);
3322    window.addEventListener('scroll', updateMegaMenuDropdownTop);
3323    updateMegaMenuDropdownTop();
3324
3325    window.addEventListener('scroll', function() {
3326      var scrollY = window.scrollY || window.pageYOffset;
3327      updateMegaMenuTop();
3328      if (scrollY <= 0) {
3329        menu.classList.remove('main-mega-menu-rendl--fixed');
3330        menu.classList.remove('main-mega-menu-rendl--hidden');
3331        menu.style.top = '';
3332
3333        if (pendingDropdownItem) {
3334          pendingDropdownItem.classList.add(openClass);
3335          updateMegaMenuDropdownTop();
3336          lockBodyScroll(anyMenuOpen());
3337          updateDropdownPosition();
3338          pendingDropdownItem = null;
3339        }
3340      } else if (scrollY > lastScrollY + delta) {
3341        menu.classList.remove('main-mega-menu-rendl--fixed');
3342        menu.classList.add('main-mega-menu-rendl--hidden');
3343        menu.style.top = '';
3344      } else if (scrollY < lastScrollY - delta) {
3345        menu.classList.add('main-mega-menu-rendl--fixed');
3346        menu.classList.remove('main-mega-menu-rendl--hidden');
3347        updateMegaMenuTop();
3348
3349        items.forEach(function(item) {
3350          item.classList.remove(openClass);
3351        });
3352      }
3353      lastScrollY = scrollY; 
3354      updateDropdownPosition();
3355    });
3356
3357    function anyMenuOpen() {
3358      return Array.from(items).some(function(item) {
3359        return item.classList.contains(openClass);
3360      });
3361    }
3362
3363    function lockBodyScroll(lock) {
3364      if (lock) {
3365        document.body.classList.add('megamenu-lock-scroll');
3366      } else {
3367        document.body.classList.remove('megamenu-lock-scroll');
3368      }
3369    }
3370
3371    items.forEach(function(item) {
3372      var btn = item.querySelector('button');
3373      var dropdown = item.querySelector('.main-mega-menu-rendl__dropdown');
3374      if (!btn || !dropdown) return;
3375      btn.addEventListener('click', function(e) {
3376        var dropdown = item.querySelector('.main-mega-menu-rendl__dropdown');
3377        if (!dropdown) {
3378          // If no dropdown, navigate to link
3379          var link = item.querySelector('a');
3380          if (link) {
3381            window.location.href = link.href;
3382          }
3383          return;
3384        }
3385        e.preventDefault();
3386        
3387        items.forEach(function(it) {
3388          if (it !== item) {
3389            it.classList.remove(openClass);
3390          }
3391        });
3392        
3393        var isOpen = item.classList.contains(openClass);
3394        if (isOpen) {
3395          item.classList.remove(openClass);
3396        } else {
3397          if (menu.classList.contains('main-mega-menu-rendl--fixed')) {
3398            window.scrollTo({top: 0, behavior: 'smooth'});
3399            pendingDropdownItem = item;
3400          } else {
3401            item.classList.add(openClass);
3402            updateMegaMenuDropdownTop();
3403            lockBodyScroll(anyMenuOpen());
3404            updateDropdownPosition();
3405          }
3406        }
3407      });
3408      
3409      document.addEventListener('click', function(e) {
3410        // Don't close menu if clicking on show-more buttons or their content
3411        if (e.target.closest('.main-mega-menu-rendl__show-more')) {
3412          return;
3413        }
3414        if (!item.contains(e.target)) {
3415          item.classList.remove(openClass);
3416          lockBodyScroll(anyMenuOpen());
3417          updateDropdownPosition();
3418        }
3419      });
3420    });
3421  });
3422  }; // End initMegaMenu
3423  
3424  // Initialize menu on page load
3425  window.initMegaMenu();
3426</script>
3426
3427
3428
3429
3430
3431<div id="main-mega-menu-container">
3432<nav class="main-mega-menu-rendl main-mega-menu-rendl--desktop" data-locale="fi">
3433  <div class="page-width">
3434    <ul class="main-mega-menu-rendl__list">
3435      <!-- Interiérová světla -->
3436      <li class="main-mega-menu-rendl__item">
3437          <button type="button" data-category-image="//rendl.fi/cdn/shop/files/R14000_GLANS_RR2_150_na_uste_inna_u_bi_ula_u_Eco_PLA_230V_LED_G9_5W.jpg?v=1761826121&width=250">
3438          Sisä
3439          <span class="main-mega-menu-rendl__arrow">
3440            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
3441              <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3442            </svg>
3443          </span>
3444        </button>
3445        <div class="main-mega-menu-rendl__dropdown">
3446          <div class="main-mega-menu-rendl__dropdown-inner page-width">
3447            <!-- Světla do kanceláře -->
3448            <div class="main-mega-menu-rendl__column">
3449              
3450                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Office_lighting.png?v=1751390220&width=300" alt="Toimiston valaisimet" loading="lazy">
3451              
3452              <div class="main-mega-menu-rendl__column-content">
3453                <div class="main-mega-menu-rendl__column-title"><a href="/collections/office-lighting" title="Toimiston valaisimet">Toimiston valaisimet</a></div>
3454                <ul>
3455                  <li><a href="/collections/office-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></li>
3456                  <li><a href="/collections/office-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3457                  <li><a href="/collections/office-lamps" title="Pöytävalaisimet">Pöytävalaisimet</a></li>
3458                  <li><a href="/collections/3-circuit-spotlights" title="3-vaihe kohdevalaisimet">3-vaihe kohdevalaisimet</a></li>
3459                  <li><a href="/collections/1-circuit-spotlights" title="1-vaihe kohdevalaisimet">1-vaihe kohdevalaisimet</a></li>
3460                </ul>
3461              </div>
3462            </div>
3463
3464             <!-- Světla do koupelny -->
3465            <div class="main-mega-menu-rendl__column">
3466              
3467                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Bathroom_lightning.png?v=1751393525&width=300" alt="Kylpyhuoneen valaistus" loading="lazy">
3468              
3469              <div class="main-mega-menu-rendl__column-content">
3470                <div class="main-mega-menu-rendl__column-title"><a href="/collections/bathroom-lighting" title="Kylpyhuoneen valaistus">Kylpyhuoneen valaistus</a></div>
3471                <ul>
3472                  <li><a href="/collections/besides-mirror-light" title="Peilin sivuvalot">Peilin sivuvalot</a></li>
3473                  <li><a href="/collections/above-mirror-lights" title="Peilin ylävalot">Peilin ylävalot</a></li>
3474                  <li><a href="/collections/bathroom-wall-light" title="Seinävalaisimet">Seinävalaisimet</a></li>
3475                  <li><a href="/collections/bathroom-ceiling-light" title="Kattovalaisimet">Kattovalaisimet</a></li>
3476                  <li><a href="/collections/recessed-bathroom-spotlights" title="Upotettavat spotit">Upotettavat spotit</a></li>
3477                  <div class="main-mega-menu-rendl__hidden-items">
3478                    <li><a href="/collections/bathroom-spotlights" title="Spotit">Spotit</a></li>
3479                    <li><a href="/collections/bathroom-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></li>
3480                  </div>
3481                </ul>
3482                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3483              </div>
3484            </div>
3485
3486            <!-- Světlo do kuchyně -->
3487            <div class="main-mega-menu-rendl__column">
3488              
3489                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Kitchen.png?v=1751392478&width=300" alt="Keittiön valaisimet" loading="lazy">
3490              
3491              <div class="main-mega-menu-rendl__column-content">
3492                <div class="main-mega-menu-rendl__column-title"><a href="/collections/kitchen" title="Keittiön valaisimet">Keittiön valaisimet</a></div>
3493                <ul>
3494                  <li><a href="/collections/dining-table-lighting" title="Keittiön ruokapöytävalaisimet">Keittiön ruokapöytävalaisimet</a></li>
3495                  <li><a href="/collections/kitchen-counter-lighting" title="Keittiön työtasovalaisimet">Keittiön työtasovalaisimet</a></li>
3496                  <li><a href="/collections/under-cabinet-light-with-switch" title="Keittiövalaisimet katkaisijalla">Keittiövalaisimet katkaisijalla</a></li>
3497                  <li><a href="/collections/led-under-cabinet-kitchen-lights" title="LED-työtasovalaistus">LED-työtasovalaistus</a></li>
3498                  <li><a href="/collections/kitchen-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3499                  <div class="main-mega-menu-rendl__hidden-items">
3500                    <li><a href="/collections/modern-kitchen-chandeliers" title="Modernit kattokruunut">Modernit kattokruunut</a></li>
3501                  </div>
3502                </ul>
3503                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3504              </div>
3505            </div>
3506            
3507            <!-- Světlo do obývacího pokoje -->
3508            <div class="main-mega-menu-rendl__column">
3509              
3510                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Living_room.png?v=1751367187&width=300" alt="Olohuoneen valaisimet" loading="lazy">
3511              
3512              <div class="main-mega-menu-rendl__column-content">
3513                <div class="main-mega-menu-rendl__column-title"><a href="/collections/living-room-lighting" title="Olohuoneen valaisimet">Olohuoneen valaisimet</a></div>
3514                <ul>
3515                  <li><a href="/collections/living-room-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3516                  <li><a href="/collections/modern-living-room-chandeliers" title="Modernit kattokruunut">Modernit kattokruunut</a></li>
3517                  <li><a href="/collections/living-room-wall-light" title="Seinävalaisimet">Seinävalaisimet</a></li>
3518                  <li><a href="/collections/living-room-table-lamp" title="Pöytävalaisimet">Pöytävalaisimet</a></li>
3519                  <li><a href="/collections/living-room-floor-lamps" title="Lattiavalaisimet">Lattiavalaisimet</a></li>
3520                  <div class="main-mega-menu-rendl__hidden-items">
3521                    <li><a href="/collections/above-painting-lights" title="Taulu valaisimet">Taulu valaisimet</a></li>
3522                    <li><a href="/collections/living-room-wall-led-lighting" title="Olohuoneen seinään">Olohuoneen seinään</a></li>
3523                  </div>
3524                </ul>
3525                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3526              </div>
3527            </div>
3528            
3529
3530             <!-- Světla do ložnice -->
3531            <div class="main-mega-menu-rendl__column">
3532              
3533                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Bedroom.png?v=1751366613&width=300" alt="Makuuhuoneen valaistus" loading="lazy">
3534              
3535              <div class="main-mega-menu-rendl__column-content">
3536                <div class="main-mega-menu-rendl__column-title"><a href="/collections/bedroom-lighting" title="Makuuhuoneen valaistus">Makuuhuoneen valaistus</a></div>
3537                <ul>
3538                  <li><a href="/collections/bedroom-ceiling-light" title="Kattovalaisimet">Kattovalaisimet</a></li>
3539                  <li><a href="/collections/bedroom-wall-sconce" title="Seinävalaisimet">Seinävalaisimet</a></li>
3540                  <li><a href="/collections/bedside-lamps" title="Yöpöytävalaisimet">Yöpöytävalaisimet</a></li>
3541                  <li><a href="/collections/gooseneck-lamps" title="Joutsenkaula-valaisimet">Joutsenkaula-valaisimet</a></li>
3542                  <li><a href="/collections/bedroom-table-lamp" title="Pöytävalaisimet">Pöytävalaisimet</a></li>
3543                  <div class="main-mega-menu-rendl__hidden-items">
3544                    <li><a href="/collections/bedroom-chandelier" title="Modernit kattokruunut">Modernit kattokruunut</a></li>
3545                  </div>
3546                </ul>
3547                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3548              </div>
3549            </div>
3550
3551             <!-- Světlo do dětského pokoje -->
3552            <div class="main-mega-menu-rendl__column">
3553              
3554                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Kids_room.png?v=1751366724&width=300" alt="Lastenhuone" loading="lazy">
3555              
3556              <div class="main-mega-menu-rendl__column-content">
3557                <div class="main-mega-menu-rendl__column-title"><a href="/collections/lights-for-kids-rooms" title="Lastenhuone">Lastenhuone</a></div>
3558                <ul>
3559                  <li><a href="/collections/childrens-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3560                  <li><a href="/collections/childrens-wall-light" title="Seinävalaisimet">Seinävalaisimet</a></li>
3561                  <li><a href="/collections/childrens-table-lamp" title="Pöytävalaisimet">Pöytävalaisimet</a></li>
3562                  <li><a href="/collections/kids-room-floor-lamps" title="Lattiavalaisimet">Lattiavalaisimet</a></li> 
3563                </ul>
3564              </div>
3565            </div>
3566
3567                       <!-- luxusní svítidla -->
3568            <div class="main-mega-menu-rendl__column">
3569              
3570                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Representative_areas.jpg?v=1760615034&width=300" alt="Ylelliset valaisimet" loading="lazy">
3571              
3572              <div class="main-mega-menu-rendl__column-content">
3573                <div class="main-mega-menu-rendl__column-title"><a href="/collections/luxury-lights" title="Ylelliset valaisimet">Ylelliset valaisimet</a></div>
3574                <ul>
3575                  <li><a href="/collections/luxury-chandeliers" title="Kattokruunut">Kattokruunut</a></li>
3576                  <li><a href="/collections/luxury-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></li>
3577                  <li><a href="/collections/luxury-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3578                  <li><a href="/collections/luxury-table-lamps" title="Pöytä">Pöytä</a></li>
3579                  <li><a href="/collections/luxury-floor-lamps" title="Lattiavalaisimet">Lattiavalaisimet</a></li>
3580                </ul>
3581              </div>
3582            </div>
3583
3584                   <!-- Osvětlení schodiště -->
3585            <div class="main-mega-menu-rendl__column">
3586              
3587                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Stairway.png?v=1751366831&width=300" alt="Porrasvalot" loading="lazy">
3588              
3589              <div class="main-mega-menu-rendl__column-content">
3590                <div class="main-mega-menu-rendl__column-title"><a href="/collections/stairway-lighting" title="Porrasvalot">Porrasvalot</a></div>
3591                <ul>
3592                  <li><a href="/collections/staircase-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3593                  <li><a href="/collections/staircase-wall-lights" title="Seinävalaisimet">Seinävalaisimet</a></li>
3594                  <li><a href="/collections/recessed-wall-spotlights" title="Seinäupotettavat">Seinäupotettavat</a></li>
3595                  <li>
3595<a href="/collections/staircase-light-with-sensor" title="Porrasvalot liiketunnistimella">Porrasvalot liiketunnistimella</a></li>
3596                </ul>
3597              </div>
3598            </div>
3599
3600
3601            <!-- Světlo do chodby -->
3602            <div class="main-mega-menu-rendl__column">
3603              
3604                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Hallway.png?v=1751367117&width=300" alt="Käytävän valaisimet" loading="lazy">
3605              
3606              <div class="main-mega-menu-rendl__column-content">
3607                <div class="main-mega-menu-rendl__column-title"><a href="/collections/hallway-lighting" title="Käytävän valaisimet">Käytävän valaisimet</a></div>
3608                <ul>
3609                  <li><a href="/collections/hallway-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
3610                  <li><a href="/collections/hallway-wall-light" title="Seinävalaisimet">Seinävalaisimet</a></li>
3611                  <li><a href="/collections/recessed-wall-spotlights" title="Seinäupotettavat">Seinäupotettavat</a></li>
3612                </ul>
3613              </div>
3614            </div>
3615            
3616
3617              <!-- Industriální svítidla -->
3618            <div class="main-mega-menu-rendl__column">
3619              
3620                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Lights_with_technical_design.jpg?v=1761038248&width=300" alt="Teollisuustyyliset valaisimet" loading="lazy">
3621              
3622              <div class="main-mega-menu-rendl__column-content">
3623                <div class="main-mega-menu-rendl__column-title"><a href="/collections/industrial-lighting-fixtures" title="Teollisuustyyliset valaisimet">Teollisuustyyliset valaisimet</a></div>
3624              </div>
3625            </div>
3626      
3627
3628            <!-- Průmyslová světla -->
3629            <div class="main-mega-menu-rendl__column">
3630              
3631                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Industrial_lighting.png?v=1751390883&width=300" alt="Teollisuusvalaisimet" loading="lazy">
3632              
3633              <div class="main-mega-menu-rendl__column-content">
3634                <div class="main-mega-menu-rendl__column-title"><a href="/collections/industrial-lighting" title="Teollisuusvalaisimet">Teollisuusvalaisimet</a></div>
3635              </div>
3636            </div>
3637            
3638
3639            
3640            <!-- Svítidla do sklepa -->
3641            <div class="main-mega-menu-rendl__column">
3642              
3643                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Cellar.jpg?v=1760962623&width=300" alt="Kellarin valaisimet" loading="lazy">
3644              
3645              <div class="main-mega-menu-rendl__column-content">
3646                <div class="main-mega-menu-rendl__column-title"><a href="/collections/lighting-for-the-basement" title="Kellarin valaisimet">Kellarin valaisimet</a></div>
3647              </div>
3648            </div>
3649            
3650            <!-- Světla do garáže -->
3651            <div class="main-mega-menu-rendl__column">
3652              
3653                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Garage_lighting.png?v=1751386467&width=300" alt="Autotallin valaisimet" loading="lazy">
3654              
3655              <div class="main-mega-menu-rendl__column-content">
3656                <div class="main-mega-menu-rendl__column-title"><a href="/collections/garage-lighting" title="Autotallin valaisimet">Autotallin valaisimet</a></div>
3657                <ul>
3658                </ul>
3659              </div>
3660            </div>
3661            
3662
3663            
3664 
3665            
3666           
3667          </div>
3668        </div>
3669      </li>
3670
3671      <!-- Venkovní světla -->
3672      <li class="main-mega-menu-rendl__item">
3673        <button type="button" data-category-image="//rendl.fi/cdn/shop/files/R12561_HIDE_RC_na_uste_inna_u_antracitova_u_230V_LED_E27_15W_IP54.jpg?v=1761826131&width=250">
3674          Ulko
3675            <span class="main-mega-menu-rendl__arrow">
3676              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
3677                <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3678              </svg>
3679            </span>
3680          </button>
3681            <div class="main-mega-menu-rendl__dropdown">
3682              <div class="main-mega-menu-rendl__dropdown-inner page-width">
3683            <!-- venkovní svítidla -->
3684            <div class="main-mega-menu-rendl__column">
3685              
3686                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Exterior.jpg?v=1760706458&width=300" alt="Ulkovalaisimet" loading="lazy">
3687              
3688              <div class="main-mega-menu-rendl__column-content">
3689                <div class="main-mega-menu-rendl__column-title"><a href="/collections/outdoor-lights" title="Ulkovalaisimet">Ulkovalaisimet</a></div>
3690                <ul>
3691                  <li><a href="/collections/outdoor-lighting-families" title="Ulkovalaisinsarjat">Ulkovalaisinsarjat</a></li>
3692                  <li><a href="/collections/decorative-outdoor-lamps" title="Koristeelliset ulkovalaisimet">Koristeelliset ulkovalaisimet</a></li>
3693                  <li><a href="/collections/outdoor-linear-lights" title="Lineaariset">Lineaariset</a></li>
3694                  <li><a href="/collections/outdoor-lamps-with-sensor" title="Anturilla">Anturilla</a></li>
3695                </ul>
3696              </div>
3697            </div>
3698            
3699            <!-- venkovní nástěnná svítidla -->
3700            <div class="main-mega-menu-rendl__column">
3701              
3702                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Wall_lamps.jpg?v=1760354729&width=300" alt="Ulkoseinävalaisimet" loading="lazy">
3703              
3704              <div class="main-mega-menu-rendl__column-content">
3705                <div class="main-mega-menu-rendl__column-title"><a href="/collections/outdoor-wall-lights" title="Ulkoseinävalaisimet">Ulkoseinävalaisimet</a></div>
3706                <ul>
3707                  <li><a href="/collections/updown-outdoor-lights" title="Ylös/alas">Ylös/alas</a></li>
3708                  <li><a href="/collections/adjustable-wall-lights" title="Säädettävä">Säädettävä</a></li>
3709                  <li><a href="/collections/one-way-luminaires" title="Yksisuuntainen">Yksisuuntainen</a></li>
3710                  <li><a href="/collections/outdoor-indirect-lights" title="Epäsuora">
3710Epäsuora</a></li>
3711                </ul>
3712              </div>
3713            </div>
3714            
3715            <!-- venkovní stropní svítidla -->
3716            <div class="main-mega-menu-rendl__column">
3717              
3718                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Ceiling_lamps.jpg?v=1760354705&width=300" alt="Kattovalaisimet" loading="lazy">
3719              
3720              <div class="main-mega-menu-rendl__column-content">
3721                <div class="main-mega-menu-rendl__column-title"><a href="/collections/outdoor-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></div>
3722                <ul>
3723                  <li><a href="/collections/outdoor-downlights" title="Alasvalot">Alasvalot</a></li>
3724                  <li><a href="/collections/adjustable-ceiling-lights" title="Säädettävä">Säädettävä</a></li>
3725                </ul>
3726              </div>
3727            </div>
3728
3729                        
3730            <!-- venkovní zápustné svítidla -->
3731            <div class="main-mega-menu-rendl__column">
3732              
3733                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/category-recessed-lighting-7.png?v=1744626878&width=300" alt="Upotettavat ulkovalaisimet" loading="lazy">
3734              
3735              <div class="main-mega-menu-rendl__column-content">
3736                <div class="main-mega-menu-rendl__column-title"><a href="/collections/outdoor-recessed-luminaires" title="Upotettavat ulkovalaisimet">Upotettavat ulkovalaisimet</a></div>
3737                <ul>
3738                  <li><a href="/collections/ground-lights" title="Maahan upotettavat valaisimet">Maahan upotettavat valaisimet</a></li>
3739                  <li><a href="/collections/outdoor-wall-recessed" title="Upotettavat ulkoseinävalaisimet">Upotettavat ulkoseinävalaisimet</a></li>
3740                  <li><a href="/collections/outdoor-recessed-lights" title="Upotettavat ulkovalaisimet">Upotettavat ulkovalaisimet</a></li>
3741                </ul>
3742              </div>
3743            </div>
3744            
3745            <!-- závěsná venkovní svítidla -->
3746            <div class="main-mega-menu-rendl__column">
3747              
3748                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/category-pendants-1.png?v=1744626947&width=300" alt="Riippuvalaisimet" loading="lazy">
3749              
3750              <div class="main-mega-menu-rendl__column-content">
3751                <div class="main-mega-menu-rendl__column-title"><a href="/collections/outdoor-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></div>
3752                <ul>
3753                  <li><a href="/collections/outdoor-pergola-chandelier" title="Pergolan valaistus">Pergolan valaistus</a></li>
3754                </ul>
3755              </div>
3756            </div>
3757            
3758            <!-- osvětlení cest -->
3759            <div class="main-mega-menu-rendl__column">
3760              
3761                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Garden_lighting_df5ea347-2503-40ca-99db-9a73c3f25235.jpg?v=1760963189&width=300" alt="Polkuvalaisimet" loading="lazy">
3762              
3763              <div class="main-mega-menu-rendl__column-content">
3764                <div class="main-mega-menu-rendl__column-title"><a href="/collections/path-lighting" title="Polkuvalaisimet">Polkuvalaisimet</a></div>
3765              </div>
3766            </div>
3767            
3768            <!-- zahradní sloupky -->
3769            <div class="main-mega-menu-rendl__column">
3770              
3771                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/category-outdoor-lighting-10.png?v=1744626892&width=300" alt="Pollarivalaisimet" loading="lazy">
3772              
3773              <div class="main-mega-menu-rendl__column-content">
3774                <div class="main-mega-menu-rendl__column-title"><a href="/collections/garden-post-light" title="Pollarivalaisimet">Pollarivalaisimet</a></div>
3775                <ul>
3776                  <li><a href="/collections/bollards-round" title="Pyöreät pollarivalaisimet">Pyöreät pollarivalaisimet</a></li>
3777                  <li><a href="/collections/bollards-angular" title="Nelikulmaiset pollarivalaisimet">Nelikulmaiset pollarivalaisimet</a></li>
3778                  <li><a href="/collections/directional-light-columns" title="Säädettävät pollarivalaisimet">Säädettävät pollarivalaisimet</a></li>
3779                </ul>
3780              </div>
3781            </div>
3782
3783                <!-- na bodci -->
3784            <div class="main-mega-menu-rendl__column">
3785              
3786                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/On_spike.jpg?v=1760706287&width=300" alt="Maapiikkivalaisimet" loading="lazy">
3787              
3788              <div class="main-mega-menu-rendl__column-content">
3789                <div class="main-mega-menu-rendl__column-title"><a href="/collections/spike-lights" title="Maapiikkivalaisimet">Maapiikkivalaisimet</a></div>
3790              </div>
3791            </div>
3792          </div>
3793        </div>
3794      </li>
3795
3796      <!-- Systémy -->
3797      <li class="main-mega-menu-rendl__item">
3798        <button type="button" data-category-image="//rendl.fi/cdn/shop/files/Systems.jpg?v=1761042351&width=250">
3799          Kiskot &amp; Järjestelmät
3800          <span class="main-mega-menu-rendl__arrow">
3801            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
3802              <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3803            </svg>
3804          </span>
3805        </button>
3806        <div class="main-mega-menu-rendl__dropdown">
3807          <div class="main-mega-menu-rendl__dropdown-inner page-width">
3808            <!-- 1F lištové systémy -->
3809            <div class="main-mega-menu-rendl__column">
3810              
3811                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/1-circuit-tack.svg?v=1742647158&width=300" alt="1F lištové systémy" loading="lazy">
3812              
3813              <div class="main-mega-menu-rendl__column-content">
3814                <div class="main-mega-menu-rendl__column-title"><a href="/collections/1-circuit-track-systems" title="1-Vaihekiskojärjestelmät">1-Vaihekiskojärjestelmät</a></div>
3815                <ul>
3816                  <li><a href="/collections/1-circuit-pendants" title="Riippuvalaisimet 1-vaihekiskoihin">Riippuvalaisimet 1-vaihekiskoihin</a></li>
3817                  <li><a href="/collections/1-circuit-spotlights" title="Spotit 1-vaihekiskoihin">Spotit 1-vaihekiskoihin</a></li>
3818                  <li><a href="/collections/1f-tracks" title="1-vaihekiskot">1-vaihekiskot</a></li>
3819                  <li><a href="/collections/1-circuit-components" title="1-vaihe komponentit">1-vaihe komponentit</a></li>
3820                  <li><a href="/pages/1f-tracks-configurator" title="1F Konfiguraattori">1F Konfiguraattori<span class="menu-badge menu-badge--new">NEW</span></a></li>
3821                </ul>
3822              </div>
3823            </div>
3824            
3825            <!-- 3F lištové systémy -->
3826            <div class="main-mega-menu-rendl__column">
3827              
3828                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/3-circuit-track.svg?v=1742647322&width=300" alt="3F lištové systémy" loading="lazy">
3829              
3830              <div class="main-mega-menu-rendl__column-content">
3831                <div class="main-mega-menu-rendl__column-title"><a href="/collections/3-circuit-track-systems" title="3-Vaihe kiskojärjestelmät">3-Vaihe kiskojärjestelmät</a></div>
3832                <ul>
3833                  <li><a href="/collections/3-circuit-pendants" title="Riippuvalaisimet 3-vaihekiskoihin">Riippuvalaisimet 3-vaihekiskoihin</a></li>
3834                  <li><a href="/collections/3-circuit-spotlights" title="Spotit 3-vaihekiskoihin">Spotit 3-vaihekiskoihin</a></li>
3835                  <li><a href="/collections/3-circuit-tracks" title="3-vaihekiskot">3-vaihekiskot</a></li>
3836                  <li><a href="/collections/3-circuit-components" title="3-vaihe komponentit">3-vaihe komponentit</a></li>
3837                  <li><a href="/collections/3-circuit-tracks-recessed" title="Upotettavat 3-vaihekiskot">Upotettavat 3-vaihekiskot</a></li>
3838                  <div class="main-mega-menu-rendl__hidden-items">
3839                    <li><a href="/collections/3-circuit-recessed-track-components" title="Upotettavien 3-vaihekiskojen komponentit">Upotettavien 3-vaihekiskojen komponentit</a></li>
3840                  </div>
3841                </ul>
3842                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3843              </div>
3844            </div>
3845            
3846            <!-- LED pásky -->
3847            <div class="main-mega-menu-rendl__column">
3848              
3849                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/led-stripes-icon.svg?v=1742647723&width=300" alt="LED pásky" loading="lazy">
3850              
3851              <div class="main-mega-menu-rendl__column-content">
3852                <div class="main-mega-menu-rendl__column-title"><a href="/collections/led-strips" title="LED-nauhat">LED-nauhat</a></div>
3853                <ul>
3854                  <li><a href="/collections/only-strips" title="Nauhat">Nauhat</a></li>
3855                  <li><a href="/collections/profiles-recessed" title="Uppoasennettavat profiil
3855it">Uppoasennettavat profiilit</a></li>
3856                  <li><a href="/collections/profiles-surface-mounted" title="Pintaan asennettavat profiilit">Pintaan asennettavat profiilit</a></li>
3857                  <li><a href="/collections/led-components" title="Tarvikkeet LED-nauhoihin">Tarvikkeet LED-nauhoihin</a></li>
3858                </ul>
3859              </div>
3860            </div>
3861
3862            <!-- Ultra-thin systém -->
3863            <div class="main-mega-menu-rendl__column">
3864              
3865                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Ultra-thin_systems.jpg?v=1760096743&width=300" alt="Ultra-thin systém" loading="lazy">
3866              
3867              <div class="main-mega-menu-rendl__column-content">
3868                <div class="main-mega-menu-rendl__column-title"><a href="/collections/ultra-thin-track-systems" title="VEGA erittäin ohut kiskojärjestelmä">VEGA erittäin ohut kiskojärjestelmä</a></div>
3869                <ul>
3870                  <li><a href="/collections/lamps-for-vega-wave" title="VEGA kohdevalaisimet">VEGA kohdevalaisimet</a></li>
3871                  <li><a href="/collections/vega-tracks" title="VEGA-kiskot">VEGA-kiskot</a></li>
3872                  <li><a href="/collections/vega-components" title="VEGA-komponentit">VEGA-komponentit</a></li>
3873                </ul>
3874              </div>
3875            </div>
3876
3877                        <!-- WAVE pásový systém -->
3878            <div class="main-mega-menu-rendl__column">
3879              
3880                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Pasovy_system.jpg?v=1760096752&width=300" alt="WAVE pásový systém" loading="lazy">
3881              
3882              <div class="main-mega-menu-rendl__column-content">
3883                <div class="main-mega-menu-rendl__column-title"><a href="/collections/wave-belt-system" title="WAVE-tekstiilinauhajärjestelmä">WAVE-tekstiilinauhajärjestelmä</a></div>
3884                <ul>
3885                  <li><a href="/collections/lamps-for-wave-system" title="Valaisimet WAVE-järjestelmään">Valaisimet WAVE-järjestelmään</a></li>
3886                  <li><a href="/collections/wave-belt" title="WAVE-tekstiilinauha">WAVE-tekstiilinauha</a></li>
3887                  <li><a href="/collections/wave-components" title="WAVE-komponentit">WAVE-komponentit</a></li>
3888                </ul>
3889              </div>
3890            </div>
3891          </div>
3892        </div>
3893      </li>
3894
3895      <!-- Světla dle typu -->
3896      <li class="main-mega-menu-rendl__item">
3897        <button type="button" data-category-image="//rendl.fi/cdn/shop/files/Type_3dbf4f22-85bd-4c92-af98-df2aa030fe1a.jpg?v=1761041349&width=250">
3898          Tyyppi
3899          <span class="main-mega-menu-rendl__arrow">
3900            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
3901              <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
3902            </svg>
3903          </span>
3904        </button>
3905        <div class="main-mega-menu-rendl__dropdown">
3906          <div class="main-mega-menu-rendl__dropdown-inner page-width">
3907
3908             <!-- závěsné svítidla -->
3909            <div class="main-mega-menu-rendl__column">
3910              
3911                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/pendants_icon_b6406059-b3ee-4b2a-b16e-6a772dd5571e.svg?v=1757416974&width=300" alt="Riippuvalaisimet" loading="lazy">
3912              
3913              <div class="main-mega-menu-rendl__column-content">
3914                <div class="main-mega-menu-rendl__column-title"><a href="/collections/pendants" title="Riippuvalaisimet">Riippuvalaisimet</a></div>
3915                <ul>
3916                  <li><a href="/collections/pendant-chandelier" title="Kattokruunut">Kattokruunut</a></li>
3917                  <li><a href="/collections/decorative-pendant-lights" title="Koristeelliset">Koristeelliset</a></li>
3918                  <li><a href="/collections/luxury-pendant-lights" title="Luksus">
3918Luksus</a></li>
3919                  <li><a href="/collections/pendant-glass-sphere" title="Lasipallo">Lasipallo</a></li>
3920                  <li><a href="/collections/dimmable-pendant-lights" title="Himmennettävät">Himmennettävät</a></li>
3921                  <div class="main-mega-menu-rendl__hidden-items">
3922                    <li><a href="/collections/multiple-pendant-lights" title="Moniosaiset">Moniosaiset</a></li>
3923                    <li><a href="/collections/linear-pendant-lights" title="Lineaariset">Lineaariset</a></li>
3924                    <li><a href="/collections/pendants" title="Kattovalaisimet">Kattovalaisimet</a></li>
3925                  </div>
3926                </ul>
3927                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3928              </div>
3929            </div>
3930
3931
3932            <!-- stropní svítidla -->
3933            <div class="main-mega-menu-rendl__column">
3934              
3935                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Ceiling_lamps.jpg?v=1760354705&width=300" alt="Kattovalaisimet" loading="lazy">
3936              
3937              <div class="main-mega-menu-rendl__column-content">
3938                <div class="main-mega-menu-rendl__column-title"><a href="/collections/ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></div>
3939                <ul>
3940                  <li><a href="/collections/bathroom-ceiling-light" title="Kylpyhuoneeseen">Kylpyhuoneeseen</a></li>
3941                  <li><a href="/collections/dimmable-ceiling-light" title="Himmennettävät">Himmennettävät</a></li>
3942                  <li><a href="/collections/ceiling-spotlights" title="Spotit">Spotit</a></li>
3943                  <li><a href="/collections/thin-ceiling-lights" title="Ohuet">Ohuet</a></li>
3944                  <li><a href="/collections/decorative-ceiling-lights" title="Koristeelliset">Koristeelliset</a></li>
3945                  <div class="main-mega-menu-rendl__hidden-items">
3946                    <li><a href="/collections/luxury-ceiling-lights" title="Luksus-muotoilu">Luksus-muotoilu</a></li>
3947                    <li><a href="/collections/retro-ceiling-lights" title="Retro design">Retro design</a></li>
3948                    <li><a href="/collections/plaster-ceiling-lights" title="Kipsi">Kipsi</a></li>
3949                    <li><a href="/collections/linear-ceiling-lights" title="Lineaariset">Lineaariset</a></li>
3950                    <li><a href="/collections/round-ceiling-lights" title="Pyöreät">Pyöreät</a></li>
3951                    <li><a href="/collections/square-ceiling-lights" title="Nelikulmaiset">Nelikulmaiset</a></li>
3952                    <li><a href="/collections/ceiling-light-with-sensor" title="Anturilla">Anturilla</a></li>
3953                    <li><a href="/collections/ceiling-lights-with-remote-control" title="Kaukosäätimellä">Kaukosäätimellä</a></li>
3954                    <li><a href="/collections/led-ceiling-panel" title="LED-paneelit">LED-paneelit</a></li>
3955                  </div>
3956                </ul>
3957                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3958              </div>
3959            </div>
3960            
3961            <!-- nástěnná svítidla -->
3962            <div class="main-mega-menu-rendl__column">
3963              
3964                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Wall_lamps.jpg?v=1760354729&width=300" alt="Seinävalaisimet" loading="lazy">
3965              
3966              <div class="main-mega-menu-rendl__column-content">
3967                <div class="main-mega-menu-rendl__column-title"><a href="/collections/wall-lights" title="Seinävalaisimet">Seinävalaisimet</a></div>
3968                <ul>
3969                  <li><a href="/collections/bathroom-wall-light" title="Kylpyhuoneeseen">Kylpyhuoneeseen</a></li>
3970                  <li><a href="/collections/above-painting-lights" title="Tauluvalaisimet">Tauluvalaisimet</a></li>
3971                  <li><a href="/collections/decorative-wall-lights" title="Koristeelliset">Koristeelliset</a></li>
3972                  <li><a href="/collections/plaster-wall-lights" title="Kipsi">Kipsi</a></li>
3973                  <li><a href="/collections/dimmable-wall-lights" title="Himmennettävät">Himmennettävät</a></li>
3974                  <div class="main-mega-menu-rendl__hidden-items">
3975                    <li><a href="/collections/wall-lights-with-switch" title="Kytkimellä">Kytkimellä</a></li>
3976                    <li><a href="/collections/wall-lights-on-arm" title="Seinävalaisimet varrella">Seinävalaisimet varrella</a></li>
3977                    <li><a href="/collections/bedside-lamps" title="Yöpöydän valaisimet">Yöpöydän valaisimet</a></li>
3978                    <li><a href="/collections/updown-wall-lights" title="Ylös/alas">Ylös/alas</a></li>
3979                    <li><a href="/collections/linear-wall-lights" title="Lineaariset">Lineaariset</a></li>
3980                    <li>
3980<a href="/collections/retro-wall-light" title="Retro design">Retro design</a></li>
3981                  </div>
3982                </ul>
3983                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
3984              </div>
3985            </div>
3986            
3987             <!-- zapuštné bodovky -->
3988            <div class="main-mega-menu-rendl__column">
3989              
3990                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/category-recessed-lighting-7.png?v=1744626878&width=300" alt="Upotettavat valaisimet" loading="lazy">
3991              
3992              <div class="main-mega-menu-rendl__column-content">
3993                <div class="main-mega-menu-rendl__column-title"><a href="/collections/recessed-lights" title="Upotettavat valaisimet">Upotettavat valaisimet</a></div>
3994                <ul>
3995                  <li><a href="/collections/recessed-spotlights" title="Upotettavat valaisimet">Upotettavat valaisimet</a></li>
3996                  <li><a href="/collections/recessed-bathroom-spotlights" title="Kylpyhuoneen upotetut valaisimet">Kylpyhuoneen upotetut valaisimet</a></li>
3997                  <li><a href="/collections/thin-recessed-lights" title="Ohuet">Ohuet</a></li>
3998                  <li><a href="/collections/recessed-wall-spotlights" title="Upotettavat seinävalaisimet">Upotettavat seinävalaisimet</a></li>
3999                  <li><a href="/collections/dimmable-recessed-spotlights" title="Himmennettävät">Himmennettävät</a></li>
4000                  <div class="main-mega-menu-rendl__hidden-items">
4001                    <li><a href="/collections/decorative-recessed-spotlights" title="Koristeelliset">Koristeelliset</a></li>
4002                    <li><a href="/collections/recessed-plaster-spotlights" title="Kipsi">Kipsi</a></li>
4003                    <li><a href="/collections/frameless-lights" title="Kehyksettömät upotettavat valaisimet">Kehyksettömät upotettavat valaisimet</a></li>
4004                    <li><a href="/collections/semi-recessed-lights" title="Puoliupotettavat valaisimet">Puoliupotettavat valaisimet</a></li>
4005                    <li><a href="/collections/multiple-recessed-lights" title="Moniosaiset alasvalot">Moniosaiset alasvalot</a></li>
4006                    <li><a href="/collections/combinable-lights" title="Modulaariset upotettavat valaisimet">Modulaariset upotettavat valaisimet</a></li>
4007                    <li><a href="/collections/recessed-spotlight-families" title="Upotettavat sarjat">Upotettavat sarjat</a></li>
4008                  </div>
4009                </ul>
4010                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
4011              </div>
4012            </div>
4013
4014             <!-- bodová svítidla -->
4015            <div class="main-mega-menu-rendl__column">
4016              
4017                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Spotlight.png?v=1751386668&width=300" alt="Spotit" loading="lazy">
4018              
4019              <div class="main-mega-menu-rendl__column-content">
4020                <div class="main-mega-menu-rendl__column-title"><a href="/collections/spotlights" title="Spotit">Spotit</a></div>
4021                <ul>
4022                  <li><a href="/collections/bathroom-spotlights" title="Kylpyhuoneen kohdevalaisimet">Kylpyhuoneen kohdevalaisimet</a></li>
4023                  <li><a href="/collections/bedside-lamps" title="Yöpöydän valaisimet">Yöpöydän valaisimet</a></li>
4024                  <li><a href="/collections/ceiling-spotlights" title="Kattovalaisimet">Kattovalaisimet</a></li>
4025                  <li><a href="/collections/multiple-spotlights" title="Moniosaiset spotit">Moniosaiset spotit</a></li>
4026                  <li><a href="/collections/spotlight-families" title="Spot-sarjat">Spot-sarjat</a></li>
4027                </ul>
4028              </div>
4029            </div>
4030
4031
4032             <!-- stínidla a doplňky -->
4033            <div class="main-mega-menu-rendl__column">
4034              
4035                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Shades_and_shade_accessories.jpg?v=1760613055&width=300" alt="Varjostimet ja tarvikkeet" loading="lazy">
4036              
4037              <div class="main-mega-menu-rendl__column-content">
4038                <div class="main-mega-menu-rendl__column-title"><a href="/collections/shades-and-shade-accessories" title="Varjostimet ja tarvikkeet">Varjostimet ja tarvikkeet</a></div>
4039                <ul>
4040                  <li><a href="/collections/universal-shades" title="Yleismalliset varjostimet">Yleismalliset varjostimet</a></li>
4041                  <li><a href="/collections/pendant-shades" title="Riippuvalaisimien varjostimet">Riippuvalaisimien varjostimet</a></li>
4042                  <li><a href="/collections/table-lamp-shades" title="Pöytävalaisinten varjostimet">Pöytävalaisinten varjostimet</a></li>
4043                  <li><a href="/collections/floor-lamp-shades" title="Lattiavalaisinten varjostimet">Lattiavalaisinten varjostimet</a></li>
4044                  <li><a href="/collections/stands-tripods" title="Lampunjalat ja -telineet">Lampunjalat ja -telineet</a></li>
4045                  <div class="main-mega-menu-rendl__hidden-items">
4046                    <li><a href="/collections/bases" title="Jalustat">Jalustat</a></li>
4047                    <li><a href="/collections/suspensions-for-shades" title="Riippuvalaisimen ripustimet">Riippuvalaisimen ripustimet</a></li>
4048                  </div>
4049                </ul>
4050                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
4051              </div>
4052            </div>
4053
4054
4055            <!-- stojanové lampy -->
4056            <div class="main-mega-menu-rendl__column">
4057              
4058                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Floor_lamps.jpg?v=1760354742&width=300" alt="Lattiavalaisimet" loading="lazy">
4059              
4060              <div class="main-mega-menu-rendl__column-content">
4061                <div class="main-mega-menu-rendl__column-title"><a href="/collections/floor-lamps" title="Lattiavalaisimet">Lattiavalaisimet</a></div>
4062                <ul>
4063                  <li><a href="/collections/decorative-floor-lamps" title="Koristeelliset">Koristeelliset</a></li>
4064                  <li><a href="/collections/arc-floor-lamp" title="Kaarivalaisimet">Kaarivalaisimet</a></li>
4065                  <li><a href="/collections/luxury-floor-lamps" title="Lattia">Lattia</a></li>
4066                  <li><a href="/collections/floor-lamps-for-reading" title="Lukemiseen">Lukemiseen</a></li>
4067                  <li><a href="/collections/dimmable-floor-lamp" title="Himmennettävät">Himmennettävät</a></li>
4068                </ul>
4069              </div>
4070            </div>
4071            
4072            <!-- stolní lampy -->
4073            <div class="main-mega-menu-rendl__column">
4074              
4075                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Table_lamps.jpg?v=1760354755&width=300" alt="Pöytävalaisimet" loading="lazy">
4076              
4077              <div class="main-mega-menu-rendl__column-content">
4078                <div class="main-mega-menu-rendl__column-title"><a href="/collections/table-lamps" title="Pöytävalaisimet">Pöytävalaisimet</a></div>
4079                <ul>
4080                  <li><a href="/collections/for-work" title="Työpöytään">Työpöytään</a></li>
4081                  <li><a href="/collections/dimmable-table-lamp" title="Himmennettävät">Himmennettävät</a></li>
4082                  <li><a href="/collections/touch-table-lamp" title="Kosketus">Kosketus</a></li>
4083                  <li><a href="/collections/decorative-table-lamps" title="Koristeellinen design">Koristeellinen design</a></li>
4084                  <li><a href="/collections/modern-table-lamps" title="Moderni design">Moderni design</a></li>
4085                  <div class="main-mega-menu-rendl__hidden-items">
4086                    <li><a href="/collections/luxury-table-lamps" title="Luksus-muotoilu">Luksus-muotoilu</a></li>
4087                    <li>
4087<a href="/collections/retro-table-lamp" title="Retro design">Retro design</a></li>
4088                  </div>
4089                </ul>
4090                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
4091              </div>
4092            </div>
4093            
4094           
4095            
4096            <!-- světelné zdroje -->
4097            <div class="main-mega-menu-rendl__column">
4098              
4099                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Bulbs.png?v=1760613111&width=300" alt="Valonlähteet" loading="lazy">
4100              
4101              <div class="main-mega-menu-rendl__column-content">
4102                <div class="main-mega-menu-rendl__column-title"><a href="/collections/light-sources" title="Valonlähteet">Valonlähteet</a></div>
4103                <ul>
4104                  <li><a href="/collections/remote-control-bulbs" title="Kaukosäätimellä ohjattavat valonlähteet">Kaukosäätimellä ohjattavat valonlähteet</a></li>
4105                  <li><a href="/collections/dimmable-led-bulbs" title="Himmennettävät lamput">Himmennettävät lamput</a></li>
4106                  <li><a href="/collections/e27-bulbs" title="E27-valonlähteet">E27-valonlähteet</a></li>
4107                  <li><a href="/collections/e14-bulbs" title="E14-valonlähteet">E14-valonlähteet</a></li>
4108                  <li><a href="/collections/gu10-bulbs" title="GU10-valonlähteet">GU10-valonlähteet</a></li>
4109                  <div class="main-mega-menu-rendl__hidden-items">
4110                    <li><a href="/collections/g9-bulbs" title="G9-valonlähteet">G9-valonlähteet</a></li>
4111                    <li><a href="/collections/linear-bulbs" title="Lineaariset valonlähteet">Lineaariset valonlähteet</a></li>
4112                    <li><a href="/collections/globe-bulbs" title="Globe-valonlähteet">Globe-valonlähteet</a></li>
4113                    <li><a href="/collections/led-modules" title="LED-moduulit">LED-moduulit</a></li>
4114                    <li><a href="/collections/g4-12v-bulbs" title="G4 12V-valonlähteet">G4 12V-valonlähteet</a></li>
4115                    <li><a href="/collections/g53-ar111-12v-bulbs" title="G53 (AR111) 12V-valonlähteet">G53 (AR111) 12V-valonlähteet</a></li>
4116                    <li><a href="/collections/gu53-12v-bulbs" title="GU5.3 12V lamput">GU5.3 12V lamput</a></li>
4117                    <li><a href="/collections/gx53-bulbs" title="GX53-valonlähteet">GX53-valonlähteet</a></li>
4118                    <li><a href="/collections/b15d-bulbs" title="B15d-valonlähteet">B15d-valonlähteet</a></li>
4119                    <li><a href="/collections/small-bulb" title="Miniglobe-valonlähteet">Miniglobe-valonlähteet</a></li>
4120                    <li><a href="/collections/par-bulbs" title="PAR-valonlähteet">PAR-valonlähteet</a></li>
4121                    <li><a href="/collections/t-shape-bulbs" title="Putkimaiset valonlähteet">Putkimaiset valonlähteet</a></li>
4122                    <li><a href="/collections/plated-bulbs" title="Peilipinnoitetut valonlähteet">Peilipinnoitetut valonlähteet</a></li>
4123                  </div>
4124                </ul>
4125                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
4126              </div>
4127            </div>
4128           
4129            <!-- nepřímé osvětlení -->
4130            <div class="main-mega-menu-rendl__column">
4131              
4132                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Indrect_162a3b64-2ec8-4e46-a2c8-b10dc9d6f8b1.jpg?v=1760962645&width=300" alt="Epäsuora valaistus" loading="lazy">
4133              
4134              <div class="main-mega-menu-rendl__column-content">
4135                <div class="main-mega-menu-rendl__column-title"><a href="/collections/indirect-lighting" title="Epäsuora valaistus">Epäsuora valaistus</a></div>
4136              </div>
4137            </div>
4138            
4139            <!-- osvětlení podlahy -->
4140            <div class="main-mega-menu-rendl__column">
4141              
4142                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Floor_lighting_0e47298f-3f27-4653-9f63-85815cf4d44f.jpg?v=1760962670&width=300" alt="Lattiavalaistus" loading="lazy">
4143              
4144              <div class="main-mega-menu-rendl__column-content">
4145                <div class="main-mega-menu-rendl__column-title"><a href="/collections/floor-lighting" title="Lattiavalaistus">Lattiavalaistus</a></div>
4146              </div>
4147            </div>
4148
4149             <!-- příslušenství -->
4150            <div class="main-mega-menu-rendl__column">
4151              
4152                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Chocolate.jpg?v=1760615017&width=300" alt="Tarvikkeet" loading="lazy">
4153              
4154              <div class="main-mega-menu-rendl__column-content">
4155                <div class="main-mega-menu-rendl__column-title"><a href="/collections/accessories" title="Tarvikkeet">Tarvikkeet</a></div>
4156                <ul>
4157                  <li><a href="/collections/drivers" title="Virtalähteet">Virtalähteet</a></li>
4158                  <li><a href="/collections/ip-terminal-blocks" title="Vedenpitävät liittimet">Vedenpitävät liittimet</a></li>
4159                  <li><a href="/collections/cables" title="Kaapelit">Kaapelit</a></li>
4160                  <li><a href="/collections/controllers" title="Ohjaimet">Ohjaimet</a></li>
4161                  <li><a href="/collections/sensors" title="Anturit">Anturit</a></li>
4162                  <div class="main-mega-menu-rendl__hidden-items">
4163                    <li><a href="/collections/components" title="Komponentit">Komponentit</a></li>
4164                  </div>
4165                </ul>
4166                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
4167              </div>
4168            </div>
4169          </div>
4170        </div>
4171      </li>
4172
4173      <!-- Světla dle materiálu -->
4174      <li class="main-mega-menu-rendl__item">
4175        <button type="button" data-category-image="//rendl.fi/cdn/shop/files/Material.jpg?v=17610427
417559&width=250">
4176          Materiaali
4177          <span class="main-mega-menu-rendl__arrow">
4178            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
4179              <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4180            </svg>
4181          </span>
4182        </button>
4183        <div class="main-mega-menu-rendl__dropdown">
4184          <div class="main-mega-menu-rendl__dropdown-inner page-width">
4185            <!-- sádrové svítidla -->
4186            <div class="main-mega-menu-rendl__column">
4187              
4188                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Drywall_lights_0dbd0586-ad01-48ae-b48f-c0b7367a6b3d.jpg?v=1760440561&width=300" alt="Kipsivalaisimet" loading="lazy">
4189              
4190              <div class="main-mega-menu-rendl__column-content">
4191                <div class="main-mega-menu-rendl__column-title"><a href="/collections/plaster-lights" title="Kipsivalaisimet">Kipsivalaisimet</a></div>
4192                <ul>
4193                  <li><a href="/collections/plaster-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></li>
4194                  <li><a href="/collections/plaster-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
4195                  <li><a href="/collections/plaster-wall-lights" title="Seinävalaisimet">Seinävalaisimet</a></li>
4196                  <li><a href="/collections/recessed-plaster-spotlights" title="Kipsi upotetut valaisimet">Kipsi upotetut valaisimet</a></li>
4197                </ul>
4198              </div>
4199            </div>
4200            
4201            <!-- Skleněná svítidla -->
4202            <div class="main-mega-menu-rendl__column">
4203              
4204                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Glass_lightng.jpg?v=1760442658&width=300" alt="Lasivalaisimet" loading="lazy">
4205              
4206              <div class="main-mega-menu-rendl__column-content">
4207                <div class="main-mega-menu-rendl__column-title"><a href="/collections/glass-lights" title="Lasivalaisimet">Lasivalaisimet</a></div>
4208                <ul>
4209                  <li><a href="/collections/glass-chandelier" title="Kattokruunut">Kattokruunut</a></li>
4210                  <li><a href="/collections/glass-ceiling-lights" title="Kattovalaisimet">Kattovalaisimet</a></li>
4211                  <li><a href="/collections/glass-wall-lights" title="Seinävalaisimet">Seinävalaisimet</a></li>
4212                </ul>
4213              </div>
4214            </div>
4215            
4216            <!-- dřevěná svítidla -->
4217            <div class="main-mega-menu-rendl__column">
4218              
4219                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Wooden_lights_fba88298-3bac-4308-8011-a84a96d94c99.jpg?v=1760439970&width=300" alt="Puuvalaisimet" loading="lazy">
4220              
4221              <div class="main-mega-menu-rendl__column-content">
4222                <div class="main-mega-menu-rendl__column-title"><a href="/collections/wooden-light" title="Puuvalaisimet">Puuvalaisimet</a></div>
4223                <ul>
4224                  <li><a href="/collections/wooden-lamp" title="Pöytävalaisimet">Pöytävalaisimet</a></li>
4225                  <li><a href="/collections/wooden-floor-lamp" title="Lattiavalaisimet">Lattiavalaisimet</a></li>
4226                </ul>
4227              </div>
4228            </div>
4229            
4230            <!-- betonová svítidla -->
4231            <div class="main-mega-menu-rendl__column">
4232              
4233                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Concrete_lights_260ca202-9bac-43f3-859f-8cccdcb35b7d.jpg?v=1760440086&width=300" alt="Betonivalaisimet" loading="lazy">
4234              
4235              <div class="main-mega-menu-rendl__column-content">
4236                <div class="main-mega-menu-rendl__column-title"><a href="/collections/concrete-lights" title="Betonivalaisimet">Betonivalaisimet</a></div>
4237                <ul>
4238                  <li><a href="/collections/concrete-lamp" title="Valaisimet">Valaisimet</a></li>
4239                  <li><a href="/collections/concrete-wall-lamps" title="Seinävalaisimet">Seinävalaisimet</a></li>
4240                  <li><a href="/collections/concrete-table-lamps" title="Pöytä">Pöytä</a></li>
4241                </ul>
4242              </div>
4243            </div>
4244            
4245            <!-- Kovové svítidla -->
4246            <div class="main-mega-menu-rendl__column">
4247              
4248                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Metal_lights.jpg?v=1760373194&width=300" alt="Metalliset valaisimet" loading="lazy">
4249              
4250              <div class="main-mega-menu-rendl__column-content">
4251                <div class="main-mega-menu-rendl__column-title"><a href="/collections/metal-lights" title="Metalliset valaisimet">Metalliset valaisimet</a></div>
4252                <ul>
4253                  <li><a href="/collections/metal-chandelier" title="Kattokruunut">Kattokruunut</a></li>
4254                  <li><a href="/collections/metal-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></li>
4255                  <li><a href="/collections/metal-ceiling-lamps" title="Kattovalaisimet">Kattovalaisimet</a></li>
4256                  <li><a href="/collections/metal-table-lamps" title="Pöytä">Pöytä</a></li>
4257                  <li><a href="/collections/metal-floor-lamps" title="Lattiavalaisimet">Lattiavalaisimet</a></li>
4258                </ul>
4259              </div>
4260            </div>
4261            
4262            <!-- měděné svítidla -->
4263            <div class="main-mega-menu-rendl__column">
4264              
4265                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Copper_lights.jpg?v=1760373869&width=300" alt="měděné svítidla" loading="lazy">
4266              
4267              <div class="main-mega-menu-rendl__column-content">
4268                <div class="main-mega-menu-rendl__column-title"><a href="/collections/copper-lamps" title="Kuparivalaisimet">Kuparivalaisimet</a></div>
4269                <ul>
4270                  <li><a href="/collections/copper-chandeliers" title="Kattokruunut">Kattokruunut</a></li>
4271                </ul>
4272              </div>
4273            </div>
4274            
4275            <!-- keramická svítidla -->
4276            <div class="main-mega-menu-rendl__column">
4277              
4278                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Ceramic_lights_aa508c49-eb48-4afd-9319-51f94c079178.jpg?v=1760439957&width=300" alt="Keramiikkavalaisimet" loading="lazy">
4279              
4280              <div class="main-mega-menu-rendl__column-content">
4281                <div class="main-mega-menu-rendl__column-title"><a href="/collections/ceramic-lights" title="Keramiikkavalaisimet">Keramiikkavalaisimet</a></div>
4282                <ul>
4283                  <li><a href="/collections/ceramic-lamp" title="Valaisimet">Valaisimet</a></li>
4284                </ul>
4285              </div>
4286            </div>
4287          </div>
4288        </div>
4289      </li>
4290
4291      <!-- Světla dle funkce -->
4292      <li class="main-mega-menu-rendl__item">
4293        <button type="button" data-category-image="//rendl.fi/cdn/shop/files/Function.jpg?v=1761043591&width=250">
4294          Toiminnot
4295          <span class="main-mega-menu-rendl__arrow">
4296            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
4297              <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4298            </svg>
4299          </span>
4300        </button>
4301        <div class="main-mega-menu-rendl__dropdown">
4302          <div class="main-mega-menu-rendl__dropdown-inner page-width">
4303            <!-- stmívatelná světla -->
4304            <div class="main-mega-menu-rendl__column">
4305              
4306                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Dimmable.jpg?v=1760354786&width=300" alt="Himmennettävät valaisimet" loading="lazy">
4307              
4308              <div class="main-mega-menu-rendl__column-content">
4309                <div class="main-mega-menu-rendl__column-title"><a href="/collections/dimmable-lights" title="Himmennettävät valaisimet">Himmennettävät valaisimet</a></div>
4310                <ul>
4311                  <li><a href="/collections/dimmable-pendant-lights" title="Riippuvalaisimet">Riippuvalaisimet</a></li>
4312                  <li><a href="/collections/dimmable-ceiling-light" title="Kattovalaisimet">Kattovalaisimet</a></li>
4313                  <li><a href="/collections/dimmable-wall-lights" title="Seinävalaisimet">Seinävalaisimet</a></li>
4314                  <li><a href="/collections/dimmable-recessed-spotlights" title="Upotettavat spotit">Upotettavat spotit</a></li>
4315                  <li><a href="/collections/dimmable-table-lamp" title="Pöytävalaisimet">Pöytävalaisimet</a></li>
4316                  <div class="main-mega-menu-rendl__hidden-items">
4317                    <li><a href="/collections/dimmable-led-floor-lamp" title="Lattiavalaisimet">Lattiavalaisimet</a></li>
4318                    <li><a href="/collections/3-circuit-spotlights" title="3-vaihe kohdevalaisimet">3-vaihe kohdevalaisimet</a></li>
4319                    <li><a href="/collections/dimmable-3-circuit-spotlights" title="1-vaihe kohdevalaisimet">1-vaihe kohdevalaisimet</a></li>
4320                    <li><a href="/collections/dimmable-lamps-for-vega-wave" title="VEGA / WAVE">VEGA / WAVE</a></li>
4321                    <li><a href="/collections/dimmable-led-bulbs" title="Lamput">Lamput</a></li>
4322                  </div>
4323                </ul>
4324                <button class="main-mega-menu-rendl__show-more" data-show-text="Näytä lisää" data-hide-text="Näytä vähemmän">Näytä lisää <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="arrow" style="width: 18px; height: 18px; margin-left: 4px; vertical-align: middle;"></button>
4325              </div>
4326            </div>
4327            
4328            <!-- IP krytí -->
4329            <div class="main-mega-menu-rendl__column">
4330              
4331                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/IP-rate.jpg?v=1760611568&width=300" alt="Ip-luokitus" loading="lazy">
4332              
4333              <div class="main-mega-menu-rendl__column-content">
4334                <div class="main-mega-menu-rendl__column-title"><a href="/collections/ip-protection" title="Ip-luokitus">Ip-luokitus</a></div>
4335                <ul>
4336                  <li><a href="/collections/ip44" title="IP44">IP44</a></li>
4337                  <li><a href="/collections/ip54" title="IP54">IP54</a></li>
4338                  <li><a href="/collections/ip65" title="IP65">IP65</a></li>
4339                  <li><a href="/collections/ip67" title="IP67">IP67</a></li>
4340                </ul>
4341              </div>
4342            </div>
4343            
4344            <!-- světla na dálkové ovládání -->
4345            <div class="main-mega-menu-rendl__column">
4346              
4347                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Remote_control.jpg?v=1760444653&width=300" alt="Kaukosäädettävät valaisimet" loading="lazy">
4348              
4349              <div class="main-mega-menu-rendl__column-content">
4350                <div class="main-mega-menu-rendl__column-title"><a href="/collections/remote-control-lights" title="Kaukosäädettävät valaisimet">Kaukosäädettävät valaisimet</a></div>
4351                <ul>
4352                  <li><a href="/collections/ceiling-lights-with-remote-control" title="Kattovalaisimet">Kattovalaisimet</a></li>
4353                  <li><a href="/collections/led-strip-with-remote" title="LED-nauhat">LED-nauhat</a></li>
4354                  <li><a href="/collections/remote-control-bulbs" title="Lamput">Lamput</a></li>
4355                </ul>
4356              </div>
4357            </div>
4358            
4359            <!-- Nastavitelná -->
4360            <div class="main-mega-menu-rendl__column">
4361              
4362                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Positionable_icon_a638012c-5ba7-44b6-8c63-492024071299.jpg?v=1760620779&width=300" alt="Säädettävät" loading="lazy">
4363              
4364              <div class="main-mega-menu-rendl__column-content">
4365                <div class="main-mega-menu-rendl__column-title"><a href="/collections/adjustable-lights" title="Säädettävät">Säädettävät</a></div>
4366                <ul>
4367                  <li><a href="/collections/adjustable-position" title="Säädettävä asento">Säädettävä asento</a></li>
4368                  <li><a href="/collections/adjustable-height" title="Korkeussäädettävät">Korkeussäädettävät</a></li>
4369                  <li><a href="/collections/light-color-changing" title="Värinvaihtava">Värinvaihtava</a></li>
4370                </ul>
4371              </div>
4372            </div>
4373            
4374            <!-- světla s čidlem -->
4375            <div class="main-mega-menu-rendl__column">
4376              
4377                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Lights_with_sensor.png?v=1751387239&width=300" alt="Valaisimet liiketunnistimella" loading="lazy">
4378              
4379              <div class="main-mega-menu-rendl__column-content">
4380                <div class="main-mega-menu-rendl__column-title"><a href="/collections/lights-with-sensor" title="Valaisimet liiketunnistimella">Valaisimet liiketunnistimella</a></div>
4381                <ul>
4382                  <li>
4382<a href="/collections/ceiling-light-with-sensor" title="Kattovalaisimet liiketunnistimella">Kattovalaisimet liiketunnistimella</a></li>
4383                  <li><a href="/collections/outdoor-lamps-with-sensor" title="Ulkovalaisimet liiketunnistimella">Ulkovalaisimet liiketunnistimella</a></li>
4384                  <li><a href="/collections/light-with-motion-sensor" title="Valaisimet liiketunnistimella">Valaisimet liiketunnistimella</a></li>
4385                </ul>
4386              </div>
4387            </div>
4388            
4389            <!-- Přetíratelná -->
4390            <div class="main-mega-menu-rendl__column">
4391              
4392                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/Paintable.jpg?v=1761078453&width=300" alt="Maalattavat valaisimet" loading="lazy">
4393              
4394              <div class="main-mega-menu-rendl__column-content">
4395                <div class="main-mega-menu-rendl__column-title"><a href="/collections/paintable-lights" title="Maalattavat valaisimet">Maalattavat valaisimet</a></div>
4396                <ul>
4397                </ul>
4398              </div>
4399            </div>
4400            
4401            <!-- RGB -->
4402            <div class="main-mega-menu-rendl__column">
4403              
4404                <img class="main-mega-menu-rendl__column-image" src="//rendl.fi/cdn/shop/files/RGB.jpg?v=1760621046&width=300" alt="RGB" loading="lazy">
4405              
4406              <div class="main-mega-menu-rendl__column-content">
4407                <div class="main-mega-menu-rendl__column-title"><a href="/collections/rgb" title="RGB">RGB</a></div>
4408              </div>
4409            </div>
4410          </div>
4411        </div>
4412      </li>
4413
4414      <!-- News -->
4415      <li class="main-mega-menu-rendl__item main-mega-menu-rendl__item--news">
4416        <a href="/collections/new" class="main-mega-menu-rendl__item-link">
4417          News
4418          <span class="main-mega-menu-rendl__arrow main-mega-menu-rendl__arrow--right">
4419            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" style="transform: rotate(-90deg);">
4420              <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4421            </svg>
4422              </span>
4423            </a>
4424          </li>
4425
4426      <!-- Sale -->
4427      <li class="main-mega-menu-rendl__item main-mega-menu-rendl__item--sale">
4428        <a href="/collections/sale" class="main-mega-menu-rendl__item-link">
4429          Sale
4430              <span class="main-mega-menu-rendl__arrow main-mega-menu-rendl__arrow--right">
4431                <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" style="transform: rotate(-90deg);">
4432                  <path d="M3 6l5 5 5-5" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4433                </svg>
4434              </span>
4435            </a>
4436          </li>
4437
4438      <!-- Outlet -->
4439      <li class="main-mega-menu-rendl__item main-mega-menu-rendl__item--extreme">
4440        <a href="/collections/outlet" class="main-mega-menu-rendl__item-link main-mega-menu-rendl__item-link--extreme">
4441          <span class="main-mega-menu-rendl__extreme-img-wrapper">
4442            
4443              <img class="main-mega-menu-rendl__extreme-img" src="//rendl.fi/cdn/shop/files/outlet_icon_877b5ed1-dbcd-4165-80ad-bc2aff50f7bb.svg?crop=center&height=56&v=1748256019&width=56" alt="Extreme outlet">
4444        
4445            
4446              <img class="main-mega-menu-rendl__extreme-img main-mega-menu-rendl__extreme-img--hover" src="//rendl.fi/cdn/shop/files/outlet_icon_hover_6e4f4224-3cfb-47f1-b4bf-0cdd583f2fb1.svg?crop=center&height=56&v=1748256027&width=56" alt="Extreme outlet hover">
4447            
4448          </span>
4449        </a>
4450      </li>
4451
4452
4453    </ul>
4454  </div>
4455</nav>
4456</div>
4457
4458
4459
4460
4461<script>
4462window.collectionImagesData = 
4463{
4464  
4465    
4466      
4467      
4468      
4469        "all": {
4470          
4471            "image": "",
4472          
4473          "title": "Suosittua nyt"
4474        },
4475      
4476    
4477  
4478    
4479  
4480  
4481  
4482  
4483    
4484    
4485      "kitchen": {
4486        
4487          "image": "//rendl.fi/cdn/shop/files/136_IMG_bdb59218-b8f3-4ef1-818d-d3c5fb3ba0bb.jpg?v=1787178621&width=250",
4488        
4489        "title": "Keittiön valaisimet"
4490      },
4491    
4492  
4493    
4494    
4495      "luxury-chandeliers": {
4496        
4497          "image": "//rendl.fi/cdn/shop/files/124_IMG_9789cc9a-cc76-4530-ad80-80e8287ace97.jpg?v=1785882619&width=250",
4498        
4499        "title": "Modernit kattokruunut"
4500      },
4501    
4502  
4503    
4504    
4505      "outdoor-recessed-luminaires": {
4506        
4507          "image": "//rendl.fi/cdn/shop/files/307_IMG.jpg?v=1760687109&width=250",
4508        
4509        "title": "Upotettavat ulkovalaisimet"
4510      },
4511    
4512  
4513    
4514    
4515      "pendants": {
4516        
4517          "image": "//rendl.fi/cdn/shop/files/58_IMG.jpg?v=1760004938&width=250",
4518        
4519        "title": "Riippuvalaisimet"
4520      },
4521    
4522  
4523    
4524    
4525      "kitchen-ceiling-lights": {
4526        
4527          "image": "//rendl.fi/cdn/shop/files/14_IMG_96c0542a-5f23-43f5-b34f-941f44215759.jpg?v=1760360710&width=250",
4528        
4529        "title": "Keittiön kattovalaisimet"
4530      },
4531    
4532  
4533    
4534    
4535      "concrete-table-lamps": {
4536        
4537          "image": "//rendl.fi/cdn/shop/files/297_IMG_e238a85a-4dcd-46e6-b3f7-b3138cf61f7a.jpg?v=1787178621&width=250",
4538        
4539        "title": "Betoni­pöytävalaisimet"
4540      },
4541    
4542  
4543    
4544    
4545      "rgb": {
4546        
4547          "image": "//rendl.fi/cdn/shop/files/247_IMG.jpg?v=1760553749&width=250",
4548        
4549        "title": "RGB"
4550      },
4551    
4552  
4553    
4554    
4555      "metal-ceiling-lamps": {
4556        
4557          "image": "//rendl.fi/cdn/shop/files/295_IMG.jpg?v=1760971002&width=250",
4558        
4559        "title": "Metalliset kattovalaisimet"
4560      },
4561    
4562  
4563    
4564    
4565      "metal-table-lamps": {
4566        
4567          "image": "//rendl.fi/cdn/shop/files/294_IMG.jpg?v=1760972045&width=250",
4568        
4569        "title": "Metalliset pöytävalaisimet"
4570      },
4571    
4572  
4573    
4574    
4575      "metal-pendant-lights": {
4576        
4577          "image": "//rendl.fi/cdn/shop/files/293_IMG.jpg?v=1760971531&width=250",
4578        
4579        "title": "Metalliset riippuvalaisimet"
4580      },
4581    
4582  
4583    
4584    
4585      "metal-floor-lamps": {
4586        
4587          "image": "//rendl.fi/cdn/shop/files/318_IMG_8d002909-8fd0-4f66-a5e9-7cdf261d4df2.jpg?v=1787178623&width=250",
4588        
4589        "title": "Metalliset lattiavalaisin"
4590      },
4591    
4592  
4593    
4594    
4595      "metal-chandelier": {
4596        
4597          "image": "//rendl.fi/cdn/shop/files/319_IMG_8159efe0-05b1-4fad-8d44-7b4d3183e759.jpg?v=1787178621&width=250",
4598        
4599        "title": "Metallikattokruunut"
4600      },
4601    
4602  
4603    
4604    
4605      "concrete-wall-lamps": {
4606        
4607          "image": "//rendl.fi/cdn/shop/files/298_IMG.jpg?v=1760972533&width=250",
4608        
4609        "title": "Betoni­seinävalaisimet"
4610      },
4611    
4612  
4613    
4614    
4615      "kids-room-floor-lamps": {
4616        
4617          "image": "//rendl.fi/cdn/shop/files/38_IMG.jpg?v=1760972080&width=250",
4618        
4619        "title": "Lastenhuoneen lattiavalaisimet"
4620      },
4621    
4622  
4623    
4624    
4625      "led-under-cabinet-kitchen-lights": {
4626        
4627          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
4628        
4629        "title": ""
4630      },
4631    
4632  
4633    
4634    
4635      "wooden-lamp": {
4636        
4637          "image": "//rendl.fi/cdn/shop/files/153_IMG.jpg?v=1760387340&width=250",
4638        
4639        "title": "Puiset pöytävalaisimet"
4640      },
4641    
4642  
4643    
4644    
4645      "under-cabinet-light-with-switch": {
4646        
4647          "image": "//rendl.fi/cdn/shop/files/13_IMG_a5cef51b-da95-4965-84e3-446b6c9039cb.jpg?v=1785537024&width=250",
4648        
4649        "title": "Keittiövalaisimet katkaisijalla"
4650      },
4651    
4652  
4653    
4654    
4655      "stands-tripods": {
4656        
4657          "image": "//rendl.fi/cdn/shop/files/206_IMG.jpg?v=1760445188&width=250",
4658        
4659        "title": "Lampunjalat ja -telineet"
4660      },
4661    
4662  
4663    
4664    
4665      "kitchen-counter-lighting": {
4666        
4667          "image": "//rendl.fi/cdn/shop/files/10_IMG_607e3e2e-d431-4fe9-af59-5817f8276f84.jpg?v=1760388236&width=250",
4668        
4669        "title": "Keittiön työtasovalaisimet"
4670      },
4671    
4672  
4673    
4674    
4675      "modern-kitchen-chandeliers": {
4676        
4677          "image": "//rendl.fi/cdn/shop/files/16_IMG_bc6ef757-b0e5-4f25-9c25-6c63f520da1b.jpg?v=1785796220&width=250",
4678        
4679        "title": "Modernit keittiövalaisimet"
4680      },
4681    
4682  
4683    
4684    
4685      "led-kitchen-lights": {
4686        
4687          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
4687d url input",
4688        
4689        "title": ""
4690      },
4691    
4692  
4693    
4694    
4695      "dining-table-lighting": {
4696        
4697          "image": "//rendl.fi/cdn/shop/files/310_IMG_8d887167-49ea-4882-80b8-e3922660a97f.jpg?v=1764936208&width=250",
4698        
4699        "title": "Keittiön ruokapöytävalaisimet"
4700      },
4701    
4702  
4703    
4704    
4705      "living-room-lighting": {
4706        
4707          "image": "//rendl.fi/cdn/shop/files/138_IMG_bed0af8a-68ff-4881-812a-8a7533baa0cd.jpg?v=1761031095&width=250",
4708        
4709        "title": "Olohuoneen valaisimet"
4710      },
4711    
4712  
4713    
4714    
4715      "living-room-ceiling-lights": {
4716        
4717          "image": "//rendl.fi/cdn/shop/files/24_IMG_b962c87c-affd-4b33-850a-5d69268dc1ac.jpg?v=1761031662&width=250",
4718        
4719        "title": "Olohuoneen kattovalaisimet"
4720      },
4721    
4722  
4723    
4724    
4725      "modern-living-room-chandeliers": {
4726        
4727          "image": "//rendl.fi/cdn/shop/files/26_IMG_645b9b81-8990-4d77-afaf-ae8fb62d0b31.jpg?v=1761031375&width=250",
4728        
4729        "title": "Modernit olohuonevalaisimet"
4730      },
4731    
4732  
4733    
4734    
4735      "living-room-table-lamp": {
4736        
4737          "image": "//rendl.fi/cdn/shop/files/27_IMG_31feb274-e797-4d68-b17e-0f90e3fe5893.jpg?v=1782945020&width=250",
4738        
4739        "title": "Olohuoneen pöytävalaisimet"
4740      },
4741    
4742  
4743    
4744    
4745      "living-room-floor-lamps": {
4746        
4747          "image": "//rendl.fi/cdn/shop/files/28_IMG_efaeb36e-41e1-47ac-84f9-c03feb4f2b66.jpg?v=1762849903&width=250",
4748        
4749        "title": "Olohuoneen lattiavalaisimet"
4750      },
4751    
4752  
4753    
4754    
4755      "living-room-wall-light": {
4756        
4757          "image": "//rendl.fi/cdn/shop/files/29_IMG.jpg?v=1760468797&width=250",
4758        
4759        "title": "Olohuoneen seinävalaisimet"
4760      },
4761    
4762  
4763    
4764    
4765      "living-room-wall-led-lighting": {
4766        
4767          "image": "//rendl.fi/cdn/shop/files/30_IMG_f93bfe37-2cf0-4e64-a398-770debd7febe.jpg?v=1761118741&width=250",
4768        
4769        "title": "Olohuoneen LED-seinävalaisimet"
4770      },
4771    
4772  
4773    
4774    
4775      "above-painting-lights": {
4776        
4777          "image": "//rendl.fi/cdn/shop/files/264_IMG.jpg?v=1760553186&width=250",
4778        
4779        "title": "Tauluvalaisimet"
4780      },
4781    
4782  
4783    
4784    
4785      "hallway-lighting": {
4786        
4787          "image": "//rendl.fi/cdn/shop/files/140_IMG.jpg?v=1760084594&width=250",
4788        
4789        "title": "Käytävän valaisimet"
4790      },
4791    
4792  
4793    
4794    
4795      "lighting-for-the-basement": {
4796        
4797          "image": "//rendl.fi/cdn/shop/files/308_IMG.jpg?v=1760627570&width=250",
4798        
4799        "title": "Kellarin valaisimet"
4800      },
4801    
4802  
4803    
4804    
4805      "hallway-ceiling-lights": {
4806        
4807          "image": "//rendl.fi/cdn/shop/files/33_IMG_2efc39ed-521b-4e26-ada4-e3e8a3584af5.jpg?v=1761317822&width=250",
4808        
4809        "title": "Käytävän kattovalaisimet"
4810      },
4811    
4812  
4813    
4814    
4815      "hallway-wall-light": {
4816        
4817          "image": "//rendl.fi/cdn/shop/files/34_IMG.jpg?v=1760468747&width=250",
4818        
4819        "title": "Käytävän seinävalaisimet"
4820      },
4821    
4822  
4823    
4824    
4825      "led-hallway-lighting": {
4826        
4827          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
4828        
4829        "title": ""
4830      },
4831    
4832  
4833    
4834    
4835      "bedroom-lighting": {
4836        
4837          "image": "//rendl.fi/cdn/shop/files/137_IMG_02e29117-8edd-4fc1-96db-0a62da5d7777.jpg?v=1787178621&width=250",
4838        
4839        "title": "Makuuhuoneen valaistus"
4840      },
4841    
4842  
4843    
4844    
4845      "bedroom-ceiling-light": {
4846        
4847          "image": "//rendl.fi/cdn/shop/files/22_IMG_3de059a6-b4fc-4068-af13-46fbc17db98d.jpg?v=1760360009&width=250",
4848        
4849        "title": "Makuuhuoneen kattovalaisin"
4850      },
4851    
4852  
4853    
4854    
4855      "bedroom-chandelier": {
4856        
4857          "image": "//rendl.fi/cdn/shop/files/23_IMG_fd470d0c-4a9d-4543-8d5e-d3d0b7aab1b3.jpg?v=1761118643&width=250",
4858        
4859        "title": "Makuuhuoneen kattokruunut"
4860      },
4861    
4862  
4863    
4864    
4865      "bedroom-wall-sconce": {
4866        
4867          "image": "//rendl.fi/cdn/shop/files/21_IMG_5295b3f5-f114-4ce7-9e61-afbae9bf2b23.jpg?v=1760359946&width=250",
4868        
4869        "title": "Makuuhuoneen seinävalaisimet"
4870      },
4871    
4872  
4873    
4874    
4875      "bedroom-table-lamp": {
4876        
4877          "image": "//rendl.fi/cdn/shop/files/19_IMG_33dd6601-d118-431b-95a6-1bac8c2322ae.jpg?v=1760359212&width=250",
4878        
4879        "title": "Makuuhuoneen pöytävalaisimet"
4880      },
4881    
4882  
4883    
4884    
4885      "bedroom-lamps": {
4886        
4887          "image": "//rendl.fi/cdn/shop/files/18_IMG_349aa543-6a59-4e67-be5a-354f369ca5e0.jpg?v=1760359467&width=250",
4888        
4889        "title": "Lukuvalaisimet makuuhuoneeseen"
4890      },
4891    
4892  
4893    
4894    
4895      "bedside-lamps": {
4896        
4897          "image": "//rendl.fi/cdn/shop/files/269_IMG.jpg?v=1760552943&width=250",
4898        
4899        "title": "Yöpöytävalaisimet"
4900      },
4901    
4902  
4903    
4904    
4905      "lights-for-kids-rooms": {
4906        
4907          "image": "//rendl.fi/cdn/shop/files/141_IMG.jpg?v=1760468734&width=250",
4908        
4909        "title": "Lastenhuone"
4910      },
4911    
4912  
4913    
4914    
4915      "kids-ceiling-lights": {
4916        
4917          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
4917d url input",
4918        
4919        "title": ""
4920      },
4921    
4922  
4923    
4924    
4925      "kids-wall-light": {
4926        
4927          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
4928        
4929        "title": ""
4930      },
4931    
4932  
4933    
4934    
4935      "kids-floor-lamp": {
4936        
4937          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
4938        
4939        "title": ""
4940      },
4941    
4942  
4943    
4944    
4945      "childrens-ceiling-lights": {
4946        
4947          "image": "//rendl.fi/cdn/shop/files/35_IMG.jpg?v=1760971101&width=250",
4948        
4949        "title": "Lastenhuoneen kattovalaisimet"
4950      },
4951    
4952  
4953    
4954    
4955      "childrens-wall-light": {
4956        
4957          "image": "//rendl.fi/cdn/shop/files/39_IMG.jpg?v=1760970897&width=250",
4958        
4959        "title": "Lastenhuoneen seinävalaisimet"
4960      },
4961    
4962  
4963    
4964    
4965      "childrens-floor-lamp": {
4966        
4967          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
4968        
4969        "title": ""
4970      },
4971    
4972  
4973    
4974    
4975      "childrens-table-lamp": {
4976        
4977          "image": "//rendl.fi/cdn/shop/files/37_IMG.jpg?v=1760971567&width=250",
4978        
4979        "title": "Lastenhuoneen pöytävalaisimet"
4980      },
4981    
4982  
4983    
4984    
4985      "kids-table-lamps": {
4986        
4987          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
4988        
4989        "title": ""
4990      },
4991    
4992  
4993    
4994    
4995      "bathroom-lighting": {
4996        
4997          "image": "//rendl.fi/cdn/shop/files/135_IMG_b0b58b9a-e35f-42e6-8f5f-219b2ef0d853.jpg?v=1764936206&width=250",
4998        
4999        "title": "Kylpyhuoneen valaistus"
5000      },
5001    
5002  
5003    
5004    
5005      "above-mirror-lights": {
5006        
5007          "image": "//rendl.fi/cdn/shop/files/6_IMG_17185299-8e04-4699-b1ba-1100c2c446e4.jpg?v=1786573822&width=250",
5008        
5009        "title": "Kylpyhuoneen peilin ylävalot"
5010      },
5011    
5012  
5013    
5014    
5015      "bathroom-ceiling-light": {
5016        
5017          "image": "//rendl.fi/cdn/shop/files/7_IMG_71149b14-3652-4a00-8756-88bf816acf55.jpg?v=1786487421&width=250",
5018        
5019        "title": "Kylpyhuoneen kattovalaisimet"
5020      },
5021    
5022  
5023    
5024    
5025      "bathroom-wall-light": {
5026        
5027          "image": "//rendl.fi/cdn/shop/files/8_IMG.jpg?v=1760168215&width=250",
5028        
5029        "title": "Kylpyhuoneen seinävalaisimet"
5030      },
5031    
5032  
5033    
5034    
5035      "bathroom-spotlights": {
5036        
5037          "image": "//rendl.fi/cdn/shop/files/9_IMG.jpg?v=1760369522&width=250",
5038        
5039        "title": "Kylpyhuoneen spotit"
5040      },
5041    
5042  
5043    
5044    
5045      "recessed-bathroom-spotlights": {
5046        
5047          "image": "//rendl.fi/cdn/shop/files/277_IMG_3af20d85-0e5e-4be0-83f2-dd4f9cad2ae5.jpg?v=1771953427&width=250",
5048        
5049        "title": "Kylpyhuoneen LED-uppovalot"
5050      },
5051    
5052  
5053    
5054    
5055      "industrial-lighting-fixtures": {
5056        
5057          "image": "//rendl.fi/cdn/shop/files/42_IMG_72afa621-5442-420b-8d0f-562d884a993d.jpg?v=1760732498&width=250",
5058        
5059        "title": "Teollisuustyyliset valaisimet"
5060      },
5061    
5062  
5063    
5064    
5065      "bathroom-led-recessed-spotlights": {
5066        
5067          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5068        
5069        "title": ""
5070      },
5071    
5072  
5073    
5074    
5075      "bathroom-pendant-lights": {
5076        
5077          "image": "//rendl.fi/cdn/shop/files/309_IMG_4ed57238-e476-4fe2-adff-fc426d3b3297.jpg?v=1779489023&width=250",
5078        
5079        "title": "Kylpyhuoneen riippuvalaisimet"
5080      },
5081    
5082  
5083    
5084    
5085      "industrial-lighting": {
5086        
5087          "image": "//rendl.fi/cdn/shop/files/291_IMG_4421a10a-53a7-466d-b2e0-9f8097ecf88f.jpg?v=1779316225&width=250",
5088        
5089        "title": "Teollisuusvalaisimet"
5090      },
5091    
5092  
5093    
5094    
5095      "industrial-style-lights": {
5096        
5097          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5098        
5099        "title": ""
5100      },
5101    
5102  
5103    
5104    
5105      "cellar-lights": {
5106        
5107          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5108        
5109        "title": ""
5110      },
5111    
5112  
5113    
5114    
5115      "garage-lighting": {
5116        
5117          "image": "//rendl.fi/cdn/shop/files/r13527-2.jpg?v=1771406477&width=250",
5118        
5119        "title": "Autotallin valaisimet"
5120      },
5121    
5122  
5123    
5124    
5125      "garage-led-light": {
5126        
5127          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
5127d url input",
5128        
5129        "title": ""
5130      },
5131    
5132  
5133    
5134    
5135      "stairway-lighting": {
5136        
5137          "image": "//rendl.fi/cdn/shop/files/139_IMG_ef60a78f-5f75-443f-a0c0-4c3209326036.jpg?v=1787178621&width=250",
5138        
5139        "title": "Porrasvalot"
5140      },
5141    
5142  
5143    
5144    
5145      "staircase-light-with-sensor": {
5146        
5147          "image": "//rendl.fi/cdn/shop/files/109_IMG.jpg?v=1760085559&width=250",
5148        
5149        "title": "Porrasvalot liiketunnistimella"
5150      },
5151    
5152  
5153    
5154    
5155      "led-staircase-lighting": {
5156        
5157          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5158        
5159        "title": ""
5160      },
5161    
5162  
5163    
5164    
5165      "luxury-lights": {
5166        
5167          "image": "//rendl.fi/cdn/shop/files/164_IMG.jpg?v=1760971163&width=250",
5168        
5169        "title": "Ylelliset valaisimet"
5170      },
5171    
5172  
5173    
5174    
5175      "luxury-chandeliers": {
5176        
5177          "image": "//rendl.fi/cdn/shop/files/124_IMG_9789cc9a-cc76-4530-ad80-80e8287ace97.jpg?v=1785882619&width=250",
5178        
5179        "title": "Modernit kattokruunut"
5180      },
5181    
5182  
5183    
5184    
5185      "luxury-pendant-lights": {
5186        
5187          "image": "//rendl.fi/cdn/shop/files/123_IMG.jpg?v=1760470575&width=250",
5188        
5189        "title": "Ylelliset riippuvalaisimet"
5190      },
5191    
5192  
5193    
5194    
5195      "luxury-ceiling-lights": {
5196        
5197          "image": "//rendl.fi/cdn/shop/files/122_IMG.jpg?v=1760470559&width=250",
5198        
5199        "title": "Ylelliset kattovalaisimet"
5200      },
5201    
5202  
5203    
5204    
5205      "luxury-table-lamps": {
5206        
5207          "image": "//rendl.fi/cdn/shop/files/121_IMG.jpg?v=1760464736&width=250",
5208        
5209        "title": "Ylelliset pöytävalaisimet"
5210      },
5211    
5212  
5213    
5214    
5215      "luxury-floor-lamps": {
5216        
5217          "image": "//rendl.fi/cdn/shop/files/120_IMG_baaf58f8-24b0-4645-9a90-353792c4e012.jpg?v=1787178621&width=250",
5218        
5219        "title": "Ylelliset lattiavalaisimet"
5220      },
5221    
5222  
5223    
5224    
5225      "office-lighting": {
5226        
5227          "image": "//rendl.fi/cdn/shop/files/143_IMG_e03774ed-ecf8-4a9d-9a42-101274a1922e.jpg?v=1761037852&width=250",
5228        
5229        "title": "Toimiston valaisimet"
5230      },
5231    
5232  
5233    
5234    
5235      "office-pendant-lights": {
5236        
5237          "image": "//rendl.fi/cdn/shop/files/274_IMG.jpg?v=1760686926&width=250",
5238        
5239        "title": "Toimiston riippuvalaisimet"
5240      },
5241    
5242  
5243    
5244    
5245      "office-ceiling-lights": {
5246        
5247          "image": "//rendl.fi/cdn/shop/files/41_IMG_6d9c9478-d770-4abb-93c1-2f81aba0dd15.jpg?v=1760862722&width=250",
5248        
5249        "title": "Toimiston kattovalaisimet"
5250      },
5251    
5252  
5253    
5254    
5255      "office-lamps": {
5256        
5257          "image": "//rendl.fi/cdn/shop/files/275_IMG.jpg?v=1760686989&width=250",
5258        
5259        "title": "Toimiston työpöytävalaisimet"
5260      },
5261    
5262  
5263    
5264    
5265      "3f-spots": {
5266        
5267          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5268        
5269        "title": ""
5270      },
5271    
5272  
5273    
5274    
5275      "1-circuit-spots": {
5276        
5277          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5278        
5279        "title": ""
5280      },
5281    
5282  
5283    
5284    
5285      "outdoor-lights": {
5286        
5287          "image": "//rendl.fi/cdn/shop/files/284_IMG.jpg?v=1761123025&width=250",
5288        
5289        "title": "Ulkovalaisimet"
5290      },
5291    
5292  
5293    
5294    
5295      "outdoor-led-lights": {
5296        
5297          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5298        
5299        "title": ""
5300      },
5301    
5302  
5303    
5304    
5305      "outdoor-sensor-lamps": {
5306        
5307          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5308        
5309        "title": ""
5310      },
5311    
5312  
5313    
5314    
5315      "outdoor-lights-with-sensor": {
5316        
5317          "image": "//rendl.fi/cdn/shop/files/43_IMG.jpg?v=1760470008&width=250",
5318        
5319        "title": "Ulkovalaisimet liiketunnistimella"
5320      },
5321    
5322  
5323    
5324    
5325      "outdoor-lighting-families": {
5326        
5327          "image": "//rendl.fi/cdn/shop/files/231_IMG.jpg?v=1761041831&width=250",
5328        
5329        "title": "Ulkovalaisinsarjat"
5330      },
5331    
5332  
5333    
5334    
5335      "decorative-outdoor-lamps": {
5336        
5337          "image": "//rendl.fi/cdn/shop/files/288_IMG.jpg?v=1760971195&width=250",
5338        
5339        "title": "Koristeelliset ulkovalaisimet"
5340      },
5341    
5342  
5343    
5344    
5345      "outdoor-linear-lights": {
5346        
5347          "image": "//rendl.fi/cdn/shop/files/243_IMG_e2e26fa4-6698-47dc-90a2-01b44b1a5952.jpg?v=1781994622&width=250",
5348        
5349        "title": "Lineaariset ulkovalaisimet"
5350      },
5351    
5352  
5353    
5354    
5355      "one-way-luminaires": {
5356        
5357          "image": "//rendl.fi/cdn/shop/files/305_IMG.jpg?v=1760686502&width=250",
5358        
5359        "title": "Yksisuuntaiset ulkoseinävalaisimet"
5360      },
5361    
5362  
5363    
5364    
5365      "outdoor-wall-lights": {
5366        
5367          "image": "//rendl.fi/cdn/shop/files/preview_images/9f6d302c200d4a12b9843bff11963be4.thumbnail.0000000000.jpg?v=1761921682&width=250",
5368        
5369        "title": "Ulkoseinävalaisimet"
5370      },
5371    
5372  
5373    
5374    
5375      "updown-outdoor-lights": {
5376        
5377          "image": "//rendl.fi/cdn/shop/files/267_IMG_f3d4862f-76f1-40f3-97df-c3a8e6a372ce.jpg?v=1760611544&width=250",
5378        
5379        "title": "Up \u0026 Down ulkoseinävalaisimet"
5380      },
5381    
5382  
5383    
5384    
5385      "outdoor-indirect-lights": {
5386        
5387          "image": "//rendl.fi/cdn/shop/files/302_IMG.jpg?v=1760963308&width=250",
5388        
5389        "title": "Epäsuorat ulkoseinävalaisimet"
5390      },
5391    
5392  
5393    
5394    
5395      "adjustable-wall-lights": {
5396        
5397          "image": "//rendl.fi/cdn/shop/files/303_IMG.jpg?v=1760958472&width=250",
5398        
5399        "title": "Säädettävät ulkoseinävalaisimet"
5400      },
5401    
5402  
5403    
5404    
5405      "unidirectional-lights": {
5406        
5407          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5408        
5409        "title": ""
5410      },
5411    
5412  
5413    
5414    
5415      "outdoor-ceiling-lights": {
5416        
5417          "image": "//rendl.fi/cdn/shop/files/146_IMG.jpg?v=1760387261&width=250",
5418        
5419        "title": "Ulkokaton valaisimet"
5420      },
5421    
5422  
5423    
5424    
5425      "outdoor-downlights": {
5426        
5427          "image": "//rendl.fi/cdn/shop/files/301_IMG.jpg?v=1760971911&width=250",
5428        
5429        "title": "Pinta-asennettavat alasvalot"
5430      },
5431    
5432  
5433    
5434    
5435      "adjustable-ceiling-lights": {
5436        
5437          "image": "//rendl.fi/cdn/shop/files/304_IMG.jpg?v=1760958544&width=250",
5438        
5439        "title": "Säädettävät ulkokaton valaisimet"
5440      },
5441    
5442  
5443    
5444    
5445      "outdoor-pendant-lights": {
5446        
5447          "image": "//rendl.fi/cdn/shop/files/47_IMG.jpg?v=1760470308&width=250",
5448        
5449        "title": "Ulkoriippuvalaisimet"
5450      },
5451    
5452  
5453    
5454    
5455      "outdoor-pergola-chandelier": {
5456        
5457          "image": "//rendl.fi/cdn/shop/files/48_IMG_b58f1104-0c15-4272-874e-91c193683c59.jpg?v=1785018621&width=250",
5458        
5459        "title": "Pergolan valaistus"
5460      },
5461    
5462  
5463    
5464    
5465      "outdoor-recessed-lights": {
5466        
5467          "image": "//rendl.fi/cdn/shop/files/299_IMG.jpg?v=1760971734&width=250",
5468        
5469        "title": "Upotettavat ulkovalaisimet"
5470      },
5471    
5472  
5473    
5474    
5475      "ground-lights": {
5476        
5477          "image": "//rendl.fi/cdn/shop/files/311_IMG.jpg?v=1760629942&width=250",
5478        
5479        "title": "Maahan upotettavat valaisimet"
5480      },
5481    
5482  
5483    
5484    
5485      "outdoor-wall-recessed": {
5486        
5487          "image": "//rendl.fi/cdn/shop/files/224_IMG_0f327a07-c334-4002-97e7-eda50e25b2be.jpg?v=1779316226&width=250",
5488        
5489        "title": "Upotettavat ulkoseinävalaisimet"
5490      },
5491    
5492  
5493    
5494    
5495      "outdoor-floor-recessed-lights": {
5496        
5497          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5498        
5499        "title": ""
5500      },
5501    
5502  
5503    
5504    
5505      "path-lighting": {
5506        
5507          "image": "//rendl.fi/cdn/shop/files/290_IMG.jpg?v=1760625307&width=250",
5508        
5509        "title": "Polkuvalaisimet"
5510      },
5511    
5512  
5513    
5514    
5515      "directional-light-columns": {
5516        
5517          "image": "//rendl.fi/cdn/shop/files/285_IMG_3c11483e-39ec-4f3d-8890-4351367df04a.jpg?v=1779316226&width=250",
5518        
5519        "title": "Säädettävät pollarivalaisimet"
5520      },
5521    
5522  
5523    
5524    
5525      "spike-lights": {
5526        
5527          "image": "//rendl.fi/cdn/shop/files/207_IMG_7cd1c79b-32e1-4295-93f4-68d8dea5c851.jpg?v=1764340430&width=250",
5528        
5529        "title": "Maapiikkivalaisimet"
5530      },
5531    
5532  
5533    
5534    
5535      "garden-post-light": {
5536        
5537          "image": "//rendl.fi/cdn/shop/files/preview_images/586abaa3a90b41d9b97d18029201ca25.thumbnail.0000000000.jpg?v=1764340109&width=250",
5538        
5539        "title": "Pollarivalaisimet"
5540      },
5541    
5542  
5543    
5544    
5545      "garden-posts": {
5546        
5547          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5548        
5549        "title": ""
5550      },
5551    
5552  
5553    
5554    
5555      "adjustable-posts": {
5556        
5557          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5558        
5559        "title": ""
5560      },
5561    
5562  
5563    
5564    
5565      "bollards-round": {
5566        
5567          "image": "//rendl.fi/cdn/shop/files/287_IMG_d2f6b7ac-46a7-4aa1-9197-f600da08d735.jpg?v=1783895422&width=250",
5568        
5569        "title": "Pyöreät pollarivalaisimet"
5570      },
5571    
5572  
5573    
5574    
5575      "bollards-angular": {
5576        
5577          "image": "//rendl.fi/cdn/shop/files/286_IMG_4070dcf9-8b66-4ad6-ab64-ec41ff9b7b7b.jpg?v=1779316226&width=250",
5578        
5579        "title": "Nelikulmaiset pollarivalaisimet"
5580      },
5581    
5582  
5583    
5584    
5585      "round-posts": {
5586        
5587          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5588        
5589        "title": ""
5590      },
5591    
5592  
5593    
5594    
5595      "square-posts": {
5596        
5597          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5598        
5599        "title": ""
5600      },
5601    
5602  
5603    
5604    
5605      "1-circuit-track-systems": {
5606        
5607          "image": "//rendl.fi/cdn/shop/files/166_IMG_5bc41e39-2d56-40e6-9ec2-55e4ae3856e0.jpg?v=1760369301&width=250",
5608        
5609        "title": "1-vaihekiskojärjestelmät"
5610      },
5611    
5612  
5613    
5614    
5615      "1f-tracks": {
5616        
5617          "image": "//rendl.fi/cdn/shop/files/185_IMG.jpg?v=1760369318&width=250",
5618        
5619        "title": "1-vaihekiskot"
5620      },
5621    
5622  
5623    
5624    
5625      "1-circuit-components": {
5626        
5627          "image": "//rendl.fi/cdn/shop/files/174_IMG.jpg?v=1760369284&width=250",
5628        
5629        "title": "1-vaihe komponentit"
5630      },
5631    
5632  
5633    
5634    
5635      "1-circuit-spotlights": {
5636        
5637          "image": "//rendl.fi/cdn/shop/files/173_IMG_ba155e78-14b7-475e-8de2-a033756b21bf.jpg?v=1764936206&width=250",
5638        
5639        "title": "Spotit 1-vaihekiskoihin"
5640      },
5641    
5642  
5643    
5644    
5645      "1-circuit-pendants": {
5646        
5647          "image": "//rendl.fi/cdn/shop/files/186_IMG_2dd7ea41-19c6-4a76-bb6f-4967731ef98e.jpg?v=1784413819&width=250",
5648        
5649        "title": "Riippuvalaisimet 1-vaihekiskoihin"
5650      },
5651    
5652  
5653    
5654    
5655      "3-circuit-track-systems": {
5656        
5657          "image": "//rendl.fi/cdn/shop/files/167_IMG_e9fd29f3-800d-4da9-8e7b-26de7515447d.jpg?v=1760387443&width=250",
5658        
5659        "title": "3-vaihe kiskojärjestelmät"
5660      },
5661    
5662  
5663    
5664    
5665      "3-circuit-tracks": {
5666        
5667          "image": "//rendl.fi/cdn/shop/files/176_IMG.jpg?v=1760369418&width=250",
5668        
5669        "title": "3-vaihekiskot"
5670      },
5671    
5672  
5673    
5674    
5675      "3-circuit-tracks-recessed": {
5676        
5677          "image": "//rendl.fi/cdn/shop/files/182_IMG.jpg?v=1760369436&width=250",
5678        
5679        "title": "Upotettavat 3-vaihekiskot"
5680      },
5681    
5682  
5683    
5684    
5685      "3-circuit-spotlights": {
5686        
5687          "image": "//rendl.fi/cdn/shop/files/177_IMG.jpg?v=1760369453&width=250",
5688        
5689        "title": "Spotit 3-vaihekiskoihin"
5690      },
5691    
5692  
5693    
5694    
5695      "3-circuit-pendants": {
5696        
5697          "image": "//rendl.fi/cdn/shop/files/175_IMG.jpg?v=1760369471&width=250",
5698        
5699        "title": "Riippuvalaisimet 3-vaihekiskoihin"
5700      },
5701    
5702  
5703    
5704    
5705      "3-circuit-components": {
5706        
5707          "image": "//rendl.fi/cdn/shop/files/178_IMG_9b914f0f-5ab6-4bda-8716-a83f3a760439.jpg?v=1781303422&width=250",
5708        
5709        "title": "3-vaihe komponentit"
5710      },
5711    
5712  
5713    
5714    
5715      "3-circuit-recessed-track-components": {
5716        
5717          "image": "//rendl.fi/cdn/shop/files/183_IMG.jpg?v=1760369385&width=250",
5718        
5719        "title": "Upotettavien 3-vaihekiskojen komponentit"
5720      },
5721    
5722  
5723    
5724    
5725      "ultra-thin-track-systems": {
5726        
5727          "image": "//rendl.fi/cdn/shop/files/171_IMG.jpg?v=1760387496&width=250",
5728        
5729        "title": "VEGA erittäin ohut kiskojärjestelmä"
5730      },
5731    
5732  
5733    
5734    
5735      "vega-tracks": {
5736        
5737          "image": "//rendl.fi/cdn/shop/files/191_IMG_f35b45c1-6bbf-493d-954e-032eab4c7015.jpg?v=1764860140&width=250",
5738        
5739        "title": "VEGA-kiskot"
5740      },
5741    
5742  
5743    
5744    
5745      "vega-components": {
5746        
5747          "image": "//rendl.fi/cdn/shop/files/181_IMG.jpg?v=1760387610&width=250",
5748        
5749        "title": "VEGA-komponentit"
5750      },
5751    
5752  
5753    
5754    
5755      "vega-spotlight": {
5756        
5757          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5758        
5759        "title": ""
5760      },
5761    
5762  
5763    
5764    
5765      "wave-belt-system-1": {
5766        
5767          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5768        
5769        "title": ""
5770      },
5771    
5772  
5773    
5774    
5775      "wave-belt": {
5776        
5777          "image": "//rendl.fi/cdn/shop/files/180_IMG.jpg?v=1760387595&width=250",
5778        
5779        "title": "WAVE-tekstiilinauha"
5780      },
5781    
5782  
5783    
5784    
5785      "only-strips": {
5786        
5787          "image": "//rendl.fi/cdn/shop/files/273_IMG.jpg?v=1760610397&width=250",
5788        
5789        "title": "LED-nauhat"
5790      },
5791    
5792  
5793    
5794    
5795      "lamps-for-wave-system": {
5796        
5797          "image": "//rendl.fi/cdn/shop/files/323_IMG.jpg?v=1764591192&width=250",
5798        
5799        "title": "Valaisimet WAVE-järjestelmään"
5800      },
5801    
5802  
5803    
5804    
5805      "wave-components": {
5806        
5807          "image": "//rendl.fi/cdn/shop/files/179_IMG.jpg?v=1760387582&width=250",
5808        
5809        "title": "WAVE-komponentit"
5810      },
5811    
5812  
5813    
5814    
5815      "led-strips": {
5816        
5817          "image": "//rendl.fi/cdn/shop/files/184_IMG_4cf3db46-48a4-4239-b6ff-c72bba73d367.jpg?v=1760508022&width=250",
5818        
5819        "title": "LED-nauhat"
5820      },
5821    
5822  
5823    
5824    
5825      "profiles-recessed": {
5826        
5827          "image": "//rendl.fi/cdn/shop/files/187_IMG.jpg?v=1760387677&width=250",
5828        
5829        "title": "Uppoasennettavat profiilit"
5830      },
5831    
5832  
5833    
5834    
5835      "profiles-surface-mounted": {
5836        
5837          "image": "//rendl.fi/cdn/shop/files/188_IMG.jpg?v=1760387691&width=250",
5838        
5839        "title": "Pintaan asennettavat profiilit"
5840      },
5841    
5842  
5843    
5844    
5845      "led-components": {
5846        
5847          "image": "//rendl.fi/cdn/shop/files/189_IMG.jpg?v=1760387705&width=250",
5848        
5849        "title": "Tarvikkeet LED-nauhoille"
5850      },
5851    
5852  
5853    
5854    
5855      "ceiling-lights": {
5856        
5857          "image": "//rendl.fi/cdn/shop/files/148_IMG_ec8e5798-9d49-4776-bf57-da425f768781.jpg?v=1760006773&width=250",
5858        
5859        "title": "Kattovalaisimet"
5860      },
5861    
5862  
5863    
5864    
5865      "bathroom-ceiling-lights": {
5866        
5867          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5868        
5869        "title": ""
5870      },
5871    
5872  
5873    
5874    
5875      "ceiling-spotlights": {
5876        
5877          "image": "//rendl.fi/cdn/shop/files/56_IMG.jpg?v=1760085329&width=250",
5878        
5879        "title": "Kattospotit"
5880      },
5881    
5882  
5883    
5884    
5885      "ceiling-light-with-sensor": {
5886        
5887          "image": "//rendl.fi/cdn/shop/files/64_IMG.jpg?v=1760470226&width=250",
5888        
5889        "title": "Kattovalaisimet liiketunnistimella"
5890      },
5891    
5892  
5893    
5894    
5895      "round-ceiling-lights": {
5896        
5897          "image": "//rendl.fi/cdn/shop/files/65_IMG.jpg?v=1760469142&width=250",
5898        
5899        "title": "Pyöreät kattovalaisimet"
5900      },
5901    
5902  
5903    
5904    
5905      "led-ceiling-panel": {
5906        
5907          "image": "//rendl.fi/cdn/shop/files/55_IMG.jpg?v=1760470351&width=250",
5908        
5909        "title": "LED-paneelit"
5910      },
5911    
5912  
5913    
5914    
5915      "linear-ceiling-lights": {
5916        
5917          "image": "//rendl.fi/cdn/shop/files/241_IMG.jpg?v=1760612963&width=250",
5918        
5919        "title": "Lineaariset kattovalaisimet"
5920      },
5921    
5922  
5923    
5924    
5925      "decorative-ceiling-lights": {
5926        
5927          "image": "//rendl.fi/cdn/shop/files/226_IMG.jpg?v=1760617024&width=250",
5928        
5929        "title": "Koristeelliset kattovalaisimet"
5930      },
5931    
5932  
5933    
5934    
5935      "square-ceiling-lights": {
5936        
5937          "image": "//rendl.fi/cdn/shop/files/263_IMG.jpg?v=1760686308&width=250",
5938        
5939        "title": "Nelikulmaiset kattovalaisimet"
5940      },
5941    
5942  
5943    
5944    
5945      "plaster-ceiling-lights": {
5946        
5947          "image": "//rendl.fi/cdn/shop/files/198_IMG.jpg?v=1760445036&width=250",
5948        
5949        "title": "Kattovalaisimet kipsistä"
5950      },
5951    
5952  
5953    
5954    
5955      "luxury-ceiling-lights": {
5956        
5957          "image": "//rendl.fi/cdn/shop/files/122_IMG.jpg?v=1760470559&width=250",
5958        
5959        "title": "Ylelliset kattovalaisimet"
5960      },
5961    
5962  
5963    
5964    
5965      "retro-ceiling-lights": {
5966        
5967          "image": "//rendl.fi/cdn/shop/files/60_IMG_f1bbd5fd-ea2b-42e6-a888-09e13e2feda2.jpg?v=1782945019&width=250",
5968        
5969        "title": "Retro kattovalaisimet"
5970      },
5971    
5972  
5973    
5974    
5975      "dimmable-led-ceiling-lights": {
5976        
5977          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
5978        
5979        "title": ""
5980      },
5981    
5982  
5983    
5984    
5985      "dimmable-ceiling-light": {
5986        
5987          "image": "//rendl.fi/cdn/shop/files/59_IMG_b18ba933-637c-4464-8bc8-3b333067efa2.jpg?v=1782945021&width=250",
5988        
5989        "title": "Himmennettävät kattovalaisimet"
5990      },
5991    
5992  
5993    
5994    
5995      "led-ceiling-lights": {
5996        
5997          "image": "//rendl.fi/cdn/shop/files/r12843-4.jpg?v=1783738830&width=250",
5998        
5999        "title": "LED-kattovalaisimet"
6000      },
6001    
6002  
6003    
6004    
6005      "ceiling-lights-with-remote-control": {
6006        
6007          "image": "//rendl.fi/cdn/shop/files/110_IMG_53669b59-a8f5-4033-b6b1-4b574967da2c.jpg?v=1763039373&width=250",
6008        
6009        "title": "Kattovalaisimet kaukosäätimellä"
6010      },
6011    
6012  
6013    
6014    
6015      "thin-ceiling-lights": {
6016        
6017          "image": "//rendl.fi/cdn/shop/files/225_IMG.jpg?v=1760445518&width=250",
6018        
6019        "title": "Ohuet kattovalaisimet"
6020      },
6021    
6022  
6023    
6024    
6025      "recessed-spotlights": {
6026        
6027          "image": "//rendl.fi/cdn/shop/files/97_IMG.jpg?v=1760006390&width=250",
6028        
6029        "title": "Spotit kipsilevyyn"
6030      },
6031    
6032  
6033    
6034    
6035      "recessed-lights": {
6036        
6037          "image": "//rendl.fi/cdn/shop/files/61_IMG_fb8c3b06-532b-4bdd-a66e-fd5b212f6e59.jpg?v=1760958795&width=250",
6038        
6039        "title": "Upotettavat valaisimet"
6040      },
6041    
6042  
6043    
6044    
6045      "recessed-bathroom-spotlights": {
6046        
6047          "image": "//rendl.fi/cdn/shop/files/277_IMG_3af20d85-0e5e-4be0-83f2-dd4f9cad2ae5.jpg?v=1771953427&width=250",
6048        
6049        "title": "Kylpyhuoneen LED-uppovalot"
6050      },
6051    
6052  
6053    
6054    
6055      "recessed-bathroom-led-spotlights": {
6056        
6057          "image": "//rendl.fi/cdn/shop/files/221_IMG.jpg?v=1760686769&width=250",
6058        
6059        "title": "Upotettavat spotit kylpyhuoneeseen"
6060      },
6061    
6062  
6063    
6064    
6065      "recessed-plaster-spotlights": {
6066        
6067          "image": "//rendl.fi/cdn/shop/files/199_IMG.jpg?v=1760445055&width=250",
6068        
6069        "title": "Kipsiset upotettavat valaisimet"
6070      },
6071    
6072  
6073    
6074    
6075      "dimmable-recessed-spotlights": {
6076        
6077          "image": "//rendl.fi/cdn/shop/files/194_IMG.jpg?v=1760444963&width=250",
6078        
6079        "title": "Himmennettävät upotettavat valaisimet"
6080      },
6081    
6082  
6083    
6084    
6085      "dimmable-led-recessed-spotlights": {
6086        
6087          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6088        
6089        "title": ""
6090      },
6091    
6092  
6093    
6094    
6095      "decorative-recessed-spotlights": {
6096        
6097          "image": "//rendl.fi/cdn/shop/files/222_IMG.jpg?v=1760686811&width=250",
6098        
6099        "title": "Koristeelliset upotettavat valaisimet"
6100      },
6101    
6102  
6103    
6104    
6105      "multiple-recessed-lights": {
6106        
6107          "image": "//rendl.fi/cdn/shop/files/238_IMG.jpg?v=1760469415&width=250",
6108        
6109        "title": "Moniosaiset alasvalot"
6110      },
6111    
6112  
6113    
6114    
6115      "recessed-spotlight-families": {
6116        
6117          "image": "//rendl.fi/cdn/shop/collections/missing-title_image_e367da85-dafb-48cf-8be7-e09f1c803775.jpg?v=1788993024&width=250",
6118        
6119        "title": "Upotettavat sarjat"
6120      },
6121    
6122  
6123    
6124    
6125      "recessed-wall-spotlights": {
6126        
6127          "image": "//rendl.fi/cdn/shop/files/223_IMG_2cba8d35-d74c-4aaa-9117-dc596a7d5724.jpg?v=1760552969&width=250",
6128        
6129        "title": "Upotettavat seinävalaisimet"
6130      },
6131    
6132  
6133    
6134    
6135      "frameless-lights": {
6136        
6137          "image": "//rendl.fi/cdn/shop/files/220_IMG.jpg?v=1760469507&width=250",
6138        
6139        "title": "Kehyksettömät upotettavat valaisimet"
6140      },
6141    
6142  
6143    
6144    
6145      "combinable-lights": {
6146        
6147          "image": "//rendl.fi/cdn/shop/files/278_IMG.jpg?v=1760614196&width=250",
6148        
6149        "title": "Modulaariset valaisimet"
6150      },
6151    
6152  
6153    
6154    
6155      "semi-recessed-lights": {
6156        
6157          "image": "//rendl.fi/cdn/shop/files/219_IMG.jpg?v=1760470167&width=250",
6158        
6159        "title": "Puoliupotettavat valaisimet"
6160      },
6161    
6162  
6163    
6164    
6165      "thin-recessed-lights": {
6166        
6167          "image": "//rendl.fi/cdn/shop/files/279_IMG.jpg?v=1760971988&width=250",
6168        
6169        "title": "Ohuet upotettavat valaisimet"
6170      },
6171    
6172  
6173    
6174    
6175      "recessed-led-spotlights": {
6176        
6177          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
6177d url input",
6178        
6179        "title": ""
6180      },
6181    
6182  
6183    
6184    
6185      "wall-lights": {
6186        
6187          "image": "//rendl.fi/cdn/shop/files/149_IMG_75c69cce-f409-435d-baad-1c86d79aaf8d.jpg?v=1782426969&width=250",
6188        
6189        "title": "Seinävalaisimet"
6190      },
6191    
6192  
6193    
6194    
6195      "bathroom-wall-light": {
6196        
6197          "image": "//rendl.fi/cdn/shop/files/8_IMG.jpg?v=1760168215&width=250",
6198        
6199        "title": "Kylpyhuoneen seinävalaisimet"
6200      },
6201    
6202  
6203    
6204    
6205      "wall-lights-with-switch": {
6206        
6207          "image": "//rendl.fi/cdn/shop/files/70_IMG.jpg?v=1760469263&width=250",
6208        
6209        "title": "Seinävalaisimet kytkimellä"
6210      },
6211    
6212  
6213    
6214    
6215      "updown-wall-lights": {
6216        
6217          "image": "//rendl.fi/cdn/shop/files/268_IMG_1e4ac617-c82f-444d-8935-fe26789cbc10.jpg?v=1784845823&width=250",
6218        
6219        "title": "Ylös\/alas seinävalaisimet"
6220      },
6221    
6222  
6223    
6224    
6225      "dimmable-wall-lights": {
6226        
6227          "image": "//rendl.fi/cdn/shop/files/249_IMG.jpg?v=1760683340&width=250",
6228        
6229        "title": "Himmennettävät seinävalaisimet"
6230      },
6231    
6232  
6233    
6234    
6235      "dimmable-led-wall-lights": {
6236        
6237          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6238        
6239        "title": ""
6240      },
6241    
6242  
6243    
6244    
6245      "linear-wall-lights": {
6246        
6247          "image": "//rendl.fi/cdn/shop/files/242_IMG.jpg?v=1760469310&width=250",
6248        
6249        "title": "Lineaariset seinävalaisimet"
6250      },
6251    
6252  
6253    
6254    
6255      "decorative-wall-lights": {
6256        
6257          "image": "//rendl.fi/cdn/shop/files/228_IMG.jpg?v=1760612176&width=250",
6258        
6259        "title": "Koristeelliset seinävalaisimet"
6260      },
6261    
6262  
6263    
6264    
6265      "plaster-wall-lights": {
6266        
6267          "image": "//rendl.fi/cdn/shop/files/197_IMG.jpg?v=1760445017&width=250",
6268        
6269        "title": "Kipsiset seinävalaisimet"
6270      },
6271    
6272  
6273    
6274    
6275      "retro-wall-light": {
6276        
6277          "image": "//rendl.fi/cdn/shop/files/71_IMG.jpg?v=1760686254&width=250",
6278        
6279        "title": "Retro-seinävalaisimet"
6280      },
6281    
6282  
6283    
6284    
6285      "led-wall-lights": {
6286        
6287          "image": "//rendl.fi/cdn/shop/files/67_IMG.jpg?v=1760084844&width=250",
6288        
6289        "title": "LED-seinävalaisimet"
6290      },
6291    
6292  
6293    
6294    
6295      "wall-lights-on-arm": {
6296        
6297          "image": "//rendl.fi/cdn/shop/files/265_IMG.jpg?v=1760553611&width=250",
6298        
6299        "title": "Seinävalaisimet varrella"
6300      },
6301    
6302  
6303    
6304    
6305      "bedside-lights": {
6306        
6307          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6308        
6309        "title": ""
6310      },
6311    
6312  
6313    
6314    
6315      "picture-lights": {
6316        
6317          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6318        
6319        "title": ""
6320      },
6321    
6322  
6323    
6324    
6325      "hanging-ceiling-lights": {
6326        
6327          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6328        
6329        "title": ""
6330      },
6331    
6332  
6333    
6334    
6335      "pendant-lamps": {
6336        
6337          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6338        
6339        "title": ""
6340      },
6341    
6342  
6343    
6344    
6345      "pendant-led-lights": {
6346        
6347          "image": "//rendl.fi/cdn/shop/files/74_IMG.jpg?v=1760470484&width=250",
6348        
6349        "title": "LED-riippuvalaisimet"
6350      },
6351    
6352  
6353    
6354    
6355      "pendant-chandelier": {
6356        
6357          "image": "//rendl.fi/cdn/shop/files/75_IMG_d60a61ea-5ff3-4fe6-a95d-33f7bd01547f.jpg?v=1760085149&width=250",
6358        
6359        "title": "Modernit kattokruunut"
6360      },
6361    
6362  
6363    
6364    
6365      "pendant-glass-sphere": {
6366        
6367          "image": "//rendl.fi/cdn/shop/files/77_IMG.jpg?v=1760470514&width=250",
6368        
6369        "title": "Lasiriippuvalaisimet"
6370      },
6371    
6372  
6373    
6374    
6375      "luxury-pendant-lights": {
6376        
6377          "image": "//rendl.fi/cdn/shop/files/123_IMG.jpg?v=1760470575&width=250",
6378        
6379        "title": "Ylelliset riippuvalaisimet"
6380      },
6381    
6382  
6383    
6384    
6385      "dimmable-pendant-lights": {
6386        
6387          "image": "//rendl.fi/cdn/shop/files/192_IMG.jpg?v=1760444924&width=250",
6388        
6389        "title": "Himmennettävät riippuvalaisimet"
6390      },
6391    
6392  
6393    
6394    
6395      "dimmable-led-pendant-lights": {
6396        
6397          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
6397d url input",
6398        
6399        "title": ""
6400      },
6401    
6402  
6403    
6404    
6405      "decorative-pendant-lights": {
6406        
6407          "image": "//rendl.fi/cdn/shop/files/227_IMG.jpg?v=1760686639&width=250",
6408        
6409        "title": "Koristeelliset riippuvalaisimet"
6410      },
6411    
6412  
6413    
6414    
6415      "multiple-pendant-lights": {
6416        
6417          "image": "//rendl.fi/cdn/shop/files/237_IMG.jpg?v=1760469127&width=250",
6418        
6419        "title": "Klusteri- ja monivalo-riippuvalaisimet"
6420      },
6421    
6422  
6423    
6424    
6425      "linear-pendant-lights": {
6426        
6427          "image": "//rendl.fi/cdn/shop/files/240_IMG_973a4fce-ad57-4a4f-9c6d-a903dfaab9b3.jpg?v=1764936206&width=250",
6428        
6429        "title": "Lineaariset riippuvalaisimet"
6430      },
6431    
6432  
6433    
6434    
6435      "floor-lamps": {
6436        
6437          "image": "//rendl.fi/cdn/shop/files/151_IMG_a271f151-7830-40a0-9eff-558efefac04d.jpg?v=1760007935&width=250",
6438        
6439        "title": "Lattiavalaisimet"
6440      },
6441    
6442  
6443    
6444    
6445      "floor-led-lamps": {
6446        
6447          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6448        
6449        "title": ""
6450      },
6451    
6452  
6453    
6454    
6455      "dimmable-floor-lamp": {
6456        
6457          "image": "//rendl.fi/cdn/shop/files/117_IMG_5666ecad-baa6-4c98-820e-bdd8a28aee02.jpg?v=1787178623&width=250",
6458        
6459        "title": "Himmennettävät lattiavalaisimet"
6460      },
6461    
6462  
6463    
6464    
6465      "dimmable-led-floor-lamp": {
6466        
6467          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6468        
6469        "title": ""
6470      },
6471    
6472  
6473    
6474    
6475      "luxury-floor-lamps": {
6476        
6477          "image": "//rendl.fi/cdn/shop/files/120_IMG_baaf58f8-24b0-4645-9a90-353792c4e012.jpg?v=1787178621&width=250",
6478        
6479        "title": "Ylelliset lattiavalaisimet"
6480      },
6481    
6482  
6483    
6484    
6485      "decorative-floor-lamps": {
6486        
6487          "image": "//rendl.fi/cdn/shop/files/230_IMG.jpg?v=1760611564&width=250",
6488        
6489        "title": "Koristeelliset lattiavalaisimet"
6490      },
6491    
6492  
6493    
6494    
6495      "arc-floor-lamp": {
6496        
6497          "image": "//rendl.fi/cdn/shop/files/83_IMG.jpg?v=1760470379&width=250",
6498        
6499        "title": "Kaarivalaisimet"
6500      },
6501    
6502  
6503    
6504    
6505      "floor-lamps-for-reading": {
6506        
6507          "image": "//rendl.fi/cdn/shop/files/276_IMG.jpg?v=1760972104&width=250",
6508        
6509        "title": "Lukulattiavalaisimet"
6510      },
6511    
6512  
6513    
6514    
6515      "table-lamps": {
6516        
6517          "image": "//rendl.fi/cdn/shop/files/152_IMG.jpg?v=1760007275&width=250",
6518        
6519        "title": "Pöytävalaisimet"
6520      },
6521    
6522  
6523    
6524    
6525      "decorative-table-lamps": {
6526        
6527          "image": "//rendl.fi/cdn/shop/files/229_IMG.jpg?v=1760611265&width=250",
6528        
6529        "title": "Koristeelliset pöytävalaisimet"
6530      },
6531    
6532  
6533    
6534    
6535      "luxury-table-lamps": {
6536        
6537          "image": "//rendl.fi/cdn/shop/files/121_IMG.jpg?v=1760464736&width=250",
6538        
6539        "title": "Ylelliset pöytävalaisimet"
6540      },
6541    
6542  
6543    
6544    
6545      "dimmable-table-lamp": {
6546        
6547          "image": "//rendl.fi/cdn/shop/files/93_IMG_0c30ba9c-e219-457a-b9a6-1d260624353d.jpg?v=1787697023&width=250",
6548        
6549        "title": "Himmennettävät pöytävalaisimet"
6550      },
6551    
6552  
6553    
6554    
6555      "dimmable-led-table-lamp": {
6556        
6557          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6558        
6559        "title": ""
6560      },
6561    
6562  
6563    
6564    
6565      "touch-table-lamp": {
6566        
6567          "image": "//rendl.fi/cdn/shop/files/92_IMG.jpg?v=1760464692&width=250",
6568        
6569        "title": "Kosketuspöytävalaisimet"
6570      },
6571    
6572  
6573    
6574    
6575      "table-led-lamp": {
6576        
6577          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6578        
6579        "title": ""
6580      },
6581    
6582  
6583    
6584    
6585      "for-work": {
6586        
6587          "image": "//rendl.fi/cdn/shop/files/88_IMG.jpg?v=1760464641&width=250",
6588        
6589        "title": "Työpöytävalaisimet"
6590      },
6591    
6592  
6593    
6594    
6595      "desk-lamps": {
6596        
6597          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
6597d url input",
6598        
6599        "title": ""
6600      },
6601    
6602  
6603    
6604    
6605      "modern-table-lamps": {
6606        
6607          "image": "//rendl.fi/cdn/shop/files/90_IMG_4dc2976e-5b6e-4270-a0eb-b3fc7c205b76.jpg?v=1760464664&width=250",
6608        
6609        "title": "Modernit pöytävalaisimet"
6610      },
6611    
6612  
6613    
6614    
6615      "retro-table-lamp": {
6616        
6617          "image": "//rendl.fi/cdn/shop/files/89_IMG.jpg?v=1760686551&width=250",
6618        
6619        "title": "Retro pöytävalaisimet"
6620      },
6621    
6622  
6623    
6624    
6625      "light-sources": {
6626        
6627          "image": "//rendl.fi/cdn/shop/files/253_IMG.jpg?v=1760687051&width=250",
6628        
6629        "title": "Valonlähteet"
6630      },
6631    
6632  
6633    
6634    
6635      "e27-bulbs": {
6636        
6637          "image": "//rendl.fi/cdn/shop/files/252_IMG.jpg?v=1760611967&width=250",
6638        
6639        "title": "E27-valonlähteet"
6640      },
6641    
6642  
6643    
6644    
6645      "e14-bulbs": {
6646        
6647          "image": "//rendl.fi/cdn/shop/files/251_IMG_fa7caa0c-8550-42a1-aa69-d06c0a573261.jpg?v=1781908224&width=250",
6648        
6649        "title": "E14-valonlähteet"
6650      },
6651    
6652  
6653    
6654    
6655      "globe-bulbs": {
6656        
6657          "image": "//rendl.fi/cdn/shop/files/244_IMG.jpg?v=1760553737&width=250",
6658        
6659        "title": "Globe-valonlähteet"
6660      },
6661    
6662  
6663    
6664    
6665      "gu10-bulbs": {
6666        
6667          "image": "//rendl.fi/cdn/shop/files/255_IMG.jpg?v=1760612096&width=250",
6668        
6669        "title": "GU10-valonlähteet"
6670      },
6671    
6672  
6673    
6674    
6675      "g9-bulbs": {
6676        
6677          "image": "//rendl.fi/cdn/shop/files/256_IMG.jpg?v=1760612868&width=250",
6678        
6679        "title": "G9-valonlähteet"
6680      },
6681    
6682  
6683    
6684    
6685      "gx53-bulbs": {
6686        
6687          "image": "//rendl.fi/cdn/shop/files/257_IMG.jpg?v=1760613350&width=250",
6688        
6689        "title": "GX53-valonlähteet"
6690      },
6691    
6692  
6693    
6694    
6695      "b15d-bulbs": {
6696        
6697          "image": "//rendl.fi/cdn/shop/files/270_IMG.jpg?v=1760554029&width=250",
6698        
6699        "title": "B15d-valonlähteet"
6700      },
6701    
6702  
6703    
6704    
6705      "linear-bulbs": {
6706        
6707          "image": "//rendl.fi/cdn/shop/files/261_IMG.jpg?v=1760687027&width=250",
6708        
6709        "title": "Lineaariset valonlähteet"
6710      },
6711    
6712  
6713    
6714    
6715      "par-bulbs": {
6716        
6717          "image": "//rendl.fi/cdn/shop/files/253_IMG.jpg?v=1760687051&width=250",
6718        
6719        "title": "Par-valonlähteet"
6720      },
6721    
6722  
6723    
6724    
6725      "t-shape-bulbs": {
6726        
6727          "image": "//rendl.fi/cdn/shop/files/254_IMG.jpg?v=1760613077&width=250",
6728        
6729        "title": "Putkimaiset valonlähteet"
6730      },
6731    
6732  
6733    
6734    
6735      "g4-12v-bulbs": {
6736        
6737          "image": "//rendl.fi/cdn/shop/files/260_IMG.jpg?v=1760625739&width=250",
6738        
6739        "title": "G4 12V-valonlähteet"
6740      },
6741    
6742  
6743    
6744    
6745      "gu53-12v-bulbs": {
6746        
6747          "image": "//rendl.fi/cdn/shop/files/246_IMG.jpg?v=1760618021&width=250",
6748        
6749        "title": "GU5,3 12V-valonlähteet"
6750      },
6751    
6752  
6753    
6754    
6755      "g53-ar111-12v-bulbs": {
6756        
6757          "image": "//rendl.fi/cdn/shop/files/258_IMG.jpg?v=1760612721&width=250",
6758        
6759        "title": "G53 (AR111) 12V-valonlähteet"
6760      },
6761    
6762  
6763    
6764    
6765      "plated-bulbs": {
6766        
6767          "image": "//rendl.fi/cdn/shop/files/262_IMG.jpg?v=1760618136&width=250",
6768        
6769        "title": "Peilipinnoitetut valonlähteet"
6770      },
6771    
6772  
6773    
6774    
6775      "dimmable-led-bulbs": {
6776        
6777          "image": "//rendl.fi/cdn/shop/files/248_IMG.jpg?v=1760611454&width=250",
6778        
6779        "title": "Himmennettävät LED-valonlähteet"
6780      },
6781    
6782  
6783    
6784    
6785      "remote-control-bulbs": {
6786        
6787          "image": "//rendl.fi/cdn/shop/files/196_IMG.jpg?v=1760617075&width=250",
6788        
6789        "title": "Kaukosäätimellä ohjattavat valonlähteet"
6790      },
6791    
6792  
6793    
6794    
6795      "small-bulb": {
6796        
6797          "image": "//rendl.fi/cdn/shop/files/280_IMG.jpg?v=1760617593&width=250",
6798        
6799        "title": "Miniglobe-valonlähteet"
6800      },
6801    
6802  
6803    
6804    
6805      "accessories": {
6806        
6807          "image": "//rendl.fi/cdn/shop/files/169_IMG.jpg?v=1760387470&width=250",
6808        
6809        "title": "LISÄTARVIKKEET"
6810      },
6811    
6812  
6813    
6814    
6815      "cables": {
6816        
6817          "image": "//rendl.fi/cdn/shop/files/245_IMG.jpg?v=1760553874&width=250",
6818        
6819        "title": "Kaapelit"
6820      },
6821    
6822  
6823    
6824    
6825      "ip-terminal-blocks": {
6826        
6827          "image": "//rendl.fi/cdn/shop/files/209_IMG.jpg?v=1760463842&width=250",
6828        
6829        "title": "Vedenpitävät liittimet"
6830      },
6831    
6832  
6833    
6834    
6835      "drivers": {
6836        
6837          "image": "//rendl.fi/cdn/shop/files/215_IMG.jpg?v=1760445351&width=250",
6838        
6839        "title": "Virtalähteet"
6840      },
6841    
6842  
6843    
6844    
6845      "controllers": {
6846        
6847          "image": "//rendl.fi/cdn/shop/files/216_IMG.jpg?v=1760445370&width=250",
6848        
6849        "title": "Ohjaimet"
6850      },
6851    
6852  
6853    
6854    
6855      "components": {
6856        
6857          "image": "//rendl.fi/cdn/shop/files/217_IMG.jpg?v=1760445389&width=250",
6858        
6859        "title": "Komponentit"
6860      },
6861    
6862  
6863    
6864    
6865      "sensors": {
6866        
6867          "image": "//rendl.fi/cdn/shop/files/208_IMG.jpg?v=1760445223&width=250",
6868        
6869        "title": "Anturit"
6870      },
6871    
6872  
6873    
6874    
6875      "shades-accessories": {
6876        
6877          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
6877d url input",
6878        
6879        "title": ""
6880      },
6881    
6882  
6883    
6884    
6885      "shades-and-shade-accessories": {
6886        
6887          "image": "//rendl.fi/cdn/shop/files/202_IMG.jpg?v=1760445111&width=250",
6888        
6889        "title": "Varjostimet ja tarvikkeet"
6890      },
6891    
6892  
6893    
6894    
6895      "pendant-shades": {
6896        
6897          "image": "//rendl.fi/cdn/shop/files/204_IMG.jpg?v=1760445149&width=250",
6898        
6899        "title": "Riippuvalaisimien varjostimet"
6900      },
6901    
6902  
6903    
6904    
6905      "suspensions-for-shades": {
6906        
6907          "image": "//rendl.fi/cdn/shop/files/203_IMG.jpg?v=1760445130&width=250",
6908        
6909        "title": "Riippuvalaisimen ripustimet"
6910      },
6911    
6912  
6913    
6914    
6915      "universal-shades": {
6916        
6917          "image": "//rendl.fi/cdn/shop/files/205_IMG.jpg?v=1760445169&width=250",
6918        
6919        "title": "Yleismalliset varjostimet"
6920      },
6921    
6922  
6923    
6924    
6925      "table-lamp-shades": {
6926        
6927          "image": "//rendl.fi/cdn/shop/files/91_IMG_cd7c474e-7ace-47a9-ac7e-0f77abe19ce3.jpg?v=1760464679&width=250",
6928        
6929        "title": "Pöytävalaisinten varjostimet"
6930      },
6931    
6932  
6933    
6934    
6935      "floor-lamp-shades": {
6936        
6937          "image": "//rendl.fi/cdn/shop/files/84_IMG.jpg?v=1760469939&width=250",
6938        
6939        "title": "Lattiavalaisinten varjostimet"
6940      },
6941    
6942  
6943    
6944    
6945      "stands-bases": {
6946        
6947          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6948        
6949        "title": ""
6950      },
6951    
6952  
6953    
6954    
6955      "bases": {
6956        
6957          "image": "//rendl.fi/cdn/shop/files/322_IMG.jpg?v=1764591178&width=250",
6958        
6959        "title": "Jalustat"
6960      },
6961    
6962  
6963    
6964    
6965      "spotlights": {
6966        
6967          "image": "//rendl.fi/cdn/shop/files/72_IMG_6ee1abcf-c44c-4f43-9e18-ded32ee09165.jpg?v=1760469087&width=250",
6968        
6969        "title": "Spotit"
6970      },
6971    
6972  
6973    
6974    
6975      "ceiling-spotlights": {
6976        
6977          "image": "//rendl.fi/cdn/shop/files/56_IMG.jpg?v=1760085329&width=250",
6978        
6979        "title": "Kattospotit"
6980      },
6981    
6982  
6983    
6984    
6985      "led-spotlights": {
6986        
6987          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
6988        
6989        "title": ""
6990      },
6991    
6992  
6993    
6994    
6995      "multiple-spotlights": {
6996        
6997          "image": "//rendl.fi/cdn/shop/files/239_IMG.jpg?v=1760686879&width=250",
6998        
6999        "title": "Moniosaiset spotit"
7000      },
7001    
7002  
7003    
7004    
7005      "spotlight-families": {
7006        
7007          "image": "//rendl.fi/cdn/shop/collections/missing-title_image_2809a816-a254-4eae-b471-1edd1e2dfb87.jpg?v=1788993025&width=250",
7008        
7009        "title": "Spot-sarjat"
7010      },
7011    
7012  
7013    
7014    
7015      "bathroom-spotlights": {
7016        
7017          "image": "//rendl.fi/cdn/shop/files/9_IMG.jpg?v=1760369522&width=250",
7018        
7019        "title": "Kylpyhuoneen spotit"
7020      },
7021    
7022  
7023    
7024    
7025      "gooseneck-lamps": {
7026        
7027          "image": "//rendl.fi/cdn/shop/files/271_IMG.jpg?v=1760553259&width=250",
7028        
7029        "title": "Joutsenkaula-valaisimet"
7030      },
7031    
7032  
7033    
7034    
7035      "besides-mirror-light": {
7036        
7037          "image": "//rendl.fi/cdn/shop/files/316_IMG_d6da17d5-3cd4-478d-85db-57aeb64c193c.jpg?v=1761123380&width=250",
7038        
7039        "title": "Kylpyhuoneen peilin sivuvalot"
7040      },
7041    
7042  
7043    
7044    
7045      "indirect-lighting": {
7046        
7047          "image": "//rendl.fi/cdn/shop/files/266_IMG.jpg?v=1760553761&width=250",
7048        
7049        "title": "Epäsuora valaistus"
7050      },
7051    
7052  
7053    
7054    
7055      "floor-lighting": {
7056        
7057          "image": "//rendl.fi/cdn/shop/files/289_IMG.jpg?v=1760625425&width=250",
7058        
7059        "title": "Lattiavalaistus"
7060      },
7061    
7062  
7063    
7064    
7065      "wooden-light": {
7066        
7067          "image": "//rendl.fi/cdn/shop/files/95_IMG_da3ce70c-c16a-4f25-8564-578a1d54c4fe.jpg?v=1785969021&width=250",
7068        
7069        "title": "Puuvalaisimet"
7070      },
7071    
7072  
7073    
7074    
7075      "wooden-floor-lamp": {
7076        
7077          "image": "//rendl.fi/cdn/shop/files/96_IMG.jpg?v=1760470181&width=250",
7078        
7079        "title": "Puiset lattiavalaisimet"
7080      },
7081    
7082  
7083    
7084    
7085      "plaster-lights": {
7086        
7087          "image": "//rendl.fi/cdn/shop/files/201_IMG.jpg?v=1760445093&width=250",
7088        
7089        "title": "Kipsivalaisimet"
7090      },
7091    
7092  
7093    
7094    
7095      "plaster-pendant-lights": {
7096        
7097          "image": "//rendl.fi/cdn/shop/files/283_IMG.jpg?v=1760972483&width=250",
7098        
7099        "title": "Kipsiset riippuvalaisimet"
7100      },
7101    
7102  
7103    
7104    
7105      "plaster-ceiling-lights": {
7106        
7107          "image": "//rendl.fi/cdn/shop/files/198_IMG.jpg?v=1760445036&width=250",
7108        
7109        "title": "Kattovalaisimet kipsistä"
7110      },
7111    
7112  
7113    
7114    
7115      "plaster-wall-lights": {
7116        
7117          "image": "//rendl.fi/cdn/shop/files/197_IMG.jpg?v=1760445017&width=250",
7118        
7119        "title": "Kipsiset seinävalaisimet"
7120      },
7121    
7122  
7123    
7124    
7125      "recessed-plaster-spotlights": {
7126        
7127          "image": "//rendl.fi/cdn/shop/files/199_IMG.jpg?v=1760445055&width=250",
7128        
7129        "title": "Kipsiset upotettavat valaisimet"
7130      },
7131    
7132  
7133    
7134    
7135      "ceramic-lights": {
7136        
7137          "image": "//rendl.fi/cdn/shop/files/99_IMG_d0c9c2cb-ff7e-4be6-b73c-b34d7478e708.jpg?v=1788820216&width=250",
7138        
7139        "title": "Keramiikkavalaisimet"
7140      },
7141    
7142  
7143    
7144    
7145      "ceramic-lamp": {
7146        
7147          "image": "//rendl.fi/cdn/shop/files/156_IMG.jpg?v=1760387362&width=250",
7148        
7149        "title": "Keramiikkavalaisimet"
7150      },
7151    
7152  
7153    
7154    
7155      "metal-lights": {
7156        
7157          "image": "//rendl.fi/cdn/shop/files/100_IMG.jpg?v=1760084750&width=250",
7158        
7159        "title": "Metalliset valaisimet"
7160      },
7161    
7162  
7163    
7164    
7165      "glass-lights": {
7166        
7167          "image": "//rendl.fi/cdn/shop/files/157_IMG_483d3386-e7b1-4452-b6f1-0d8e245a40e3.jpg?v=1781130624&width=250",
7168        
7169        "title": "Lasivalaisimet"
7170      },
7171    
7172  
7173    
7174    
7175      "glass-ceiling-lights": {
7176        
7177          "image": "//rendl.fi/cdn/shop/files/281_IMG.jpg?v=1760971704&width=250",
7178        
7179        "title": "Lasikattovalaisimet "
7180      },
7181    
7182  
7183    
7184    
7185      "glass-wall-lights": {
7186        
7187          "image": "//rendl.fi/cdn/shop/files/282_IMG.jpg?v=1760972444&width=250",
7188        
7189        "title": "Lasiseinävalaisimet"
7190      },
7191    
7192  
7193    
7194    
7195      "glass-chandelier": {
7196        
7197          "image": "//rendl.fi/cdn/shop/files/101_IMG_b7ed04cb-3480-4921-b4d7-ae86b3743178.jpg?v=1783463422&width=250",
7198        
7199        "title": "Lasiriippuvalaisimet "
7200      },
7201    
7202  
7203    
7204    
7205      "copper-lamps": {
7206        
7207          "image": "//rendl.fi/cdn/shop/files/103_IMG.jpg?v=1760469380&width=250",
7208        
7209        "title": "Kuparivalaisimet"
7210      },
7211    
7212  
7213    
7214    
7215      "copper-chandeliers": {
7216        
7217          "image": "//rendl.fi/cdn/shop/files/102_IMG.jpg?v=1760469827&width=250",
7218        
7219        "title": "Kuparinväriset riippuvalaisimet"
7220      },
7221    
7222  
7223    
7224    
7225      "concrete-lights": {
7226        
7227          "image": "//rendl.fi/cdn/shop/files/160_IMG.jpg?v=1760369505&width=250",
7228        
7229        "title": "Betonivalaisimet"
7230      },
7231    
7232  
7233    
7234    
7235      "concrete-lamp": {
7236        
7237          "image": "//rendl.fi/cdn/shop/files/105_IMG_e7dc7029-523d-4d05-98f1-d28c35989472.jpg?v=1762348161&width=250",
7238        
7239        "title": "Betonivalaisimet"
7240      },
7241    
7242  
7243    
7244    
7245      "dimmable-lights": {
7246        
7247          "image": "//rendl.fi/cdn/shop/files/163_IMG_4e379e45-1c0f-4c02-b9e8-b2232b484eb2.jpg?v=1760615401&width=250",
7248        
7249        "title": "Himmennettävät valaisimet"
7250      },
7251    
7252  
7253    
7254    
7255      "dimmable-led-bulbs": {
7256        
7257          "image": "//rendl.fi/cdn/shop/files/248_IMG.jpg?v=1760611454&width=250",
7258        
7259        "title": "Himmennettävät LED-valonlähteet"
7260      },
7261    
7262  
7263    
7264    
7265      "dimmable-pendant-lights": {
7266        
7267          "image": "//rendl.fi/cdn/shop/files/192_IMG.jpg?v=1760444924&width=250",
7268        
7269        "title": "Himmennettävät riippuvalaisimet"
7270      },
7271    
7272  
7273    
7274    
7275      "dimmable-led-pendant-lights": {
7276        
7277          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
7278        
7279        "title": ""
7280      },
7281    
7282  
7283    
7284    
7285      "dimmable-ceiling-light": {
7286        
7287          "image": "//rendl.fi/cdn/shop/files/59_IMG_b18ba933-637c-4464-8bc8-3b333067efa2.jpg?v=1782945021&width=250",
7288        
7289        "title": "Himmennettävät kattovalaisimet"
7290      },
7291    
7292  
7293    
7294    
7295      "dimmable-led-ceiling-lights": {
7296        
7297          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invali
7297d url input",
7298        
7299        "title": ""
7300      },
7301    
7302  
7303    
7304    
7305      "dimmable-wall-lights": {
7306        
7307          "image": "//rendl.fi/cdn/shop/files/249_IMG.jpg?v=1760683340&width=250",
7308        
7309        "title": "Himmennettävät seinävalaisimet"
7310      },
7311    
7312  
7313    
7314    
7315      "dimmable-led-wall-lights": {
7316        
7317          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
7318        
7319        "title": ""
7320      },
7321    
7322  
7323    
7324    
7325      "dimmable-recessed-spotlights": {
7326        
7327          "image": "//rendl.fi/cdn/shop/files/194_IMG.jpg?v=1760444963&width=250",
7328        
7329        "title": "Himmennettävät upotettavat valaisimet"
7330      },
7331    
7332  
7333    
7334    
7335      "dimmable-led-recessed-spotlights": {
7336        
7337          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
7338        
7339        "title": ""
7340      },
7341    
7342  
7343    
7344    
7345      "dimmable-table-lamp": {
7346        
7347          "image": "//rendl.fi/cdn/shop/files/93_IMG_0c30ba9c-e219-457a-b9a6-1d260624353d.jpg?v=1787697023&width=250",
7348        
7349        "title": "Himmennettävät pöytävalaisimet"
7350      },
7351    
7352  
7353    
7354    
7355      "dimmable-led-table-lamp": {
7356        
7357          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
7358        
7359        "title": ""
7360      },
7361    
7362  
7363    
7364    
7365      "dimmable-led-floor-lamp": {
7366        
7367          "image": "Liquid error (sections/main-mega-menu-rendl line 1340): invalid url input",
7368        
7369        "title": ""
7370      },
7371    
7372  
7373    
7374    
7375      "adjustable-lights": {
7376        
7377          "image": "//rendl.fi/cdn/shop/files/235_IMG.jpg?v=1760470085&width=250",
7378        
7379        "title": "Säädettävät"
7380      },
7381    
7382  
7383    
7384    
7385      "adjustable-position": {
7386        
7387          "image": "//rendl.fi/cdn/shop/files/218_IMG.jpg?v=1760445408&width=250",
7388        
7389        "title": "Säädettävä asento"
7390      },
7391    
7392  
7393    
7394    
7395      "adjustable-height": {
7396        
7397          "image": "//rendl.fi/cdn/shop/files/236_IMG.jpg?v=1760469521&width=250",
7398        
7399        "title": "Korkeussäädettävät"
7400      },
7401    
7402  
7403    
7404    
7405      "light-color-changing": {
7406        
7407          "image": "//rendl.fi/cdn/shop/collections/Color_changng_icon_85b80523-ff20-481e-a627-ada12ae55e32.png?v=1758545070&width=250",
7408        
7409        "title": "Light color changing"
7410      },
7411    
7412  
7413    
7414    
7415      "paintable-lights": {
7416        
7417          "image": "//rendl.fi/cdn/shop/files/315_IMG.jpg?v=1761045423&width=250",
7418        
7419        "title": "Maalattavat valaisimet"
7420      },
7421    
7422  
7423    
7424    
7425      "rgb": {
7426        
7427          "image": "//rendl.fi/cdn/shop/files/247_IMG.jpg?v=1760553749&width=250",
7428        
7429        "title": "RGB"
7430      },
7431    
7432  
7433    
7434    
7435      "lights-with-sensor": {
7436        
7437          "image": "//rendl.fi/cdn/shop/files/161_IMG.jpg?v=1760387392&width=250",
7438        
7439        "title": "Valaisimet liiketunnistimella"
7440      },
7441    
7442  
7443    
7444    
7445      "ceiling-light-with-sensor": {
7446        
7447          "image": "//rendl.fi/cdn/shop/files/64_IMG.jpg?v=1760470226&width=250",
7448        
7449        "title": "Kattovalaisimet liiketunnistimella"
7450      },
7451    
7452  
7453    
7454    
7455      "outdoor-lamps-with-sensor": {
7456        
7457          "image": "//rendl.fi/cdn/shop/files/144_IMG.jpg?v=1760387232&width=250",
7458        
7459        "title": "Ulkovalaisimet tunnistimella"
7460      },
7461    
7462  
7463    
7464    
7465      "light-with-motion-sensor": {
7466        
7467          "image": "//rendl.fi/cdn/shop/files/108_IMG_0cbb339b-f63a-45b6-af80-6143df1b2c3b.jpg?v=1779575423&width=250",
7468        
7469        "title": "Valaisimet liiketunnistimella"
7470      },
7471    
7472  
7473    
7474    
7475      "remote-control-lights": {
7476        
7477          "image": "//rendl.fi/cdn/shop/files/162_IMG.jpg?v=1760553467&width=250",
7478        
7479        "title": "Kaukosäädettävät valaisimet"
7480      },
7481    
7482  
7483    
7484    
7485      "ceiling-lights-with-remote-control": {
7486        
7487          "image": "//rendl.fi/cdn/shop/files/110_IMG_53669b59-a8f5-4033-b6b1-4b574967da2c.jpg?v=1763039373&width=250",
7488        
7489        "title": "Kattovalaisimet kaukosäätimellä"
7490      },
7491    
7492  
7493    
7494    
7495      "led-strip-with-remote": {
7496        
7497          "image": "//rendl.fi/cdn/shop/files/113_IMG.jpg?v=1760469535&width=250",
7498        
7499        "title": "LED-nauhat kaukosäätimellä"
7500      },
7501    
7502  
7503    
7504    
7505      "remote-control-bulbs": {
7506        
7507          "image": "//rendl.fi/cdn/shop/files/196_IMG.jpg?v=1760617075&width=250",
7508        
7509        "title": "Kaukosäätimellä ohjattavat valonlähteet"
7510      },
7511    
7512  
7513    
7514    
7515      "ip-protection": {
7516        
7517          "image": "//rendl.fi/cdn/shop/files/210_IMG.jpg?v=1760620511&width=250",
7518        
7519        "title": "IP-luokitus"
7520      },
7521    
7522  
7523    
7524    
7525      "ip44": {
7526        
7527          "image": "//rendl.fi/cdn/shop/files/211_IMG_db866cdc-9b01-44cb-a7ff-02ee31852695.jpg?v=1760620532&width=250",
7528        
7529        "title": "IP44"
7530      },
7531    
7532  
7533    
7534    
7535      "ip54": {
7536        
7537          "image": "//rendl.fi/cdn/shop/files/212_IMG.jpg?v=1760445293&width=250",
7538        
7539        "title": "IP54"
7540      },
7541    
7542  
7543    
7544    
7545      "ip65": {
7546        
7547          "image": "//rendl.fi/cdn/shop/files/213_IMG.jpg?v=1760445313&width=250",
7548        
7549        "title": "IP65"
7550      },
7551    
7552  
7553    
7554    
7555      "ip67": {
7556        
7557          "image": "//rendl.fi/cdn/shop/files/214_IMG.jpg?v=1760445332&width=250",
7558        
7559        "title": "IP67"
7560      },
7561    
7562  
7563  "dummy": {}
7564}
7565;
7566
7567document.addEventListener('DOMContentLoaded', function() {
7568  // Show more functionality
7569  const showMoreBtns = document.querySelectorAll('.main-mega-menu-rendl__show-more');
7570  showMoreBtns.forEach(btn => {
7571    btn.addEventListener('click', function(e) {
7572      e.preventDefault();
7573      e.stopPropagation();
7574      const column = this.closest('.main-mega-menu-rendl__column-content');
7575      const hiddenItems = column.querySelector('.main-mega-menu-rendl__hidden-items');
7576      
7577      if (hiddenItems.classList.contains('show')) {
7578        hiddenItems.classList.remove('show');
7579        const showText = this.getAttribute('data-show-text');
7580        const arrowImg = this.querySelector('img');
7581        if (arrowImg) {
7582          arrowImg.style.transform = 'rotate(0deg)';
7583        }
7584        this.innerHTML = showText + (arrowImg ? arrowImg.outerHTML : '');
7585      } else {
7586        hiddenItems.classList.add('show');
7587        const hideText = this.getAttribute('data-hide-text');
7588        const arrowImg = this.querySelector('img');
7589        if (arrowImg) {
7590          arrowImg.style.transform = 'rotate(180deg)';
7591        }
7592        this.innerHTML = hideText + (arrowImg ? arrowImg.outerHTML : '');
7593      }
7594    });
7595  });
7596
7597  // Collection image tooltip functionality
7598  const tooltip = document.createElement('div');
7599  tooltip.className = 'main-mega-menu-rendl__tooltip';
7600  tooltip.style.cssText = 'position: fixed; opacity: 0; visibility: hidden; z-index: 10000; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; cursor: pointer;';
7601  document.body.appendChild(tooltip);
7602
7603  const tooltipImg = document.createElement('img');
7604  tooltipImg.style.cssText = 'width: 170px; height: 170px; object-fit: cover; display: block; box-shadow: 0 4px 20px rgba(0,0,0,0.15);';
7605  tooltip.appendChild(tooltipImg);
7606
7607  let hideTimeout = null;
7608  let currentLink = null;
7609  let currentCategoryButton = null;
7610
7611  // Add click handler to tooltip for category buttons
7612  tooltip.addEventListener('click', function(e) {
7613    if (currentCategoryButton) {
7614      e.preventDefault();
7615      e.stopPropagation();
7616      // Hide tooltip immediately
7617      tooltip.style.opacity = '0';
7618      tooltip.style.visibility = 'hidden';
7619      tooltip.style.pointerEvents = 'none';
7620      // Trigger click on the category button to open menu
7621      currentCategoryButton.click();
7622      currentCategoryButton = null;
7623      currentLink = null;
7624    }
7625  });
7626
7627  // Keep tooltip visible when hovering over it (for category tooltips)
7628  tooltip.addEventListener('mouseenter', function() {
7629    if (hideTimeout) {
7630      clearTimeout(hideTimeout);
7631      hideTimeout = null;
7632    }
7633  });
7634
7635  tooltip.addEventListener('mouseleave', function() {
7636    hideTooltip();
7637  });
7638
7639  function extractCollectionHandle(url) {
7640    if (!url || !url.includes('/collections/')) return null;
7641    const parts = url.split('/collections/')[1];
7642    if (!parts) return null;
7643    return parts.split('/')[0].split('?')[0].split('#')[0];
7644  }
7645
7646  function showTooltip(link, handle) {
7647    if (hideTimeout) {
7648      clearTimeout(hideTimeout);
7649      hideTimeout = null;
7650    }
7651
7652    const collectionData = window.collectionImagesData[handle];
7653    if (!collectionData || !collectionData.image) return;
7654
7655    currentLink = link;
7656    currentCategoryButton = null;
7657    tooltipImg.src = collectionData.image;
7658    updateTooltipPosition(link, 'left');
7659    
7660    // Disable pointer events for regular collection tooltips
7661    tooltip.style.pointerEvents = 'none';
7662    
7663    // Trigger animation after position is set
7664    setTimeout(() => {
7665      tooltip.style.opacity = '1';
7666      tooltip.style.visibility = 'visible';
7667    }, 10);
7668  }
7669
7670  function hideTooltip() {
7671    hideTimeout = setTimeout(() => {
7672      tooltip.style.opacity = '0';
7673      tooltip.style.visibility = 'hidden';
7674      tooltip.style.pointerEvents = 'none';
7675      currentLink = null;
7676      currentCategoryButton = null;
7677    }, 100);
7678  }
7679
7680  function updateTooltipPosition(link, mode) {
7681    const rect = link.getBoundingClientRect();
7682    const tooltipWidth = 170;
7683    const tooltipHeight = 170;
7684    const offset = 12;
7685
7686    let left, top;
7687
7688    if (mode === 'below') {
7689      // First-level category buttons: show below, aligned to left of button
7690      left = rect.left;
7691      top = rect.bottom + offset;
7692
7693      if (left + tooltipWidth > window.innerWidth - 10) {
7694        left = window.innerWidth - tooltipWidth - 10;
7695      }
7696      if (left < 10) left = 10;
7697      if (top + tooltipHeight > window.innerHeight - 10) {
7698        top = rect.top - tooltipHeight - offset;
7699      }
7700      if (top < 10) top = 10;
7701    } else {
7702      // Sub-items: show to the left, vertically centered
7703      left = rect.left - tooltipWidth - offset;
7704      const linkMid = rect.top + rect.height / 2;
7705      top = linkMid - tooltipHeight / 2;
7706
7707      if (left < 10) {
7708        left = rect.right + offset;
7709      }
7710      if (left + tooltipWidth > window.innerWidth - 10) {
7711        left = window.innerWidth - tooltipWidth - 10;
7712      }
7713      if (top + tooltipHeight > window.innerHeight - 10) {
7714        top = window.innerHeight - tooltipHeight - 10;
7715      }
7716      if (top < 10) top = 10;
7717    }
7718
7719    tooltip.style.left = left + 'px';
7720    tooltip.style.top = top + 'px';
7721  }
7722
7723  // Add hover listeners to all collection links in mega menu
7724  const menuLinks = document.querySelectorAll('.main-mega-menu-rendl__column li a, .main-mega-menu-rendl__column h3 a');
7725  
7726  menuLinks.forEach(link => {
7727    const handle = extractCollectionHandle(link.getAttribute('href'));
7728    if (!handle) return;
7729
7730    link.addEventListener('mouseenter', function() {
7731      showTooltip(this, handle);
7732    });
7733
7734    link.addEventListener('mouseleave', function() {
7735      hideTooltip();
7736    });
7737  });
7738
7739  // Add hover listeners to category buttons
7740  const categoryButtons = document.querySelectorAll('.main-mega-menu-rendl__item > button[data-category-image]');
7741  
7742  categoryButtons.forEach(button => {
7743    const imageUrl = button.getAttribute('data-category-image');
7744    if (!imageUrl) return;
7745
7746    button.addEventListener('mouseenter', function() {
7747      showCategoryTooltip(this, imageUrl);
7748    });
7749
7750    button.addEventListener('mouseleave', function() {
7751      hideTooltip();
7752    });
7753  });
7754
7755  function showCategoryTooltip(button, imageUrl) {
7756    if (hideTimeout) {
7757      clearTimeout(hideTimeout);
7758      hideTimeout = null;
7759    }
7760
7761    currentLink = button;
7762    currentCategoryButton = button;
7763    tooltipImg.src = imageUrl;
7764    updateTooltipPosition(button, 'below');
7765    
7766    // Enable pointer events for category tooltips
7767    tooltip.style.pointerEvents = 'auto';
7768    
7769    // Trigger animation after position is set
7770    setTimeout(() => {
7771      tooltip.style.opacity = '1';
7772      tooltip.style.visibility = 'visible';
7773    }, 10);
7774  }
7775
7776  // Update tooltip position on scroll
7777  window.addEventListener('scroll', function() {
7778    if (currentLink && tooltip.style.opacity === '1') {
7779      updateTooltipPosition(currentLink, currentCategoryButton ? 'below' : 'left');
7780    }
7781  }, { passive: true });
7782});
7783</script>
7783
7784
7785 
7786</div><div id="shopify-section-sections--28113425695018__main_mega_menu_rendl_mobile_7Utknp" class="shopify-section shopify-section-group-header-group"><style>
7787@media (max-width: 989px) {
7788  body.mobile-menu-open {
7789    overflow: hidden !important;
7790    position: fixed;
7791    width: 100%;
7792    height: 100%;
7793    touch-action: none;
7794  }
7795  .main-mega-menu-mobile-overlay {
7796    display: none;
7797    position: fixed;
7798    top: 0;
7799    left: 0;
7800    width: 100vw;
7801    height: 100vh;
7802    background: rgba(30, 30, 30, 0.38);
7803    backdrop-filter: blur(4px);
7804    z-index: 9999;
7805    transition: opacity 0.3s;
7806    opacity: 0;
7807  }
7808  .main-mega-menu-mobile-overlay.open {
7809    display: block;
7810    opacity: 1;
7811  }
7812  .main-mega-menu-mobile {
7813    display: none;
7814    background: #fff;
7815    width: 85vw;
7816    position: fixed;
7817    top: 0;
7818    left: 0;
7819    z-index: 9999;
7820    height: 100vh;
7821    overflow-y: auto;
7822    overflow-x: hidden;
7823    -webkit-overflow-scrolling: touch;
7824    overscroll-behavior: contain;
7825    transition: opacity 0.35s cubic-bezier(.4,0,.2,1), transform 0.35s cubic-bezier(.4,0,.2,1);
7826    transform: translateX(-100%);
7827    opacity: 0;
7828    pointer-events: none;
7829  }
7830  .main-mega-menu-mobile.open {
7831    display: block;
7832    transform: translateX(0);
7833    opacity: 1;
7834    pointer-events: auto;
7835  }
7836  .main-mega-menu-mobile.dissolve-in {
7837    animation: megaMenuDissolveIn 0.15s cubic-bezier(.4,0,.2,1);
7838  }
7839  .main-mega-menu-mobile.dissolve-out {
7840    animation: megaMenuDissolveOut 0.15s cubic-bezier(.4,0,.2,1);
7841  }
7842  .main-mega-menu-mobile__header {
7843    display: flex;
7844    align-items: center;
7845    padding: 1.2rem 1.5rem;
7846    border-bottom: 1px solid #eee;
7847    font-size: 1.0rem;
7848    font-weight: 400;
7849    font-family: 'Montserrat', sans-serif;
7850    letter-spacing: 0.08em;
7851    text-transform: uppercase;
7852    background: #fff;
7853  }
7854  .main-mega-menu-mobile__back {
7855    margin-right: 1rem;
7856    font-size: 1.7rem;
7857    background: none;
7858    border: none;
7859    cursor: pointer;
7860    color: #232323;
7861    display: none;
7862    display: flex;
7863    align-items: center;
7864    justify-content: center;
7865    height: 100%;
7866    padding: 0;
7867  }
7868  .main-mega-menu-mobile__back.visible {
7869    display: inline-block;
7870  }
7871  .main-mega-menu-mobile__title {
7872    font-family: 'Montserrat', sans-serif;
7873    font-size: 1.4rem;
7874    font-weight: 400;
7875    letter-spacing: 0.08em;
7876    text-transform: uppercase;
7877    flex: 1;
7878    text-align: left;
7879    cursor: pointer;
7880  }
7881  .main-mega-menu-mobile__close {
7882    background: none;
7883    border: none;
7884    padding: 0 0.2rem;
7885    margin-left: 0.5rem;
7886    cursor: pointer;
7887    color: #232323;
7888    display: flex;
7889    align-items: center;
7890    justify-content: center;
7891    transition: color 0.2s;
7892  }
7893  .main-mega-menu-mobile__close:hover,
7894  .main-mega-menu-mobile__close:focus {
7895    color: #111;
7896  }
7897  .main-mega-menu-mobile__close-icon {
7898    width: 32px;
7899    height: 32px;
7900    display: block;
7901  }
7902  .main-mega-menu-mobile__list {
7903    list-style: none;
7904    margin: 0;
7905    padding: 0;
7906  }
7907  .main-mega-menu-mobile__item {
7908    padding: 1.3rem 1.5rem;
7909    border-bottom: 1px solid #f2f2f2;
7910    font-size: 1.7rem;
7911    font-weight: 400;
7912    font-family: 'Montserrat', sans-serif;
7913    display: flex;
7914    align-items: center;
7915    justify-content: space-between;
7916    background: #fff;
7917    cursor: pointer;
7918  }
7919  .main-mega-menu-mobile__item > span {
7920    display: flex;
7921    align-items: center;
7922    justify-content: space-between;
7923    width: 100%;
7924    gap: 0;
7925  }
7926  .main-mega-menu-mobile__item span.menu-arrow {
7927    display: flex;
7928    align-items: center;
7929    justify-content: flex-end;
7930    margin-left: auto;
7931    width: 22px;
7932    height: 22px;
7933    font-size: 22px;
7934    line-height: 1;
7935    color: #ababab;
7936  }
7937  .main-mega-menu-mobile__item--link {
7938    background: #fff;
7939    color: #232323;
7940  }
7941  .main-mega-menu-mobile__item--news {
7942    background: #8ed081;
7943    color: #fff;
7944  }
7945  .main-mega-menu-mobile__item--sale {
7946    background: #ED6346;
7947    color: #fff;
7948  }
7949  .main-mega-menu-mobile__item--extreme {
7950    background: #fff;
7951    color: #ED6346;
7952  }
7953  .main-mega-menu-mobile__item--showall {
7954    background: #fff;
7955    color: #232323;
7956  }
7957  .main-mega-menu-mobile__item--special {
7958    display: flex;
7959    align-items: center;
7960    width: 100%;
7961    min-width: 0;
7962    max-width: 100%;
7963    margin: 0;
7964    padding: 0 1.2rem;
7965    height: 48px;
7966    border-radius: 0;
7967    font-size: 1.7rem;
7968    font-weight: 400;
7969    font-family: 'Montserrat', sans-serif;
7970    border: 1px solid #d1d1d1;
7971    background: #fff;
7972    color: #232323;
7973    cursor: pointer;
7974    transition: background 0.2s, color 0.2s, border 0.2s;
7975    box-shadow: none;
7976    gap: 0.5rem;
7977  }
7978  .main-mega-menu-mobile__item--special.main-mega-menu-mobile__item--news {
7979    background: #8ed081;
7980    color: #fff;
7981    border: 1px solid #8ed081;
7982  }
7983  .main-mega-menu-mobile__item--special.main-mega-menu-mobile__item--sale {
7984    background: #ED6346;
7985    color: #fff;
7986    border: 1px solid #ED6346;
7987  }
7988  .main-mega-menu-mobile__item--special.main-mega-menu-mobile__item--showall {
7989    background: #fff;
7990    color: #232323;
7991    border: 1px solid #d1d1d1;
7992  }
7993  .main-mega-menu-mobile__item--special.main-mega-menu-mobile__item--extreme {
7994    background: #fff;
7995    color: #ED6346;
7996    border: 1px solid #ED6346;
7997  }
7998  .main-mega-menu-mobile__item--special.main-mega-menu-mobile__item--all {
7999    height: auto;
8000    min-height: 48px;
8001    white-space: normal;
8002    line-height: 1.3;
8003    padding-top: 0.7rem;
8004    padding-bottom: 0.7rem;
8005    padding-left: 1.5rem;
8006    padding-right: 1.5rem;
8007    margin-bottom: 0.7rem;
8008    margin-top: 0.9rem;
8009    box-sizing: border-box;
8010    max-width: 90%;
8011    margin-left: auto;
8012    margin-right: auto;
8013  }
8014  .main-mega-menu-mobile__item--special a,
8015  .main-mega-menu-mobile__item--special span {
8016    display: flex;
8017    align-items: center;
8018    gap: 0.4rem;
8019    font-size: 1.7rem;
8020    color: inherit;
8021    text-decoration: none;
8022    font-family: inherit;
8023    font-weight: 400;
8024  }
8025  .main-mega-menu-mobile__style-grid {
8026    display: flex;
8027    flex-direction: column;
8028    gap: 0;
8029    padding: 1.5rem;
8030    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
8031  }
8032  .main-mega-menu-mobile__style-item {
8033    display: flex;
8034    flex-direction: column;
8035    background: #fff;
8036    border: 1px solid #eee;
8037    border-radius: 0;
8038    overflow: hidden;
8039    text-decoration: none;
8040    color: #232323;
8041    margin-bottom: 1.5rem;
8042    box-shadow: none;
8043    padding: 0;
8044    transition: box-shadow 0.2s;
8045  }
8046  .main-mega-menu-mobile__style-item:last-child {
8047    margin-bottom: 0;
8048  }
8049  .main-mega-menu-mobile__style-img {
8050    width: 100%;
8051    height: 160px;
8052    object-fit: cover;
8053    background: #f5f5f5;
8054    border-radius: 0;
8055    display: block;
8056  }
8057  .main-mega-menu-mobile__style-title {
8058    padding: 1rem 1.2rem;
8059    font-size: 1.7rem;
8060    color: #232323;
8061    font-weight: 500;
8062    text-align: left;
8063    background: #fff;
8064    border: none;
8065    margin: 0;
8066  }
8067  .main-mega-menu-mobile__style-item,
8068  .main-mega-menu-mobile__style-item:visited,
8069  .main-mega-menu-mobile__style-item:active {
8070    text-decoration: none;
8071    color: #232323;
8072  }
8073  .main-mega-menu-mobile__style-item:hover {
8074    color: #444;
8075    text-decoration: underline;
8076    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
8077  }
8078  .main-mega-menu-mobile-catalog-container {
8079    width: 100%;
8080    padding: 1.2rem 1.5rem 0.8rem 1.5rem;
8081    background: transparent;
8082    box-sizing: border-box;
8083  }
8084  .main-mega-menu-mobile-catalog-btn {
8085    display: flex;
8086    align-items: center;
8087    justify-content: space-between;
8088    width: 100%;
8089    height: 52px;
8090    background: #fff;
8091    color: #111;
8092    font-size: 1.4rem;
8093    font-weight: 400;
8094    font-family: 'Montserrat', sans-serif;
8095    border: 1px solid #d1d1d1;
8096    border-radius: 0;
8097    margin: 0;
8098    padding: 0 1.5rem;
8099    text-align: left;
8100    line-height: 52px;
8101    cursor: pointer;
8102    letter-spacing: 0.08em;
8103    text-transform: uppercase;
8104    transition: background 0.2s, color 0.2s, border 0.2s;
8105    box-shadow: none;
8106    gap: 1.2rem;
8107  }
8108  .main-mega-menu-mobile-catalog-btn:hover,
8109  .main-mega-menu-mobile-catalog-btn:focus {
8110    background: #111;
8111    color: #fff;
8112    border: 1px solid #d1d1d1;
8113    outline: none;
8114  }
8115  .main-mega-menu-mobile-catalog-btn__text {
8116    flex: 1 1 auto;
8117    font-family: 'Montserrat', sans-serif;
8118    text-align: left;
8119    font-size: 1.4rem;
8120    font-weight: 400;
8121    letter-spacing: 0.08em;
8122    text-transform: uppercase;
8123    white-space: nowrap;
8124    overflow: hidden;
8125    text-overflow: ellipsis;
8126  }
8127  .main-mega-menu-mobile-catalog-btn__arrow {
8128    display: flex;
8129    align-items: center;
8130    justify-content: flex-end;
8131    width: 18px;
8132    height: 18px;
8133    margin-left: 0.5rem;
8134    flex-shrink: 0;
8135  }
8136  .main-mega-menu-mobile__special-list {
8137    display: flex;
8138    flex-direction: column;
8139    gap: 1.5rem;
8140    padding: 4rem 1.5rem calc(80px + env(safe-area-inset-bottom, 0px)) 1.5rem;
8141  }
8142  .menu-arrow::before,
8143  .menu-arrow::after {
8144    content: none !important;
8145  }
8146  .main-mega-menu-mobile__content {
8147    position: relative;
8148    min-height: 100px;
8149    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
8150  }
8151  .main-mega-menu-mobile__content.slide-in {
8152    animation: megaMenuSlideIn 0.35s cubic-bezier(.4,0,.2,1);
8153  }
8154  .main-mega-menu-mobile__content.slide-out {
8155    animation: megaMenuSlideOut 0.35s cubic-bezier(.4,0,.2,1);
8156  }
8157  .main-mega-menu-mobile__content.slide-in-reverse {
8158    animation: megaMenuSlideInReverse 0.35s cubic-bezier(.4,0,.2,1);
8159  }
8160  .main-mega-menu-mobile__content.slide-out-reverse {
8161    animation: megaMenuSlideOutReverse 0.35s cubic-bezier(.4,0,.2,1);
8162  }
8163  @keyframes megaMenuSlideIn {
8164    from { opacity: 0; transform: translateX(40px); }
8165    to { opacity: 1; transform: translateX(0); }
8166  }
8167  @keyframes megaMenuSlideOut {
8168    from { opacity: 1; transform: translateX(0); }
8169    to { opacity: 0; transform: translateX(-40px); }
8170  }
8171  @keyframes megaMenuSlideInReverse {
8172    from { opacity: 0; transform: translateX(-40px); }
8173    to { opacity: 1; transform: translateX(0); }
8174  }
8175  @keyframes megaMenuSlideOutReverse {
8176    from { opacity: 1; transform: translateX(0); }
8177    to { opacity: 0; transform: translateX(40px); }
8178  }
8179  @keyframes megaMenuDissolveIn {
8180    from { opacity: 0; }
8181    to { opacity: 1; }
8182  }
8183  @keyframes megaMenuDissolveOut {
8184    from { opacity: 1; }
8185    to { opacity: 0; }
8186  }
8187}
8188@media (min-width: 990px) {
8189  .main-mega-menu-mobile,
8190  .main-mega-menu-mobile-catalog-container,
8191  .main-mega-menu-mobile-overlay {
8192    display: none !important;
8193  }
8194}
8195</style>
8196
8197<div class="main-mega-menu-mobile-catalog-container">
8198  <button class="main-mega-menu-mobile-catalog-btn" type="button" onclick="openMegaMenuMobile()" id="main-mega-menu-mobile-catalog-btn">
8199    <span class="main-mega-menu-mobile-catalog-btn__text"></span>
8200    <span class="main-mega-menu-mobile-catalog-btn__arrow">
8201      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8202        <path d="M4 7L9 12L14 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8203      </svg>
8204    </span>
8205  </button>
8206</div>
8207<div class="main-mega-menu-mobile-overlay" id="main-mega-menu-mobile-overlay" onclick="closeMegaMenuMobile()"></div>
8208
8209<div class="main-mega-menu-mobile" id="main-mega-menu-mobile">
8210  <div class="main-mega-menu-mobile__header">
8211    <button class="main-mega-menu-mobile__back" id="main-mega-menu-mobile-back">
8212      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" style="display:block;" xmlns="http://www.w3.org/2000/svg">
8213        <path d="M15 6L9 12L15 18" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
8214      </svg>
8215    </button>
8216    <span class="main-mega-menu-mobile__title" id="main-mega-menu-mobile-title"></span>
8217    <button class="main-mega-menu-mobile__close" onclick="closeMegaMenuMobile()" aria-label="Close">
8218      <svg class="main-mega-menu-mobile__close-icon" width="32" height="32" viewBox="0 0 32 32" fill="none">
8219        <line x1="9" y1="9" x2="23" y2="23" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
8220        <line x1="23" y1="9" x2="9" y2="23" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
8221      </svg>
8222    </button>
8223  </div>
8224  <div class="main-mega-menu-mobile__content" id="main-mega-menu-mobile-content">
8225
8226  </div>
8227</div>
8228
8229<script>
8230
8231var catalogText = {
8232  cs: 'Katalog', sk: 'Katalóg', de: 'Katalog', fr: 'Catalogue', it: 'Catalogo', es: 'Catálogo', nl: 'Catalogus', pl: 'Katalog', hu: 'Katalógus', ro: 'Catalog', bg: 'Каталог', hr: 'Katalog', fi: 'Tuotteet', el: 'Κατάλογος', no: 'Katalog', pt: 'Catálogo', sl: 'Katalog', sv: 'Produkter', lv: 'Katalogs', lt: 'Katalogas', et: 'Kataloog', da: 'Produkter', en: 'Products'
8233};
8234var lang = (document.documentElement.lang || 'en').split('-')[0];
8235var catalogBtnText = catalogText[lang] ? catalogText[lang].toUpperCase() : catalogText['en'].toUpperCase();
8236window.__megaMenuMobileCatalogText = catalogBtnText;
8237document.addEventListener('DOMContentLoaded', function() {
8238  var btnText = document.querySelector('#main-mega-menu-mobile-catalog-btn .main-mega-menu-mobile-catalog-btn__text');
8239  if (btnText) btnText.textContent = window.__megaMenuMobileCatalogText || 'CATALOG';
8240  var title = document.getElementById('main-mega-menu-mobile-title');
8241  if (title) title.textContent = window.__megaMenuMobileCatalogText || 'CATALOG';
8242});
8243</script>
8243
8244
8245<script>
8246(function() {
8247
8248  // Статическая структура меню с переводами
8249  var megaMenu = [
8250    // Interiérová světla
8251    {
8252      "title": "Sisä",
8253      "handle": "interior",
8254      "url": "/collections/interior-lights",
8255      "style": false,
8256        "links": [
8257        {
8258          "title": "Toimiston valaisimet",
8259          "handle": "office-lighting",
8260          "url": "/collections/office-lighting",
8261          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Office_lighting.png?v=1751390220\u0026width=320",
8262              "links": [
8263            { "title": "Riippuvalaisimet", "url": "/collections/office-pendant-lights" },
8264            { "title": "Kattovalaisimet", "url": "/collections/office-ceiling-lights" },
8265            { "title": "Pöytävalaisimet", "url": "/collections/office-lamps" },
8266            { "title": "3-vaihe kohdevalaisimet", "url": "/collections/3-circuit-spotlights" },
8267            { "title": "1-vaihe kohdevalaisimet", "url": "/collections/1-circuit-spotlights" }
8268          ]
8269        },
8270        {
8271          "title": "Kylpyhuoneen valaistus",
8272          "handle": "bathroom-lighting",
8273          "url": "/collections/bathroom-lighting",
8274          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Bathroom_lightning.png?v=1751393525\u0026width=320",
8275          "links": [
8276            { "title": "Peilin sivuvalot", "url": "/collections/besides-mirror-light" },
8277            { "title": "Peilin ylävalot", "url": "/collections/above-mirror-lights" },
8278            { "title": "Seinävalaisimet", "url": "/collections/bathroom-wall-light" },
8279            { "title": "Kattovalaisimet", "url": "/collections/bathroom-ceiling-light" },
8280            { "title": "Upotettavat spotit", "url": "/collections/recessed-bathroom-spotlights" },
8281            { "title": "Spotit", "url": "/collections/bathroom-spotlights" },
8282            { "title": "Riippuvalaisimet", "url": "/collections/bathroom-pendant-lights" }
8283          ]
8284        },
8285        {
8286          "title": "Makuuhuoneen valaistus",
8287          "handle": "bedroom-lighting",
8288          "url": "/collections/bedroom-lighting",
8289          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Bedroom.png?v=1751366613\u0026width=320",
8290          "links": [
8291            { "title": "Kattovalaisimet", "url": "/collections/bedroom-ceiling-light" },
8292            { "title": "Seinävalaisimet", "url": "/collections/bedroom-wall-sconce" },
8293            { "title": "Yöpöytävalaisimet", "url": "/collections/bedside-lamps" },
8294            { "title": "Joutsenkaula-valaisimet", "url": "/collections/gooseneck-lamps" },
8295            { "title": "Pöytävalaisimet", "url": "/collections/bedroom-table-lamp" },
8296            { "title": "Modernit kattokruunut", "url": "/collections/bedroom-chandelier" }
8297          ]
8298        },
8299        {
8300          "title": "Olohuoneen valaisimet",
8301          "handle": "living-room-lighting",
8302          "url": "/collections/living-room-lighting",
8303          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Living_room.png?v=1751367187\u0026width=320",
8304          "links": [
8305            { "title": "Kattovalaisimet", "url": "/collections/living-room-ceiling-lights" },
8306            { "title": "Modernit kattokruunut", "url": "/collections/modern-living-room-chandeliers" },
8307            { "title": "Seinävalaisimet", "url": "/collections/living-room-wall-light" },
8308            { "title": "Pöytävalaisimet", "url": "/collections/living-room-table-lamp" },
8309            { "title": "Lattiavalaisimet", "url": "/collections/living-room-floor-lamps" },
8310            { "title": "Taulu valaisimet", "url": "/collections/above-painting-lights" },
8311            { "title": "Olohuoneen seinään", "url": "/collections/living-room-wall-led-lighting" }
8312          ]
8313        },
8314        {
8315          "title": "Keittiön valaisimet",
8316          "handle": "kitchen",
8317          "url": "/collections/kitchen",
8318          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Kitchen.png?v=1751392478\u0026width=320",
8319          "links": [
8320            { "title": "Keittiön ruokapöytävalaisimet", "url": "/collections/dining-table-lighting" },
8321            { "title": "Keittiön työtasovalaisimet", "url": "/collections/kitchen-counter-lighting" },
8322            { "title": "Keittiövalaisimet katkaisijalla", "url": "/collections/under-cabinet-light-with-switch" },
8323            { "title": "LED-työtasovalaistus", "url": "/collections/led-under-cabinet-kitchen-lights" },
8324            { "title": "Kattovalaisimet", "url": "/collections/kitchen-ceiling-lights" },
8325            { "title": "Modernit kattokruunut", "url": "/collections/modern-kitchen-chandeliers" }
8326          ]
8327        },
8328        {
8329          "title": "Käytävän valaisimet",
8330          "handle": "hallway-lighting",
8331          "url": "/collections/hallway-lighting",
8332          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Hallway.png?v=1751367117\u0026width=320",
8333          "links": [
8334            { "title": "Kattovalaisimet", "url": "/collections/hallway-ceiling-lights" },
8335            { "title": "Seinävalaisimet", "url": "/collections/hallway-wall-light" },
8336            { "title": "Seinäupotettavat", "url": "/collections/recessed-wall-spotlights" }
8337          ]
8338        },
8339        {
8340          "title": "Lastenhuone",
8341          "handle": "lights-for-kids-rooms",
8342          "url": "/collections/lights-for-kids-rooms",
8343          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Kids_room.png?v=1751366724\u0026width=320",
8344          "links": [
8345            { "title": "Kattovalaisimet", "url": "/collections/childrens-ceiling-lights" },
8346            { "title": "Seinävalaisimet", "url": "/collections/childrens-wall-light" },
8347            { "title": "Pöytävalaisimet", "url": "/collections/childrens-table-lamp" },
8348            { "title": "Lattiavalaisimet", "url": "/collections/kids-room-floor-lamps" }
8349          ]
8350        },
8351        {
8352          "title": "Ylelliset valaisimet",
8353          "handle": "luxury-lights",
8354          "url": "/collections/luxury-lights",
8355          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Representative_areas.jpg?v=1760615034\u0026width=320",
8356          "links": [
8357            { "title": "Kattokruunut", "url": "/collections/luxury-chandeliers" },
8358            { "title": "Riippuvalaisimet", "url": "/collections/luxury-pendant-lights" },
8359            { "title": "Kattovalaisimet", "url": "/collections/luxury-ceiling-lights" },
8360            { "title": "Pöytä", "url": "/collections/luxury-table-lamps" },
8361            { "title": "Lattiavalaisimet", "url": "/collections/luxury-floor-lamps" }
8362          ]
8363        },
8364        {
8365          "title": "Porrasvalot",
8366          "handle": "stairway-lighting",
8367          "url": "/collections/stairway-lighting",
8368          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Stairway.png?v=1751366831\u0026width=320",
8369          "links": [
8370            { "title": "Kattovalaisimet", "url": "/collections/staircase-ceiling-lights" },
8371            { "title": "Seinävalaisimet", "url": "/collections/staircase-wall-lights" },
8372            { "title": "Seinäupotettavat", "url": "/collections/recessed-wall-spotlights" },
8373            { "title": "Porrasvalot liiketunnistimella", "url": "/collections/staircase-light-with-se
8373nsor" }
8374          ]
8375        },
8376        {
8377          "title": "Teollisuustyyliset valaisimet",
8378          "handle": "industrial-lighting-fixtures",
8379          "url": "/collections/industrial-lighting-fixtures",
8380          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Lights_with_technical_design.jpg?v=1761038248\u0026width=320",
8381          "links": []
8382        },
8383        {
8384          "title": "Teollisuusvalaisimet",
8385          "handle": "industrial-lighting",
8386          "url": "/collections/industrial-lighting",
8387          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Industrial_lighting.png?v=1751390883\u0026width=320",
8388          "links": []
8389        },
8390        {
8391          "title": "Kellarin valaisimet",
8392          "handle": "lighting-for-the-basement",
8393          "url": "/collections/lighting-for-the-basement",
8394          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Cellar.jpg?v=1760962623\u0026width=320",
8395          "links": []
8396        },
8397        {
8398          "title": "Autotallin valaisimet",
8399          "handle": "garage-lighting",
8400          "url": "/collections/garage-lighting",
8401          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Garage_lighting.png?v=1751386467\u0026width=320",
8402          "links": []
8403        }
8404      ]
8405    },
8406    // Venkovní světla
8407    {
8408      "title": "Ulko",
8409      "handle": "outdoor",
8410      "url": "/collections/outdoor-lights",
8411      "style": false,
8412      "links": [
8413        {
8414          "title": "Ulkovalaisimet",
8415          "handle": "outdoor-lights",
8416          "url": "/collections/outdoor-lights",
8417          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Exterior.jpg?v=1760706458\u0026width=320",
8418          "links": [
8419            { "title": "Ulkovalaisinsarjat", "url": "/collections/outdoor-lighting-families" },
8420            { "title": "Koristeelliset ulkovalaisimet", "url": "/collections/decorative-outdoor-lamps" },
8421            { "title": "Lineaariset", "url": "/collections/outdoor-linear-lights" },
8422            { "title": "Anturilla", "url": "/collections/outdoor-lamps-with-sensor" }
8423          ]
8424        },
8425        {
8426          "title": "Ulkoseinävalaisimet",
8427          "handle": "outdoor-wall-lights",
8428          "url": "/collections/outdoor-wall-lights",
8429          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Wall_lamps.jpg?v=1760354729\u0026width=320",
8430          "links": [
8431            { "title": "Ylös\/alas", "url": "/collections/updown-outdoor-lights" },
8432            { "title": "Säädettävä", "url": "/collections/adjustable-wall-lights" },
8433            { "title": "Yksisuuntainen", "url": "/collections/one-way-luminaires" },
8434            { "title": "Epäsuora", "url": "/collections/outdoor-indirect-lights" }
8435          ]
8436        },
8437        {
8438          "title": "Kattovalaisimet",
8439          "handle": "outdoor-ceiling-lights",
8440          "url": "/collections/outdoor-ceiling-lights",
8441          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Ceiling_lamps.jpg?v=1760354705\u0026width=320",
8442          "links": [
8443            { "title": "Alasvalot", "url": "/collections/outdoor-downlights" },
8444            { "title": "Säädettävä", "url": "/collections/adjustable-ceiling-lights" }
8445          ]
8446        },
8447        {
8448          "title": "Upotettavat ulkovalaisimet",
8449          "handle": "outdoor-recessed-luminaires",
8450          "url": "/collections/outdoor-recessed-luminaires",
8451          "image": "\/\/rendl.fi\/cdn\/shop\/files\/category-recessed-lighting-7.png?v=1744626878\u0026width=320",
8452          "links": [
8453            { "title": "Maahan upotettavat valaisimet", "url": "/collections/ground-lights" },
8454            { "title": "Upotettavat ulkoseinävalaisimet", "url": "/collections/outdoor-wall-recessed" },
8455            { "title": "Upotettavat ulkovalaisimet", "url": "/collections/outdoor-recessed-lights" }
8456          ]
8457        },
8458        {
8459          "title": "Riippuvalaisimet",
8460          "handle": "outdoor-pendant-lights",
8461          "url": "/collections/outdoor-pendant-lights",
8462          "image": "\/\/rendl.fi\/cdn\/shop\/files\/pendants_icon_b6406059-b3ee-4b2a-b16e-6a772dd5571e.svg?v=1757416974\u0026width=320",
8463          "links": [
8464            { "title": "Pergolan valaistus", "url": "/collections/outdoor-pergola-chandelier" }
8465          ]
8466        },
8467        {
8468          "title": "Polkuvalaisimet",
8469          "handle": "path-lighting",
8470          "url": "/collections/path-lighting",
8471          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Garden_lighting_df5ea347-2503-40ca-99db-9a73c3f25235.jpg?v=1760963189\u0026width=320",
8472          "links": []
8473        },
8474        {
8475          "title": "Pollarivalaisimet",
8476          "handle": "garden-post-light",
8477          "url": "/collections/garden-post-light",
8478          "image": "\/\/rendl.fi\/cdn\/shop\/files\/category-outdoor-lighting-10.png?v=1744626892\u0026width=320",
8479          "links": [
8480            { "title": "Pyöreät pollarivalaisimet", "url": "/collections/bollards-round" },
8481            { "title": "Nelikulmaiset pollarivalaisimet", "url": "/collections/bollards-angular" },
8482            { "title": "Säädettävät pollarivalaisimet", "url": "/collections/directional-light-columns" }
8483          ]
8484        },
8485        {
8486          "title": "Maapiikkivalaisimet",
8487          "handle": "spike-lights",
8488          "url": "/collections/spike-lights",
8489          "image": "\/\/rendl.fi\/cdn\/shop\/files\/On_spike.jpg?v=1760706287\u0026width=320",
8490          "links": []
8491        }
8492      ]
8493    },
8494    // Systémy
8495    {
8496      "title": "Kiskot \u0026amp; Järjestelmät",
8497      "handle": "systems",
8498      "url": "/collections/systems",
8499      "style": false,
8500      "links": [
8501        {
8502          "title": "1-Vaihekiskojärjestelmät",
8503          "handle": "1-circuit-track-systems",
8504          "url": "/collections/1-circuit-track-systems",
8505          "image": "\/\/rendl.fi\/cdn\/shop\/files\/1-circuit-tack.svg?v=1742647158\u0026width=320",
8506          "links": [
8507            { "title": "Riippuvalaisimet 1-vaihekiskoihin", "url": "/collections/1-circuit-pendants" },
8508            { "title": "Spotit 1-vaihekiskoihin", "url": "/collections/1-circuit-spotlights" },
8509            { "title": "1-vaihekiskot", "url": "/collections/1f-tracks" },
8510            { "title": "1-vaihe komponentit", "url": "/collections/1-circuit-components" }
8511          ]
8512        },
8513        {
8514          "title": "3-Vaihe kiskojärjestelmät",
8515          "handle": "3-circuit-track-systems",
8516          "url": "/collections/3-circuit-track-systems",
8517          "image": "\/\/rendl.fi\/cdn\/shop\/files\/3-circuit-track.svg?v=1742647322\u0026width=320",
8518          "links": [
8519            { "title": "Riippuvalaisimet 3-vaihekiskoihin", "url": "/collections/3-circuit-pendants" },
8520            { "title": "Spotit 3-vaihekiskoihin", "url": "/collections/3-circuit-spotlights" },
8521            { "title": "3-vaihekiskot", "url": "/collections/3-circuit-tracks" },
8522            { "title": "3-vaihe komponentit", "url": "/collections/3-circuit-components" },
8523            { "title": "Upotettavat 3-vaihekiskot", "url": "/collections/3-circuit-tracks-recessed" },
8524            { "title": "Upotettavien 3-vaihekiskojen komponentit", "url": "/collections/3-circuit-recessed-track-components" }
8525          ]
8526        },
8527        {
8528          "title": "LED-nauhat",
8529          "handle": "led-strips",
8530          "url": "/collections/led-strips",
8531          "image": "\/\/rendl.fi\/cdn\/shop\/files\/led-stripes-icon.svg?v=1742647723\u0026width=320",
8532          "links": [
8533            { "title": "Nauhat", "url": "/collections/only-strips" },
8534            { "title": "Uppoasennettavat profiilit", "url": "/collections/profiles-recessed" },
8535            { "title": "Pintaan asennettavat profiilit", "url": "/collections/profiles-surface-mounted" },
8536            { "title": "Tarvikkeet LED-nauhoihin", "url": "/collections/led-components" }
8537          ]
8538        },
8539        {
8540          "title": "VEGA erittäin ohut kiskojärjestelmä",
8541          "handle": "ultra-thin-track-systems",
8542          "url": "/collections/ultra-thin-track-systems",
8543          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Ultra-thin_systems.jpg?v=1760096743\u0026width=320",
8544          "links": [
8545            { "title": "VEGA kohdevalaisimet", "url": "/collections/lamps-for-vega-wave" },
8546            { "title": "VEGA-kiskot", "url": "/collections/vega-tracks" },
8547            { "title": "VEGA-komponentit", "url": "/collections/vega-components" }
8548          ]
8549        },
8550        {
8551          "title": "WAVE-tekstiilinauhajärjestelmä",
8552          "handle": "wave-belt-system",
8553          "url": "/collections/wave-belt-system",
8554          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Pasovy_system.jpg?v=1760096752\u0026width=320",
8555          "links": [
8556            { "title": "Valaisimet WAVE-järjestelmään", "url": "/collections/lamps-for-wave-system" },
8557            { "title": "WAVE-tekstiilinauha", "url": "/collections/wave-belt" },
8558            { "title": "WAVE-komponentit", "url": "/collections/wave-components" }
8559          ]
8560        }
8561      ]
8562    },
8563    // Světla dle typu
8564    {
8565      "title": "Tyyppi",
8566      "handle": "by-type",
8567      "url": "/collections/all-lights",
8568      "style": false,
8569      "links": [
8570        {
8571          "title": "Riippuvalaisimet",
8572          "handle": "pendant-lights",
8573          "url": "/collections/pendants",
8574          "image": "\/\/rendl.fi\/cdn\/shop\/files\/pendants_icon_b6406059-b3ee-4b2a-b16e-6a772dd5571e.svg?v=1757416974\u0026width=320",
8575          "links": [
8576            { "title": "Kattokruunut", "url": "/collections/pendant-chandelier" },
8577            { "title": "Koristeelliset", "url": "/collections/decorative-pendant-lights" },
8578            { "title": "Luksus", "url": "/collections/luxury-pendant-lights" },
8579            { "title": "Lasipallo", "url": "/collections/pendant-glass-sphere" },
8580            { "title": "Himmennettävät", "url": "/collections/dimmable-pendant-lights" },
8581            { "title": "Moniosaiset", "url": "/collections/multiple-pendant-lights" },
8582            { "title": "Lineaariset", "url": "/collections/linear-pendant-lights" },
8583            { "title": "Kattovalaisimet", "url": "/collections/pendants" }
8584          ]
8585        },
8586        {
8587          "title": "Kattovalaisimet",
8588          "handle": "ceiling-lights",
8589          "url": "/collections/ceiling-lights",
8590          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Ceiling_lamps.jpg?v=1760354705\u0026width=320",
8591          "links": [
8592            { "title": "Kylpyhuoneeseen", "url": "/collections/bathroom-ceiling-light" },
8593            { "title": "Himmennettävät", "url": "/collections/dimmable-ceiling-light" },
8594            { "title": "Spotit", "url": "/collections/ceiling-spotlights" },
8595            { "title": "Ohuet", "url": "/collections/thin-ceiling-lights" },
8596            { "title": "Koristeelliset", "url": "/collections/decorative-ceiling-lights" },
8597            { "title": "Luksus-muotoilu", "url": "/collections/luxury-ceiling-lights" },
8598            { "title": "Retro design", "url": "/collections/retro-ceiling-lights" },
8599            { "title": "Kipsi", "url": "/collections/plaster-ceiling-lights" },
8600            { "title": "Lineaariset", "url": "/collections/linear-ceiling-lights" },
8601            { "title": "Pyöreät", "url": "/collections/round-ceiling-lights" },
8602            { "title": "Nelikulmaiset", "url": "/collections/square-ceiling-lights" },
8603            { "title": "Anturilla", "url": "/collections/ceiling-light-with-se
8603nsor" },
8604            { "title": "Kaukosäätimellä", "url": "/collections/ceiling-lights-with-remote-control" },
8605            { "title": "LED-paneelit", "url": "/collections/led-ceiling-panel" }
8606          ]
8607        },
8608        {
8609          "title": "Seinävalaisimet",
8610          "handle": "wall-lights",
8611          "url": "/collections/wall-lights",
8612          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Wall_lamps.jpg?v=1760354729\u0026width=320",
8613          "links": [
8614            { "title": "Kylpyhuoneeseen", "url": "/collections/bathroom-wall-light" },
8615            { "title": "Tauluvalaisimet", "url": "/collections/above-painting-lights" },
8616            { "title": "Koristeelliset", "url": "/collections/decorative-wall-lights" },
8617            { "title": "Kipsi", "url": "/collections/plaster-wall-lights" },
8618            { "title": "Himmennettävät", "url": "/collections/dimmable-wall-lights" },
8619            { "title": "Kytkimellä", "url": "/collections/wall-lights-with-switch" },
8620            { "title": "Seinävalaisimet varrella", "url": "/collections/wall-lights-on-arm" },
8621            { "title": "Yöpöydän valaisimet", "url": "/collections/bedside-lamps" },
8622            { "title": "Ylös\/alas", "url": "/collections/updown-wall-lights" },
8623            { "title": "Lineaariset", "url": "/collections/linear-wall-lights" },
8624            { "title": "Retro design", "url": "/collections/retro-wall-light" }
8625          ]
8626        },
8627        {
8628          "title": "Upotettavat valaisimet",
8629          "handle": "recessed-lights",
8630          "url": "/collections/recessed-lights",
8631          "image": "\/\/rendl.fi\/cdn\/shop\/files\/category-recessed-lighting-7.png?v=1744626878\u0026width=320",
8632          "links": [
8633            { "title": "Upotettavat valaisimet", "url": "/collections/recessed-spotlights" },
8634            { "title": "Kylpyhuoneen upotetut valaisimet", "url": "/collections/recessed-bathroom-spotlights" },
8635            { "title": "Ohuet", "url": "/collections/thin-recessed-lights" },
8636            { "title": "Upotettavat seinävalaisimet", "url": "/collections/recessed-wall-spotlights" },
8637            { "title": "Himmennettävät", "url": "/collections/dimmable-recessed-spotlights" },
8638            { "title": "Koristeelliset", "url": "/collections/decorative-recessed-spotlights" },
8639            { "title": "Kipsi", "url": "/collections/recessed-plaster-spotlights" },
8640            { "title": "Kehyksettömät upotettavat valaisimet", "url": "/collections/frameless-lights" },
8641            { "title": "Puoliupotettavat valaisimet", "url": "/collections/semi-recessed-lights" },
8642            { "title": "Moniosaiset alasvalot", "url": "/collections/multiple-recessed-lights" },
8643            { "title": "Modulaariset upotettavat valaisimet", "url": "/collections/combinable-lights" },
8644            { "title": "Upotettavat sarjat", "url": "/collections/recessed-spotlight-families" }
8645          ]
8646        },
8647        {
8648          "title": "Spotit",
8649          "handle": "spotlights",
8650          "url": "/collections/spotlights",
8651          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Spotlight.png?v=1751386668\u0026width=320",
8652          "links": [
8653            { "title": "Kylpyhuoneen kohdevalaisimet", "url": "/collections/bathroom-spotlights" },
8654            { "title": "Yöpöydän valaisimet", "url": "/collections/bedside-lamps" },
8655            { "title": "Kattovalaisimet", "url": "/collections/ceiling-spotlights" },
8656            { "title": "Moniosaiset spotit", "url": "/collections/multiple-spotlights" },
8657            { "title": "Spot-sarjat", "url": "/collections/spotlight-families" }
8658          ]
8659        },
8660        {
8661          "title": "Varjostimet ja tarvikkeet",
8662          "handle": "shades-accessories",
8663          "url": "/collections/shades-and-shade-accessories",
8664          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Shades_and_shade_accessories.jpg?v=1760613055\u0026width=320",
8665          "links": [
8666            { "title": "Yleismalliset varjostimet", "url": "/collections/universal-shades" },
8667            { "title": "Riippuvalaisimien varjostimet", "url": "/collections/pendant-shades" },
8668            { "title": "Pöytävalaisinten varjostimet", "url": "/collections/table-lamp-shades" },
8669            { "title": "Lattiavalaisinten varjostimet", "url": "/collections/floor-lamp-shades" },
8670            { "title": "Lampunjalat ja -telineet", "url": "/collections/stands-tripods" },
8671            { "title": "Jalustat", "url": "/collections/bases" },
8672            { "title": "Riippuvalaisimen ripustimet", "url": "/collections/suspensions-for-shades" }
8673          ]
8674        },
8675        {
8676          "title": "Lattiavalaisimet",
8677          "handle": "floor-lamps",
8678          "url": "/collections/floor-lamps",
8679          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Floor_lamps.jpg?v=1760354742\u0026width=320",
8680          "links": [
8681            { "title": "Koristeelliset", "url": "/collections/decorative-floor-lamps" },
8682            { "title": "Kaarivalaisimet", "url": "/collections/arc-floor-lamp" },
8683            { "title": "Lattia", "url": "/collections/luxury-floor-lamps" },
8684            { "title": "Lukemiseen", "url": "/collections/floor-lamps-for-reading" },
8685            { "title": "Himmennettävät", "url": "/collections/dimmable-floor-lamp" }
8686          ]
8687        },
8688        {
8689          "title": "Pöytävalaisimet",
8690          "handle": "table-lamps",
8691          "url": "/collections/table-lamps",
8692          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Table_lamps.jpg?v=1760354755\u0026width=320",
8693          "links": [
8694            { "title": "Työpöytään", "url": "/collections/for-work" },
8695            { "title": "Himmennettävät", "url": "/collections/dimmable-table-lamp" },
8696            { "title": "Kosketus", "url": "/collections/touch-table-lamp" },
8697            { "title": "Koristeellinen design", "url": "/collections/decorative-table-lamps" },
8698            { "title": "Moderni design", "url": "/collections/modern-table-lamps" },
8699            { "title": "Luksus-muotoilu", "url": "/collections/luxury-table-lamps" },
8700            { "title": "Retro design", "url": "/collections/retro-table-lamp" }
8701          ]
8702        },
8703        {
8704          "title": "Valonlähteet",
8705          "handle": "light-sources",
8706          "url": "/collections/light-sources",
8707          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Bulbs.png?v=1760613111\u0026width=320",
8708          "links": [
8709            { "title": "Kaukosäätimellä ohjattavat valonlähteet", "url": "/collections/remote-control-bulbs" },
8710            { "title": "Himmennettävät lamput", "url": "/collections/dimmable-led-bulbs" },
8711            { "title": "E27-valonlähteet", "url": "/collections/e27-bulbs" },
8712            { "title": "E14-valonlähteet", "url": "/collections/e14-bulbs" },
8713            { "title": "GU10-valonlähteet", "url": "/collections/gu10-bulbs" },
8714            { "title": "G9-valonlähteet", "url": "/collections/g9-bulbs" },
8715            { "title": "Lineaariset valonlähteet", "url": "/collections/linear-bulbs" },
8716            { "title": "Globe-valonlähteet", "url": "/collections/globe-bulbs" },
8717            { "title": "LED-moduulit", "url": "/collections/led-modules" },
8718            { "title": "G4 12V-valonlähteet", "url": "/collections/g4-12v-bulbs" },
8719            { "title": "G53 (AR111) 12V-valonlähteet", "url": "/collections/g53-ar111-12v-bulbs" },
8720            { "title": "GU5.3 12V lamput", "url": "/collections/gu53-12v-bulbs" },
8721            { "title": "GX53-valonlähteet", "url": "/collections/gx53-bulbs" },
8722            { "title": "B15d-valonlähteet", "url": "/collections/b15d-bulbs" },
8723            { "title": "Miniglobe-valonlähteet", "url": "/collections/small-bulb" },
8724            { "title": "PAR-valonlähteet", "url": "/collections/par-bulbs" },
8725            { "title": "Putkimaiset valonlähteet", "url": "/collections/t-shape-bulbs" },
8726            { "title": "Peilipinnoitetut valonlähteet", "url": "/collections/plated-bulbs" }
8727          ]
8728        },
8729        {
8730          "title": "Epäsuora valaistus",
8731          "handle": "indirect-lighting",
8732          "url": "/collections/indirect-lighting",
8733          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Indrect_162a3b64-2ec8-4e46-a2c8-b10dc9d6f8b1.jpg?v=1760962645\u0026width=320",
8734          "links": []
8735        },
8736        {
8737          "title": "Lattiavalaistus",
8738          "handle": "floor-lighting",
8739          "url": "/collections/floor-lighting",
8740          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Floor_lighting_0e47298f-3f27-4653-9f63-85815cf4d44f.jpg?v=1760962670\u0026width=320",
8741          "links": []
8742        },
8743        {
8744          "title": "Tarvikkeet",
8745          "handle": "accessories",
8746          "url": "/collections/accessories",
8747          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Chocolate.jpg?v=1760615017\u0026width=320",
8748          "links": [
8749            { "title": "Virtalähteet", "url": "/collections/drivers" },
8750            { "title": "Vedenpitävät liittimet", "url": "/collections/ip-terminal-blocks" },
8751            { "title": "Kaapelit", "url": "/collections/cables" },
8752            { "title": "Ohjaimet", "url": "/collections/controllers" },
8753            { "title": "Anturit", "url": "/collections/sensors" },
8754            { "title": "Komponentit", "url": "/collections/components" }
8755          ]
8756        }
8757      ]
8758    },
8759    // Světla dle materiálu
8760    {
8761      "title": "Materiaali",
8762      "handle": "by-material",
8763      "url": "/collections/all-lights",
8764      "style": false,
8765      "links": [
8766        {
8767          "title": "Kipsivalaisimet",
8768          "handle": "plaster-lights",
8769          "url": "/collections/plaster-lights",
8770          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Drywall_lights_0dbd0586-ad01-48ae-b48f-c0b7367a6b3d.jpg?v=1760440561\u0026width=320",
8771          "links": [
8772            { "title": "Riippuvalaisimet", "url": "/collections/plaster-pendant-lights" },
8773            { "title": "Kattovalaisimet", "url": "/collections/plaster-ceiling-lights" },
8774            { "title": "Seinävalaisimet", "url": "/collections/plaster-wall-lights" },
8775            { "title": "Kipsi upotetut valaisimet", "url": "/collections/recessed-plaster-spotlights" }
8776          ]
8777        },
8778        {
8779          "title": "Lasivalaisimet",
8780          "handle": "glass-lights",
8781          "url": "/collections/glass-lights",
8782          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Glass_lightng.jpg?v=1760442658\u0026width=320",
8783          "links": [
8784            { "title": "Kattokruunut", "url": "/collections/glass-chandelier" },
8785            { "title": "Kattovalaisimet", "url": "/collections/glass-ceiling-lights" },
8786            { "title": "Seinävalaisimet", "url": "/collections/glass-wall-lights" }
8787          ]
8788        },
8789        {
8790          "title": "Puuvalaisimet",
8791          "handle": "wood-lights",
8792          "url": "/collections/wooden-lamp",
8793          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Wooden_lights_fba88298-3bac-4308-8011-a84a96d94c99.jpg?v=1760439970\u0026width=320",
8794          "links": [
8795            { "title": "Pöytävalaisimet", "url": "/collections/wooden-light" },
8796            { "title": "Lattiavalaisimet", "url": "/collections/wooden-floor-lamp" }
8797          ]
8798        },
8799        {
8800          "title": "Betonivalaisimet",
8801          "handle": "concrete-lights",
8802          "url": "/collections/concrete-lights",
8803          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Concrete_lights_260ca202-9bac-43f3-859f-8cccdcb35b7d.jpg?v=1760440086\u0026width=320",
8804          "links": [
8805            { "title": "Valaisimet", "url": "/collections/concrete-lamp" },
8806            { "title": "Seinävalaisimet", "url": "/collections/concrete-wall-lamps" },
8807            { "title": "Pöytä", "url": "/collections/concrete-table-lamps" }
8808          ]
8809        },
8810        {
8811          "title": "Metalliset valaisimet",
8812          "handle": "metal-lights",
8813          "url": "/collections/metal-lights",
8814          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Metal_lights.jpg?v=1760373194\u0026width=320",
8815          "links": [
8816            { "title": "Metallivalaisimet", "url": "/collections/metal-lights" },
8817            { "title": "Kattokruunut", "url": "/collections/metal-chandelier" },
8818            { "title": "Riippuvalaisimet", "url": "/collections/metal-pendant-lights" },
8819            { "title": "Kattovalaisimet", "url": "/collections/metal-ceiling-lamps" },
8820            { "title": "Pöytä", "url": "/collections/metal-table-lamps" },
8821            { "title": "Lattiavalaisimet", "url": "/collections/metal-floor-lamps" }
8822          ]
8823        },
8824        {
8825          "title": "Kuparivalaisimet",
8826          "handle": "copper-lights",
8827          "url": "/collections/copper-lamps",
8828          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Copper_lights.jpg?v=1760373869\u0026width=320",
8829          "links": [
8830            { "title": "Kattokruunut", "url": "/collections/copper-chandeliers" }
8831          ]
8832        },
8833        {
8834          "title": "Keramiikkavalaisimet",
8835          "handle": "ceramic-lights",
8836          "url": "/collections/ceramic-lights",
8837          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Ceramic_lights_aa508c49-eb48-4afd-9319-51f94c079178.jpg?v=1760439957\u0026width=320",
8838          "links": [
8839            { "title": "Valaisimet", "url": "/collections/ceramic-lamp" }
8840          ]
8841        }
8842      ]
8843    },
8844    // Světla dle funkce
8845    {
8846      "title": "Toiminnot",
8847      "handle": "by-function",
8848      "url": "/collections/all-lights",
8849      "style": false,
8850      "links": [
8851        {
8852          "title": "Himmennettävät valaisimet",
8853          "handle": "dimmable-lights",
8854          "url": "/collections/dimmable-lights",
8855          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Dimmable.jpg?v=1760354786\u0026width=320",
8856          "links": [
8857            { "title": "Riippuvalaisimet", "url": "/collections/dimmable-pendant-lights" },
8858            { "title": "Kattovalaisimet", "url": "/collections/dimmable-ceiling-light" },
8859            { "title": "Seinävalaisimet", "url": "/collections/dimmable-wall-lights" },
8860            { "title": "Upotettavat spotit", "url": "/collections/dimmable-recessed-spotlights" },
8861            { "title": "Pöytävalaisimet", "url": "/collections/dimmable-table-lamp" },
8862            { "title": "Lattiavalaisimet", "url": "/collections/dimmable-led-floor-lamp" },
8863            { "title": "3-vaihe kohdevalaisimet", "url": "/collections/3-circuit-spotlights" },
8864            { "title": "1-vaihe kohdevalaisimet", "url": "/collections/dimmable-3-circuit-spotlights" },
8865            { "title": "VEGA \/ WAVE", "url": "/collections/dimmable-lamps-for-vega-wave" },
8866            { "title": "Lamput", "url": "/collections/dimmable-led-bulbs" }
8867          ]
8868        },
8869        {
8870          "title": "Ip-luokitus",
8871          "handle": "ip-protection",
8872          "url": "/collections/ip-protection",
8873          "image": "\/\/rendl.fi\/cdn\/shop\/files\/IP-rate.jpg?v=1760611568\u0026width=320",
8874          "links": [
8875            { "title": "IP44", "url": "/collections/ip44" },
8876            { "title": "IP54", "url": "/collections/ip54" },
8877            { "title": "IP65", "url": "/collections/ip65" },
8878            { "title": "IP67", "url": "/collections/ip67" }
8879          ]
8880        },
8881        {
8882          "title": "Kaukosäädettävät valaisimet",
8883          "handle": "remote-control-lights",
8884          "url": "/collections/remote-control-lights",
8885          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Remote_control.jpg?v=1760444653\u0026width=320",
8886          "links": [
8887            { "title": "Kattovalaisimet", "url": "/collections/ceiling-lights-with-remote-control" },
8888            { "title": "LED-nauhat", "url": "/collections/led-strip-with-remote" },
8889            { "title": "Lamput", "url": "/collections/remote-control-bulbs" }
8890          ]
8891        },
8892        {
8893          "title": "Säädettävät",
8894          "handle": "adjustable-lights",
8895          "url": "/collections/adjustable-lights",
8896          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Positionable_icon_a638012c-5ba7-44b6-8c63-492024071299.jpg?v=1760620779\u0026width=320",
8897          "links": [
8898            { "title": "Säädettävä asento", "url": "/collections/adjustable-position" },
8899            { "title": "Korkeussäädettävät", "url": "/collections/adjustable-height" },
8900            { "title": "Värinvaihtava", "url": "/collections/light-color-changing" }
8901          ]
8902        },
8903        {
8904          "title": "Valaisimet liiketunnistimella",
8905          "handle": "lights-with-sensor",
8906          "url": "/collections/lights-with-sensor",
8907          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Lights_with_sensor.png?v=1751387239\u0026width=320",
8908          "links": [
8909            { "title": "Kattovalaisimet liiketunnistimella", "url": "/collections/ceiling-light-with-se
8909nsor" },
8910            { "title": "Ulkovalaisimet liiketunnistimella", "url": "/collections/outdoor-lamps-with-sensor" },
8911            { "title": "Valaisimet liiketunnistimella", "url": "/collections/light-with-motion-sensor" }
8912          ]
8913        },
8914        {
8915          "title": "Maalattavat valaisimet",
8916          "handle": "paintable-lights",
8917          "url": "/collections/paintable-lights",
8918          "image": "\/\/rendl.fi\/cdn\/shop\/files\/Paintable.jpg?v=1761078453\u0026width=320",
8919          "links": []
8920        },
8921        {
8922          "title": "RGB",
8923          "handle": "rgb-lights",
8924          "url": "/collections/rgb",
8925          "image": "\/\/rendl.fi\/cdn\/shop\/files\/RGB.jpg?v=1760621046\u0026width=320",
8926          "links": []
8927        }
8928      ]
8929    }
8930  ];
8931  
8932  var secondMenu = [
8933    
8934    
8935      {
8936        "title": "Uutudet",
8937        "handle": "news",
8938        "url": "\/collections\/uutudet",
8939        "extreme_image": null,
8940        "extreme_image_hover": null
8941      },
8942    
8943      {
8944        "title": "Sale",
8945        "handle": "sale",
8946        "url": "\/collections\/sale",
8947        "extreme_image": null,
8948        "extreme_image_hover": null
8949      },
8950    
8951      {
8952        "title": "Extreme outlet",
8953        "handle": "extreme-outlet",
8954        "url": "\/collections\/outlet",
8955        "extreme_image": "\/\/rendl.fi\/cdn\/shop\/files\/outlet_icon_877b5ed1-dbcd-4165-80ad-bc2aff50f7bb.svg?height=56\u0026v=1748256019\u0026width=56",
8956        "extreme_image_hover": "\/\/rendl.fi\/cdn\/shop\/files\/outlet_icon_hover_6e4f4224-3cfb-47f1-b4bf-0cdd583f2fb1.svg?height=56\u0026v=1748256027\u0026width=56"
8957      },
8958    
8959      {
8960        "title": "Näytä kaikki",
8961        "handle": "show-all",
8962        "url": "\/collections\/all",
8963        "extreme_image": null,
8964        "extreme_image_hover": null
8965      }
8966    
8967  ];
8968
8969  var menuEl = document.getElementById('main-mega-menu-mobile');
8970  var contentEl = document.getElementById('main-mega-menu-mobile-content');
8971  var backBtn = document.getElementById('main-mega-menu-mobile-back');
8972  var titleEl = document.getElementById('main-mega-menu-mobile-title');
8973  var stack = [];
8974
8975  var allText = {
8976    bg: 'Всички', cs: 'Vše', da: 'Alle', de: 'Alle', el: 'Όλα', en: 'All', es: 'Todo', fi: 'Kaikki', fr: 'Tout', hr: 'Sve', hu: 'Mind', it: 'Tutti', lt: 'Visi', nl: 'Alles', pl: 'Wszystko', 'pt-pt': 'Todos', ro: 'Toate', sk: 'Všetko', sl: 'Vse', sv: 'Alla'
8977  };
8978  var allBtnText = allText[lang] ? allText[lang] : allText['en'];
8979
8980  var isFirstOpen = true;
8981  function dissolveMenu(direction, cb) {
8982    var menu = menuEl;
8983    menu.classList.remove('dissolve-in', 'dissolve-out');
8984    void menu.offsetWidth;
8985    if (direction === 'in') {
8986      menu.classList.add('dissolve-in');
8987      setTimeout(function() { menu.classList.remove('dissolve-in'); if(cb)cb(); }, 150);
8988    } else if (direction === 'out') {
8989      menu.classList.add('dissolve-out');
8990      setTimeout(function() { menu.classList.remove('dissolve-out'); if(cb)cb(); }, 150);
8991    }
8992  }
8993
8994  function animateContent(direction, cb) {
8995    var content = contentEl;
8996    content.classList.remove('slide-in', 'slide-out', 'slide-in-reverse', 'slide-out-reverse');
8997    void content.offsetWidth; // reflow
8998    if (direction === 'in') {
8999      content.classList.add('slide-in');
9000      setTimeout(function() { content.classList.remove('slide-in'); if(cb)cb(); }, 350);
9001    } else if (direction === 'out') {
9002      content.classList.add('slide-out');
9003      setTimeout(function() { content.classList.remove('slide-out'); if(cb)cb(); }, 350);
9004    } else if (direction === 'in-reverse') {
9005      content.classList.add('slide-in-reverse');
9006      setTimeout(function() { content.classList.remove('slide-in-reverse'); if(cb)cb(); }, 350);
9007    } else if (direction === 'out-reverse') {
9008      content.classList.add('slide-out-reverse');
9009      setTimeout(function() { content.classList.remove('slide-out-reverse'); if(cb)cb(); }, 350);
9010    }
9011  }
9012
9013  function renderList(list, parentTitle, animate) {
9014    if (animate === 'in') animateContent('in');
9015    if (animate === 'out') animateContent('out');
9016    if (animate === 'in-reverse') animateContent('in-reverse');
9017    if (animate === 'out-reverse') animateContent('out-reverse');
9018
9019    var superCategoryHandle = stack.length > 0 ? stack[0].handle : null;
9020    if (
9021      list.length &&
9022      list[0] &&
9023      list[0].handle !== 'all-btn' &&
9024      list.every(function(item){return !item.links || item.links.length === 0;}) &&
9025      superCategoryHandle
9026    ) {
9027
9028      var allBtnLabel = allBtnText + (parentTitle ? ' ' + parentTitle : '');
9029      var allBtnUrl = '';
9030      
9031      // Try to get the parent URL from the stack
9032      if (stack.length > 0 && stack[stack.length - 1] && stack[stack.length - 1].url) {
9033        allBtnUrl = stack[stack.length - 1].url;
9034      } else if (list[0] && list[0].url) {
9035        // Fallback: try to extract parent URL from first item
9036        var urlParts = list[0].url.split('/');
9037        if (urlParts.length > 2) {
9038          allBtnUrl = '/' + urlParts[1] + '/' + urlParts[2];
9039        } else {
9040          allBtnUrl = list[0].url;
9041        }
9042      }
9043      
9044      // Create "All" button and place it at the beginning of the list
9045      var allBtn = {
9046        handle: 'all-btn',
9047        title: allBtnLabel,
9048        url: allBtnUrl,
9049        subcatTitle: parentTitle
9050      };
9051      list = [allBtn].concat(list);
9052    }
9053    var html = '<ul class="main-mega-menu-mobile__list">';
9054    var specialItemsHtml = [];
9055    list.forEach(function(item, idx) {
9056      var isStyle = item.style;
9057      var hasChildren = item.links && item.links.length > 0;
9058      var isLink = !hasChildren && !isStyle;
9059      var classes = 'main-mega-menu-mobile__item';
9060      if (item.handle === 'news') classes += ' main-mega-menu-mobile__item--news';
9061      if (item.handle === 'sale') classes += ' main-mega-menu-mobile__item--sale';
9062      if (item.handle === 'extreme-outlet') classes += ' main-mega-menu-mobile__item--extreme';
9063      if (item.handle === 'show-all') classes += ' main-mega-menu-mobile__item--showall';
9064      if (isLink) classes += ' main-mega-menu-mobile__item--link';
9065      if (item.handle === 'all-btn') classes += ' main-mega-menu-mobile__item--all';
9066
9067      if (["news", "sale", "extreme-outlet", "show-all"].includes(item.handle)) {
9068        var specialClass = 'main-mega-menu-mobile__item--special main-mega-menu-mobile__item--' 
9068+ item.handle;
9069        var specialHtml = '<li class="' + classes + ' ' + specialClass + '" data-handle="' + item.handle + '">';
9070        if (item.handle === 'extreme-outlet' && item.extreme_image) {
9071          specialHtml += '<a href="' + item.url + '"><span>' + item.title + '</span>';
9072          specialHtml += '<span style="display:inline-block;width:24px;height:24px;position:relative;">';
9073          specialHtml += '<img src="' + item.extreme_image + '" style="width:24px;height:24px;object-fit:contain;">';
9074          if (item.extreme_image_hover) {
9075            specialHtml += '<img src="' + item.extreme_image_hover + '" style="width:24px;height:24px;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity 0.2s;" class="extreme-hover">';
9076          }
9077          specialHtml += '</span></a>';
9078        } else if (isLink) {
9079          specialHtml += '<a href="' + item.url + '" style="display:flex;align-items:center;justify-content:space-between;width:100%;color:inherit;text-decoration:none;">';
9080          if (item.handle === 'all-btn') {
9081            var allBtnLabel = allBtnText + (item.subcatTitle ? ' ' + item.subcatTitle : (item.title ? ' ' + item.title : ''));
9082            specialHtml += '<span>' + allBtnLabel + '</span>';
9083          } else {
9084            specialHtml += '<span>' + item.title + '</span>';
9085          }
9086          specialHtml += '<svg style="transform:rotate(270deg);display:block;width:18px;height:18px;color:#ababab;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">';
9087          specialHtml += '<path d="M4 7L9 12L14 7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>';
9088          specialHtml += '</svg>';
9089          specialHtml += '</a>';
9090        } else {
9091          if (item.handle === 'all-btn') {
9092            var allBtnLabel = allBtnText + (item.subcatTitle ? ' ' + item.subcatTitle : (item.title ? ' ' + item.title : ''));
9093            specialHtml += '<span>' + allBtnLabel + '</span>';
9094          } else {
9095            specialHtml += '<span>' + item.title + '</span>';
9096          }
9097        }
9098        specialHtml += '</li>';
9099        specialItemsHtml.push(specialHtml);
9100        return;
9101      }
9102
9103
9104      html += '<li class="' + classes;
9105      if (item.handle === 'all-btn') html += ' main-mega-menu-mobile__item--special main-mega-menu-mobile__item--all';
9106      html += '" data-handle="' + item.handle + '">';
9107      if (item.handle === 'all-btn') {
9108        var allBtnLabel = allBtnText + (item.subcatTitle ? ' ' + item.subcatTitle : (item.title ? ' ' + item.title : ''));
9109        html += '<a href="' + item.url + '" style="display:flex;align-items:center;justify-content:space-between;width:100%;color:inherit;text-decoration:none;">';
9110        html += '<span>' + allBtnLabel + '</span>';
9111        html += '<svg style="transform:rotate(270deg);display:block;width:18px;height:18px;color:#ababab;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">';
9112        html += '<path d="M4 7L9 12L14 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>';
9113        html += '</svg>';
9114        html += '</a>';
9115      } else if (hasChildren || isStyle) {
9116        html += '<span style="display:flex;align-items:center;justify-content:space-between;width:100%;">';
9117        if (item.image && item.handle !== 'extreme-outlet') {
9118          html += '<img src="' + item.image + '" style="width:32px;height:32px;object-fit:cover;border-radius:0.3rem;flex-shrink:0;margin-right:1.2rem;">';
9119        }
9120        html += '<span>' + item.title + '</span>';
9121        html += '<span class="menu-arrow" style="margin-left:auto;display:flex;align-items:center;justify-content:flex-end;width:22px;height:22px;color:#ababab;">'
9122          + '<svg style="transform:rotate(270deg);display:block;" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">'
9123          + '<path d="M4 7L9 12L14 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>'
9124          + '</svg>'
9125        + '</span>';
9126        html += '</span>';
9127      } else {
9128        html += '<a href="' + item.url + '" style="display:flex;align-items:center;gap:0.7rem;width:100%;color:inherit;text-decoration:none;">';
9129        if (item.image && item.handle !== 'extreme-outlet') {
9130          html += '<img src="' + item.image + '" style="width:32px;height:32px;object-fit:cover;border-radius:0.3rem;flex-shrink:0;margin-right:1.2rem;">';
9131        }
9132        html += '<span>' + item.title + '</span>';
9133        html += '</a>';
9134      }
9135      html += '</li>';
9136    });
9137    html += '</ul>';
9138    if (specialItemsHtml.length) html += '<div class="main-mega-menu-mobile__special-list">' + specialItemsHtml.join('') + '</div>';
9139    contentEl.innerHTML = html;
9140    titleEl.textContent = parentTitle || window.__megaMenuMobileCatalogText || 'CATALOG';
9141    if (stack.length > 0) {
9142      backBtn.style.display = 'flex';
9143      titleEl.classList.add('clickable');
9144      titleEl.style.pointerEvents = 'auto';
9145      titleEl.onclick = function() { backBtn.onclick(); };
9146    } else {
9147      backBtn.style.display = 'none';
9148      titleEl.classList.remove('clickable');
9149      titleEl.style.pointerEvents = 'none';
9150      titleEl.onclick = null;
9151    }
9152
9153    Array.from(contentEl.querySelectorAll('.main-mega-menu-mobile__item')).forEac
9153h(function(el, idx) {
9154      var item = list[idx];
9155      if (item.links && item.links.length > 0) {
9156        el.onclick = function() {
9157          stack.push({list: list, title: parentTitle, handle: item.handle, url: item.url});
9158          if (item.style) {
9159            renderStyleGrid(item.links, item.title, 'in');
9160          } else {
9161            renderList(item.links, item.title, 'in');
9162          }
9163        };
9164      } else if (!item.style) {
9165        // For items without children (like "All" button), navigate to URL if available
9166        el.onclick = function() { 
9167          if (item.url && item.url !== '#') {
9168            window.location.href = item.url;
9169          }
9170          closeMegaMenuMobile(); 
9171        };
9172      }
9173    });
9174
9175    var extremeLinks = contentEl.querySelectorAll('.main-mega-menu-mobile__item--extreme a');
9176    extremeLinks.forEach(function(link) {
9177      var imgs = link.querySelectorAll('img');
9178      if (imgs.length > 1) {
9179        link.addEventListener('touchstart', function() { imgs[1].style.opacity = 1; });
9180        link.addEventListener('touchend', function() { imgs[1].style.opacity = 0; });
9181        link.addEventListener('mouseenter', function() { imgs[1].style.opacity = 1; });
9182        link.addEventListener('mouseleave', function() { imgs[1].style.opacity = 0; });
9183      }
9184    });
9185
9186    Array.from(contentEl.querySelectorAll('.main-mega-menu-mobile__item--special')).forEach(function(el) {
9187      el.addEventListener('click', function(e) {
9188
9189        if (e.target.tagName.toLowerCase() === 'a') return;
9190        var a = el.querySelector('a');
9191        if (a) {
9192          a.click();
9193        } else {
9194          closeMegaMenuMobile();
9195        }
9196      });
9197    });
9198  }
9199
9200  function renderStyleGrid(list, parentTitle, animate) {
9201    if (animate === 'in') animateContent('in');
9202    if (animate === 'out') animateContent('out');
9203    if (animate === 'in-reverse') animateContent('in-reverse');
9204    if (animate === 'out-reverse') animateContent('out-reverse');
9205    var html = '<div class="main-mega-menu-mobile__style-grid">';
9206    list.forEach(function(item) {
9207      html += '<a href="' + item.url + '" class="main-mega-menu-mobile__style-item">';
9208      if (item.image) {
9209        html += '<img class="main-mega-menu-mobile__style-img" src="' + item.image + '" alt="' + item.title + '">';
9210      }
9211      html += '<div class="main-mega-menu-mobile__style-title">' + item.title + '</div>';
9212      html += '</a>';
9213    });
9214    html += '</div>';
9215    contentEl.innerHTML = html;
9216    titleEl.textContent = parentTitle;
9217    if (stack.length > 0) {
9218      backBtn.style.display = 'flex';
9219      titleEl.classList.add('clickable');
9220      titleEl.style.pointerEvents = 'auto';
9221      titleEl.onclick = function() { backBtn.onclick(); };
9222    } else {
9223      backBtn.style.display = 'none';
9224      titleEl.classList.remove('clickable');
9225      titleEl.style.pointerEvents = 'none';
9226      titleEl.onclick = null;
9227    }
9228  }
9229
9230  backBtn.onclick = function() {
9231    if (stack.length) {
9232      var prev = stack.pop();
9233
9234      var isPrevStyle = false;
9235      if (prev.list && prev.list.length && prev.list[0] && prev.list[0].image && !prev.list[0].links) {
9236
9237        isPrevStyle = true;
9238      }
9239      if (isPrevStyle) {
9240        renderStyleGrid(prev.list, prev.title, 'in-reverse');
9241      } else {
9242        renderList(prev.list, prev.title, 'in-reverse');
9243      }
9244    }
9245  };
9246
9247  var overlayEl = document.getElementById('main-mega-menu-mobile-overlay');
9248  window.openMegaMenuMobile = function() {
9249    menuEl.classList.add('open');
9250    if (overlayEl) overlayEl.classList.add('open');
9251    document.body.classList.add('mobile-menu-open');
9252    stack = [];
9253    dissolveMenu('in');
9254
9255    renderList(megaMenu.concat(secondMenu), window.__megaMenuMobileCatalogText || 'CATALOG', isFirstOpen ? null : 'in');
9256    isFirstOpen = false;
9257  };
9258  window.closeMegaMenuMobile = function() {
9259    dissolveMenu('out');
9260    setTimeout(function() {
9261      menuEl.classList.remove('open');
9262      if (overlayEl) overlayEl.classList.remove('open');
9263      document.body.classList.remove('mobile-menu-open');
9264    }, 150);
9265  };
9266})();
9267</script>
9267
9268
9269 </div><section id="shopify-section-sections--28113425695018__custom_liquid_hWr7aF" class="shopify-section shopify-section-group-header-group section"><style data-shopify>.section-sections--28113425695018__custom_liquid_hWr7aF-padding {
9270    padding-top: calc(20px * 0.75);
9271    padding-bottom: calc(0px  * 0.75);
9272  }
9273
9274  @media screen and (min-width: 750px) {
9275    .section-sections--28113425695018__custom_liquid_hWr7aF-padding {
9276      padding-top: 20px;
9277      padding-bottom: 0px;
9278    }
9279  }</style><div class="color-scheme-1 gradient">
9280  <div class="section-sections--28113425695018__custom_liquid_hWr7aF-padding">
9281    
9282<div
9283    id="cz-promo-banner"
9284    class="cz-promo-banner"
9285    role="region"
9286    aria-label="Promo banner"
9287    data-label-more="lisää"
9288    data-label-less="vähemmän"
9289  >
9290    <div class="cz-promo-banner__bar">
9291      <span class="cz-promo-banner__percent" aria-label="30%"><svg class="cz-promo-banner__percent-mark" viewBox="0 0 45 16" width="68" height="24" aria-hidden="true">
9292          <defs>
9293            <linearGradient id="cz-promo-percent-shine" x1="0" y1="0" x2="1" y2="0">
9294              <stop offset="0" stop-color="#ffffff" stop-opacity="0"/>
9295              <stop offset="0.5" stop-color="#ffffff" stop-opacity="0.75"/>
9296              <stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
9297            </linearGradient>
9298            <clipPath id="cz-promo-clip-3" clipPathUnits="userSpaceOnUse">
9299              <path d="M7.3656 6.4584C8.7624 6.6312 9.828 7.1064 10.5624 7.884C11.2968 8.6616 11.664 9.6336 11.664 10.8C11.664 11.6784 11.4408 12.4776 10.9944 13.1976C10.548 13.9176 9.8712 14.4936 8.964 14.9256C8.0712 15.3432 6.9768 15.552 5.6808 15.552C4.6008 15.552 3.5568 15.4008 2.5488 15.0984C1.5552 14.7816 0.7056 14.3496 0 13.8024L1.2096 11.6208C1.7568 12.0816 2.4192 12.4488 3.1968 12.7224C3.9888 12.9816 4.8024 13.1112 5.6376 13.1112C6.6312 13.1112 7.4088 12.9096 7.9704 12.5064C8.5464 12.0888 8.8344 11.5272 8.8344 10.8216C8.8344 10.116 8.5608 9.5688 8.0136 9.18C7.4808 8.7768 6.66 8.5752 5.5512 8.5752H4.1688V6.6528L7.6032 2.5704H0.7344V0.216H11.0376V2.0952L7.3656 6.4584Z"></path>
9300            </clipPath>
9301            <clipPath id="cz-promo-clip-0" clipPathUnits="userSpaceOnUse" clip-rule="evenodd">
9302              <path d="M19.8079 15.552C18.5983 15.552 17.5183 15.2496 16.5679 14.6448C15.6175 14.0256 14.8687 13.1328 14.3215 11.9664C13.7743 10.7856 13.5007 9.3888 13.5007 7.776C13.5007 6.1632 13.7743 4.7736 14.3215 3.6072C14.8687 2.4264 15.6175 1.5336 16.5679 0.9288C17.5183 0.3096 18.5983 0 19.8079 0C21.0175 0 22.0975 0.3096 23.0479 0.9288C24.0127 1.5336 24.7687 2.4264 25.3159 3.6072C25.8631 4.7736 26.1367 6.1632 26.1367 7.776C26.1367 9.3888 25.8631 10.7856 25.3159 11.9664C24.7687 13.1328 24.0127 14.0256 23.0479 14.6448C22.0975 15.2496 21.0175 15.552 19.8079 15.552ZM19.8079 13.1112C20.8879 13.1112 21.7375 12.6648 22.3567 11.772C22.9903 10.8792 23.3071 9.5472 23.3071 7.776C23.3071 6.0048 22.9903 4.6728 22.3567 3.78C21.7375 2.8872 20.8879 2.4408 19.8079 2.4408C18.7423 2.4408 17.8927 2.8872 17.2591 3.78C16.6399 4.6728 16.3303 6.0048 16.3303 7.776C16.3303 9.5472 16.6399 10.8792 17.2591 11.772C17.8927 12.6648 18.7423 13.1112 19.8079 13.1112Z" fill-rule="evenodd"></path>
9303            </clipPath>
9304            <clipPath id="cz-promo-clip-pct" clipPathUnits="userSpaceOnUse" clip-rule="evenodd">
9305              <path d="M31.4039 8.3592C30.3239 8.3592 29.4527 7.9776 28.7903 7.2144C28.1279 6.4512 27.7967 5.4504 27.7967 4.212C27.7967 2.9736 28.1279 1.9728 28.7903 1.2096C29.4527 0.4464 30.3239 0.0648005 31.4039 0.0648005C32.4839 0.0648005 33.3551 0.4464 34.0175 1.2096C34.6943 1.9584 35.0327 2.9592 35.0327 4.212C35.0327 5.4648 34.6943 6.4728 34.0175 7.236C33.3551 7.9848 32.4839 8.3592 31.4039 8.3592ZM40.4759 0.216H42.5927L32.2679 15.336H30.1511L40.4759 0.216ZM31.4039 6.8472C31.9943 6.8472 32.4479 6.6168 32.7647 6.156C33.0959 5.6952 33.2615 5.0472 33.2615 4.212C33.2615 3.3768 33.0959 2.7288 32.7647 2.268C32.4479 1.8072 31.9943 1.5768 31.4039 1.5768C30.8423 1.5768 30.3887 1.8144 30.0431 2.2896C29.7119 2.7504 29.5463 3.3912 29.5463 4.212C29.5463 5.0328 29.7119 5.6808 30.0431 6.156C30.3887 6.6168 30.8423 6.8472 31.4039 6.8472ZM41.3183 15.4872C40.2383 15.4872 39.3671 15.1056 38.7047 14.3424C38.0423 13.5792 37.7111 12.5784 37.7111 11.34C37.7111 10.1016 38.0423 9.1008 38.7047 8.3376C39.3671 7.5744 40.2383 7.1928 41.3183 7.1928C42.3983 7.1928 43.2695 7.5744 43.9319 8.3376C44.6087 9.1008 44.9471 10.1016 44.9471 11.34C44.9471 12.5784 44.6087 13.5792 43.9319 14.3424C43.2695 15.1056 42.3983 15.4872 41.3183 15.4872ZM41.3183 13.9752C41.8943 13.9752 42.3479 13.7448 42.6791 13.284C43.0103 12.8088 43.1759 12.1608 43.1759 11.34C43.1759 10.5192 43.0103 9.8784 42.6791 9.4176C42.3479 8.9424 41.8943 8.7048 41.3183 8.7048C40.7423 8.7048 40.2887 8.9352 39.9575 9.396C39.6263 9.8568 39.4607 10.5048 39.4607 11.34C39.4607 12.1752 39.6263 12.8232 39.9575 13.284C40.2887 13.7448 40.7423 13.9752 41.3183 13.9752Z" fill-rule="evenodd"></path>
9306            </clipPath>
9307            <clipPath id="cz-promo-clip-all" clipPathUnits="userSpaceOnUse" clip-rule="evenodd">
9308              <path d="M7.3656 6.4584C8.7624 6.6312 9.828 7.1064 10.5624 7.884C11.2968 8.6616 11.664 9.6336 11.664 10.8C11.664 11.6784 11.4408 12.4776 10.9944 13.1976C10.548 13.9176 9.8712 14.4936 8.964 14.9256C8.0712 15.3432 6.9768 15.552 5.6808 15.552C4.6008 15.552 3.5568 15.4008 2.5488 15.0984C1.5552 14.7816 0.7056 14.3496 0 13.8024L1.2096 11.6208C1.7568 12.0816 2.4192 12.4488 3.1968 12.7224C3.9888 12.9816 4.8024 13.1112 5.6376 13.1112C6.6312 13.1112 7.4088 12.9096 7.9704 12.5064C8.5464 12.0888 8.8344 11.5272 8.8344 10.8216C8.8344 10.116 8.5608 9.5688 8.0136 9.18C7.4808 8.7768 6.66 8.5752 5.5512 8.5752H4.1688V6.6528L7.6032 2.5704H0.7344V0.216H11.0376V2.0952L7.3656 6.4584Z"></path>
9309              <path d="M19.8079 15.552C18.5983 15.552 17.5183 15.2496 16.5679 14.6448C15.6175 14.0256 14.8687 13.1328 14.3215 11.9664C13.7743 10.7856 13.5007 9.3888 13.5007 7.776C13.5007 6.1632 13.7743 4.7736 14.3215 3.6072C14.8687 2.4264 15.6175 1.5336 16.5679 0.9288C17.5183 0.3096 18.5983 0 19.8079 0C21.01
930975 0 22.0975 0.3096 23.0479 0.9288C24.0127 1.5336 24.7687 2.4264 25.3159 3.6072C25.8631 4.7736 26.1367 6.1632 26.1367 7.776C26.1367 9.3888 25.8631 10.7856 25.3159 11.9664C24.7687 13.1328 24.0127 14.0256 23.0479 14.6448C22.0975 15.2496 21.0175 15.552 19.8079 15.552ZM19.8079 13.1112C20.8879 13.1112 21.7375 12.6648 22.3567 11.772C22.9903 10.8792 23.3071 9.5472 23.3071 7.776C23.3071 6.0048 22.9903 4.6728 22.3567 3.78C21.7375 2.8872 20.8879 2.4408 19.8079 2.4408C18.7423 2.4408 17.8927 2.8872 17.2591 3.78C16.6399 4.6728 16.3303 6.0048 16.3303 7.776C16.3303 9.5472 16.6399 10.8792 17.2591 11.772C17.8927 12.6648 18.7423 13.1112 19.8079 13.1112Z" fill-rule="evenodd"></path>
9310              <path d="M31.4039 8.3592C30.3239 8.3592 29.4527 7.9776 28.7903 7.2144C28.1279 6.4512 27.7967 5.4504 27.7967 4.212C27.7967 2.9736 28.1279 1.9728 28.7903 1.2096C29.4527 0.4464 30.3239 0.0648005 31.4039 0.0648005C32.4839 0.0648005 33.3551 0.4464 34.0175 1.2096C34.6943 1.9584 35.0327 2.9592 35.0327 4.212C35.0327 5.4648 34.6943 6.4728 34.0175 7.236C33.3551 7.9848 32.4839 8.3592 31.4039 8.3592ZM40.4759 0.216H42.5927L32.2679 15.336H30.1511L40.4759 0.216ZM31.4039 6.8472C31.9943 6.8472 32.4479 6.6168 32.7647 6.156C33.0959 5.6952 33.2615 5.0472 33.2615 4.212C33.2615 3.3768 33.0959 2.7288 32.7647 2.268C32.4479 1.8072 31.9943 1.5768 31.4039 1.5768C30.8423 1.5768 30.3887 1.8144 30.0431 2.2896C29.7119 2.7504 29.5463 3.3912 29.5463 4.212C29.5463 5.0328 29.7119 5.6808 30.0431 6.156C30.3887 6.6168 30.8423 6.8472 31.4039 6.8472ZM41.3183 15.4872C40.2383 15.4872 39.3671 15.1056 38.7047 14.3424C38.0423 13.5792 37.7111 12.5784 37.7111 11.34C37.7111 10.1016 38.0423 9.1008 38.7047 8.3376C39.3671 7.5744 40.2383 7.1928 41.3183 7.1928C42.3983 7.1928 43.2695 7.5744 43.9319 8.3376C44.6087 9.1008 44.9471 10.1016 44.9471 11.34C44.9471 12.5784 44.6087 13.5792 43.9319 14.3424C43.2695 15.1056 42.3983 15.4872 41.3183 15.4872ZM41.3183 13.9752C41.8943 13.9752 42.3479 13.7448 42.6791 13.284C43.0103 12.8088 43.1759 12.1608 43.1759 11.34C43.1759 10.5192 43.0103 9.8784 42.6791 9.4176C42.3479 8.9424 41.8943 8.7048 41.3183 8.7048C40.7423 8.7048 40.2887 8.9352 39.9575 9.396C39.6263 9.8568 39.4607 10.5048 39.4607 11.34C39.4607 12.1752 39.6263 12.8232 39.9575 13.284C40.2887 13.7448 40.7423 13.9752 41.3183 13.9752Z" fill-rule="evenodd"></path>
9311            </clipPath>
9312          </defs>
9313          <g class="cz-promo-banner__percent-solid" fill="#ffffff" fill-rule="evenodd">
9314            <path d="M7.3656 6.4584C8.7624 6.6312 9.828 7.1064 10.5624 7.884C11.2968 8.6616 11.664 9.6336 11.664 10.8C11.664 11.6784 11.4408 12.4776 10.9944 13.1976C10.548 13.9176 9.8712 14.4936 8.964 14.9256C8.0712 15.3432 6.9768 15.552 5.6808 15.552C4.6008 15.552 3.5568 15.4008 2.5488 15.0984C1.5552 14.7816 0.7056 14.3496 0 13.8024L1.2096 11.6208C1.7568 12.0816 2.4192 12.4488 3.1968 12.7224C3.9888 12.9816 4.8024 13.1112 5.6376 13.1112C6.6312 13.1112 7.4088 12.9096 7.9704 12.5064C8.5464 12.0888 8.8344 11.5272 8.8344 10.8216C8.8344 10.116 8.5608 9.5688 8.0136 9.18C7.4808 8.7768 6.66 8.5752 5.5512 8.5752H4.1688V6.6528L7.6032 2.5704H0.7344V0.216H11.0376V2.0952L7.3656 6.4584Z"></path>
9315            <path d="M19.8079 15.552C18.5983 15.552 17.5183 15.2496 16.5679 14.6448C15.6175 14.0256 14.8687 13.1328 14.3215 11.9664C13.7743 10.7856 13.5007 9.3888 13.5007 7.776C13.5007 6.1632 13.7743 4.7736 14.3215 3.6072C14.8687 2.4264 15.6175 1.5336 16.5679 0.9288C17.5183 0.3096 18.5983 0 19.8079 0C21.0175 0 22.0975 0.3096 23.0479 0.9288C24.0127 1.5336 24.7687 2.4264 25.3159 3.6072C25.8631 4.7736 26.1367 6.1632 26.1367 7.776C26.1367 9.3888 25.8631 10.7856 25.3159 11.9664C24.7687 13.1328 24.0127 14.0256 23.0479 14.6448C22.0975 15.2496 21.0175 15.552 19.8079 15.552ZM19.8079 13.1112C20.8879 13.1112 21.7375 12.6648 22.3567 11.772C22.9903 10.8792 23.3071 9.5472 23.3071 7.776C23.3071 6.0048 22.9903 4.6728 22.3567 3.78C21.7375 2.8872 20.8879 2.4408 19.8079 2.4408C18.7423 2.4408 17.8927 2.8872 17.2591 3.78C16.6399 4.6728 16.3303 6.0048 16.3303 7.776C16.3303 9.5472 16.6399 10.8792 17.2591 11.772C17.8927 12.6648 18.7423 13.1112 19.8079 13.1112Z"></path>
9316            <path d="M31.4039 8.3592C30.3239 8.3592 29.4527 7.9776 28.7903 7.2144C28.1279 6.4512 27.7967 5.4504 27.7967 4.212C27.7967 2.9736 28.1279 1.9728 28.7903 1.2096C29.4527 0.4464 30.3239 0.0648005 31.4039 0.0648005C32.4839 0.0648005 33.3551 0.4464 34.0175 1.2096C34.6943 1.9584 35.0327 2.9592 35.0327 4.212C35.0327 5.4648 34.6943 6.4728 34.0175 7.236C33.3551 7.9848 32.4839 8.3592 31.4039 8.3592ZM40.4759 0.216H42.5927L32.2679 15.336H30.1511L40.4759 0.216ZM31.4039 6.8472C31.9943 6.8472 32.4479 6.6168 32.7647 6.156C33.0959 5.6952 33.2615 5.0472 33.2615 4.212C33.2615 3.3768 33.0959 2.7288 32.7647 2.268C32.4479 1.8072 31.9943 1.5768 31.4039 1.5768C30.8423 1.5768 30.3887 1.8144 30.0431 2.2896C29.7119 2.7504 29.5463 3.3912 29.5463 4.212C29.5463 5.0328 29.7119 5.6808 30.0431 6.156C30.3887 6.6168 30.8423 6.8472 31.4039 6.8472ZM41.3183 15.4872C40.2383 15.4872 39.3671 15.1056 38.7047 14.3424C38.0423 13.5792 37.7111 12.5784 37.7111 11.34C37.7111 10.1016 38.0423 9.1008 38.7047 8.3376C39.3671 7.5744 40.2383 7.1928 41.3183 7.1928C42.3983 7.1928 43.2695 7.5744 43.9319 8.3376C44.6087 9.1008 44.9471 10.1016 44.9471 11.34C44.9471 12.5784 44.6087 13.5792 43.9319 14.3424C43.2695 15.1056 42.3983 15.4872 41.3183 15.4872ZM41.3183 13.9752C41.8943 13.9752 42.3479 13.7448 42.6791 13.284C43.0103 12.8088 43.1759 12.1608 43.1759 11.34C43.1759 10.5192 43.0103 9.8784 42.6791 9.4176C42.3479 8.9424 41.8943 8.7048 41.3183 8.7048C40.7423 8.7048 40.2887 8.9352 39.9575 9.396C39.6263 9.8568 39.4607 10.5048 39.4607 11.34C39.4607 12.1752 39.6263 12.8232 39.9575 13.284C40.2887 13.7448 40.7423 13.9752 41.3183 13.9752Z"></path>
9317          </g>
9318          <g class="cz-promo-banner__percent-draw">
9319            <g class="cz-promo-banner__percent-char cz-promo-banner__percent-char--3">
9320              <g clip-path="url(#cz-promo-clip-3)">
9321                <path class="cz-promo-banner__percent-ghost" d="M7.3656 6.4584C8.7624 6.6312 9.828 7.1064 10.5624 7.884C11.2968 8.6616 11.664 9.6336 11.664 10.8C11.664 11.6784 11.4408 12.4776 10.9944 13.1976C10.548 13.9176 9.8712 14.4936 8.964 14.9256C8.0712 15.3432 6.9768 15.552 5.6808 15.552C4.6008 15.552 3.5568 15.4008 2.5488 15.0984C1.5552 14.7816 0.7056 14.3496 0 13.8024L1.2096 11.6208C1.7568 12.0816 2.4192 12.4488 3.1968 12.7224C3.9888 12.9816 4.8024 13.1112 5.6376 13.1112C6.6312 13.1112 7.4088 12.9096 7.9704 12.5064C8.5464 12.0888 8.8344 11.5272 8.8344 10.8216C8.8344 10.116 8.5608 9.5688 8.0136 9.18C7.4808 8.7768 6.66 8.5752 5.5512 8.5752H4.1688V6.6528L7.6032 2.5704H0.7344V0.216H11.0376V2.0952L7.3656 6.4584Z"></path>
9322                <path class="cz-promo-banner__percent-scribble cz-promo-banner__percent-scribble--3" pathLength="1" d="M-1 1H13V2.6H-1V4.2H13V5.8H-1V7.4H13V9H-1V10.6H13V12.2H-1V13.8H13V15.4H-1V16"></path>
9323                <path class="cz-promo-banner__percent-fill cz-promo-banner__percent-fill--3" d="M7.3656 6.4584C8.7624 6.6312 9.828 7.1064 10.5624 7.884C11.2968 8.6616 11.664 9.6336 11.664 10.8C11.664 11.6784 11.4408 12.4776 10.9944 13.1976C10.548 13.9176 9.8712 14.4936 8.964 14.9256C8.0712 15.3432 6.9768 15.552 5.6808 15.552C4.6008 15.552 3.5568 15.4008 2.5488 15.0984C1.5552 14.7816 0.7056 14.3496 0 13.8024L1.2096 11.6208C1.7568 12.0816 2.4192 12.4488 3.1968 12.7224C3.9888 12.9816 4.8024 13.1112 5.6376 13.1112C6.6312 13.1112 7.4088 12.9096 7.9704 12.5064C8.5464 12.0888 8.8344 11.5272 8.8344 10.8216C8.8344 10.116 8.5608 9.5688 8.0136 9.18C7.4808 8.7768 6.66 8.5752 5.5512 8.5752H4.1688V6.6528L7.6032 2.5704H0.7344V0.216H11.0376V2.0952L7.3656 6.4584Z"></path>
9324              </g>
9325            </g>
9326            <g class="cz-promo-banner__percent-char cz-promo-banner__percent-char--0">
9327              <g clip-path="url(#cz-promo-clip-0)">
9328                <path class="cz-promo-banner__percent-ghost" d="M19.8079 15.552C18.5983 15.552 17.5183 15.2496 16.5679 14.6448C15.6175 14.0256 14.8687 13.1328 14.3215 11.9664C13.7743 10.7856 13.5007 9.3888 13.5007 7.776C13.5007 6.1632 13.7743 4.7736 14.3215 3.6072C14.8687 2.4264 15.6175 1.5336 16.5679 0.9288C17.5183 0.3096 18.5983 0 19.8079 0C21.01
932875 0 22.0975 0.3096 23.0479 0.9288C24.0127 1.5336 24.7687 2.4264 25.3159 3.6072C25.8631 4.7736 26.1367 6.1632 26.1367 7.776C26.1367 9.3888 25.8631 10.7856 25.3159 11.9664C24.7687 13.1328 24.0127 14.0256 23.0479 14.6448C22.0975 15.2496 21.0175 15.552 19.8079 15.552ZM19.8079 13.1112C20.8879 13.1112 21.7375 12.6648 22.3567 11.772C22.9903 10.8792 23.3071 9.5472 23.3071 7.776C23.3071 6.0048 22.9903 4.6728 22.3567 3.78C21.7375 2.8872 20.8879 2.4408 19.8079 2.4408C18.7423 2.4408 17.8927 2.8872 17.2591 3.78C16.6399 4.6728 16.3303 6.0048 16.3303 7.776C16.3303 9.5472 16.6399 10.8792 17.2591 11.772C17.8927 12.6648 18.7423 13.1112 19.8079 13.1112Z"></path>
9329                <path class="cz-promo-banner__percent-scribble cz-promo-banner__percent-scribble--0" pathLength="1" d="M12 1H27V2.6H12V4.2H27V5.8H12V7.4H27V9H12V10.6H27V12.2H12V13.8H27V15.4H12V16"></path>
9330                <path class="cz-promo-banner__percent-fill cz-promo-banner__percent-fill--0" d="M19.8079 15.552C18.5983 15.552 17.5183 15.2496 16.5679 14.6448C15.6175 14.0256 14.8687 13.1328 14.3215 11.9664C13.7743 10.7856 13.5007 9.3888 13.5007 7.776C13.5007 6.1632 13.7743 4.7736 14.3215 3.6072C14.8687 2.4264 15.6175 1.5336 16.5679 0.9288C17.5183 0.3096 18.5983 0 19.8079 0C21.0175 0 22.0975 0.3096 23.0479 0.9288C24.0127 1.5336 24.7687 2.4264 25.3159 3.6072C25.8631 4.7736 26.1367 6.1632 26.1367 7.776C26.1367 9.3888 25.8631 10.7856 25.3159 11.9664C24.7687 13.1328 24.0127 14.0256 23.0479 14.6448C22.0975 15.2496 21.0175 15.552 19.8079 15.552ZM19.8079 13.1112C20.8879 13.1112 21.7375 12.6648 22.3567 11.772C22.9903 10.8792 23.3071 9.5472 23.3071 7.776C23.3071 6.0048 22.9903 4.6728 22.3567 3.78C21.7375 2.8872 20.8879 2.4408 19.8079 2.4408C18.7423 2.4408 17.8927 2.8872 17.2591 3.78C16.6399 4.6728 16.3303 6.0048 16.3303 7.776C16.3303 9.5472 16.6399 10.8792 17.2591 11.772C17.8927 12.6648 18.7423 13.1112 19.8079 13.1112Z"></path>
9331              </g>
9332            </g>
9333            <g class="cz-promo-banner__percent-char cz-promo-banner__percent-char--pct">
9334              <g clip-path="url(#cz-promo-clip-pct)">
9335                <path class="cz-promo-banner__percent-ghost" d="M31.4039 8.3592C30.3239 8.3592 29.4527 7.9776 28.7903 7.2144C28.1279 6.4512 27.7967 5.4504 27.7967 4.212C27.7967 2.9736 28.1279 1.9728 28.7903 1.2096C29.4527 0.4464 30.3239 0.0648005 31.4039 0.0648005C32.4839 0.0648005 33.3551 0.4464 34.0175 1.2096C34.6943 1.9584 35.0327 2.9592 35.0327 4.212C35.0327 5.4648 34.6943 6.4728 34.0175 7.236C33.3551 7.9848 32.4839 8.3592 31.4039 8.3592ZM40.4759 0.216H42.5927L32.2679 15.336H30.1511L40.4759 0.216ZM31.4039 6.8472C31.9943 6.8472 32.4479 6.6168 32.7647 6.156C33.0959 5.6952 33.2615 5.0472 33.2615 4.212C33.2615 3.3768 33.0959 2.7288 32.7647 2.268C32.4479 1.8072 31.9943 1.5768 31.4039 1.5768C30.8423 1.5768 30.3887 1.8144 30.0431 2.2896C29.7119 2.7504 29.5463 3.3912 29.5463 4.212C29.5463 5.0328 29.7119 5.6808 30.0431 6.156C30.3887 6.6168 30.8423 6.8472 31.4039 6.8472ZM41.3183 15.4872C40.2383 15.4872 39.3671 15.1056 38.7047 14.3424C38.0423 13.5792 37.7111 12.5784 37.7111 11.34C37.7111 10.1016 38.0423 9.1008 38.7047 8.3376C39.3671 7.5744 40.2383 7.1928 41.3183 7.1928C42.3983 7.1928 43.2695 7.5744 43.9319 8.3376C44.6087 9.1008 44.9471 10.1016 44.9471 11.34C44.9471 12.5784 44.6087 13.5792 43.9319 14.3424C43.2695 15.1056 42.3983 15.4872 41.3183 15.4872ZM41.3183 13.9752C41.8943 13.9752 42.3479 13.7448 42.6791 13.284C43.0103 12.8088 43.1759 12.1608 43.1759 11.34C43.1759 10.5192 43.0103 9.8784 42.6791 9.4176C42.3479 8.9424 41.8943 8.7048 41.3183 8.7048C40.7423 8.7048 40.2887 8.9352 39.9575 9.396C39.6263 9.8568 39.4607 10.5048 39.4607 11.34C39.4607 12.1752 39.6263 12.8232 39.9575 13.284C40.2887 13.7448 40.7423 13.9752 41.3183 13.9752Z"></path>
9336                <path class="cz-promo-banner__percent-scribble cz-promo-banner__percent-scribble--pct" pathLength="1" d="M26 1H46V2.6H26V4.2H46V5.8H26V7.4H46V9H26V10.6H46V12.2H26V13.8H46V15.4H26V16"></path>
9337                <path class="cz-promo-banner__percent-fill cz-promo-banner__percent-fill--pct" d="M31.4039 8.3592C30.3239 8.3592 29.4527 7.9776 28.7903 7.2144C28.1279 6.4512 27.7967 5.4504 27.7967 4.212C27.7967 2.9736 28.1279 1.9728 28.7903 1.2096C29.4527 0.4464 30.3239 0.0648005 31.4039 0.0648005C32.4839 0.0648005 33.3551 0.4464 34.0175 1.2096C34.6943 1.9584 35.0327 2.9592 35.0327 4.212C35.0327 5.4648 34.6943 6.4728 34.0175 7.236C33.3551 7.9848 32.4839 8.3592 31.4039 8.3592ZM40.4759 0.216H42.5927L32.2679 15.336H30.1511L40.4759 0.216ZM31.4039 6.8472C31.9943 6.8472 32.4479 6.6168 32.7647 6.156C33.0959 5.6952 33.2615 5.0472 33.2615 4.212C33.2615 3.3768 33.0959 2.7288 32.7647 2.268C32.4479 1.8072 31.9943 1.5768 31.4039 1.5768C30.8423 1.5768 30.3887 1.8144 30.0431 2.2896C29.7119 2.7504 29.5463 3.3912 29.5463 4.212C29.5463 5.0328 29.7119 5.6808 30.0431 6.156C30.3887 6.6168 30.8423 6.8472 31.4039 6.8472ZM41.3183 15.4872C40.2383 15.4872 39.3671 15.1056 38.7047 14.3424C38.0423 13.5792 37.7111 12.5784 37.7111 11.34C37.7111 10.1016 38.0423 9.1008 38.7047 8.3376C39.3671 7.5744 40.2383 7.1928 41.3183 7.1928C42.3983 7.1928 43.2695 7.5744 43.9319 8.3376C44.6087 9.1008 44.9471 10.1016 44.9471 11.34C44.9471 12.5784 44.6087 13.5792 43.9319 14.3424C43.2695 15.1056 42.3983 15.4872 41.3183 15.4872ZM41.3183 13.9752C41.8943 13.9752 42.3479 13.7448 42.6791 13.284C43.0103 12.8088 43.1759 12.1608 43.1759 11.34C43.1759 10.5192 43.0103 9.8784 42.6791 9.4176C42.3479 8.9424 41.8943 8.7048 41.3183 8.7048C40.7423 8.7048 40.2887 8.9352 39.9575 9.396C39.6263 9.8568 39.4607 10.5048 39.4607 11.34C39.4607 12.1752 39.6263 12.8232 39.9575 13.284C40.2887 13.7448 40.7423 13.9752 41.3183 13.9752Z"></path>
9338              </g>
9339            </g>
9340            <rect class="cz-promo-banner__percent-shine" x="-6" y="0" width="6" height="16" fill="url(#cz-promo-percent-shine)" clip-path="url(#cz-promo-clip-all)"></rect>
9341          </g>
9342        </svg>
9343      </span>
9344      <span class="cz-promo-banner__text">30% alennus kaikille kaikesta!</span>
9345      <button type="button" class="cz-promo-banner__more" aria-expanded="false" aria-controls="cz-promo-banner-details">
9346        <span data-more-label>lisää</span>
9347        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
9348          <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
9349        </svg>
9350      </button>
9351      <span class="cz-promo-banner__arrow" aria-hidden="true">
9352        <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
9353          <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9354        </svg>
9355      </span>
9356    </div>
9357
9358    <div id="cz-promo-banner-details" class="cz-promo-banner__details">
9359      <div class="cz-promo-banner__details-clip">
9360      <div class="cz-promo-banner__details-inner">
9361        <p class="cz-promo-banner__intro">
9362          Suurempi tilaus?
9363          Osta
9364          <span class="cz-promo-banner__intro-accent">volyymialennuksella:</span>
9365        </p>
9366
9367        <div class="cz-promo-banner__tiers">
9368          <div class="cz-promo-banner__tier">
9369            <span class="cz-promo-banner__tier-pct" data-count="10">10%</span>
9370            <span class="cz-promo-banner__tier-over">yli 400 €</span>
9371          </div>
9372          <span class="cz-promo-banner__tier-dash" aria-hidden="true"></span>
9373          <div class="cz-promo-banner__tier">
9374            <span class="cz-promo-banner__tier-pct" data-count="20">20%</span>
9375            <span class="cz-promo-banner__tier-over">yli 800 €</span>
9376          </div>
9377          <span class="cz-promo-banner__tier-dash" aria-hidden="true"></span>
9378          <div class="cz-promo-banner__tier">
9379            <span class="cz-promo-banner__tier-pct" data-count="30">30%</span>
9380            <span class="cz-promo-banner__tier-over">yli 1 200 €</span>
9381          </div>
9382        </div>
9383
9384        <p class="cz-promo-banner__note">
9385          <span>Koodeja ei tarvita, alennus lasketaan automaattisesti.</span>
9386          <span>Koskee kaikkea, myös alennettuja tuotteita ja outlettia.</span>
9387        </p>
9388
9389        <div class="cz-promo-banner__footnotes">
9390          <p class="cz-promo-banner__footnote">
9391            <svg class="cz-promo-banner__footnote-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
9392              <circle cx="12" cy="8" r="3.2" stroke="currentColor" stroke-width="1.75"/>
9393              <path d="M5 19c.8-3.2 3.2-5 7-5s6.2 1.8 7 5" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
9394            </svg>
9395            <span>Vain loppukasiakkaille</span>
9396          </p>
9397
9398          <div class="cz-promo-banner__footnote cz-promo-banner__disclaimer">
9399            <button
9400              type="button"
9401              class="cz-promo-banner__disclaimer-trigger"
9402              aria-expanded="false"
9403              aria-controls="cz-promo-disclaimer-tip"
9404              aria-describedby="cz-promo-disclaimer-tip"
9405            >
9406              <svg class="cz-promo-banner__footnote-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
9407                <path d="M12 4l9 16H3L12 4z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/>
9408                <path d="M12 10v5M12 17.5h.01" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
9409              </svg>
9410              <span>Huom osittaisessa palautuksessa...</span>
9411            </button>
9412            <div id="cz-promo-disclaimer-tip" class="cz-promo-banner__tooltip" role="tooltip">
9413              <p class="cz-promo-banner__tooltip-text">Osittaisessa palautuksessa alennus lasketaan uudelleen ja se vaikuttaa palautettavaan summaan.</p>
9414              <a href="/pages/ehdot-ja-saannot#volume-discounts-partial-withdrawal" class="cz-promo-banner__tooltip-more">Lisää...</a>
9415            </div>
9416          </div>
9417        </div>
9418      </div>
9419      </div>
9420    </div>
9421  </div>
9422
9423  <style>
9424    .cz-promo-banner {
9425      width: 100%;
9426      max-width: 1100px;
9427      margin: 0 auto;
9428      box-sizing: border-box;
9429      position: relative;
9430      z-index: 99;
9431      font-family: Montserrat, sans-serif;
9432      font-weight: 400;
9433      cursor: pointer;
9434      transition: box-shadow 200ms ease, outline-color 200ms ease;
9435    }
9436
9437    .cz-promo-banner.is-expanded {
9438      outline: 1px solid #f84200;
9439      box-shadow: 0 8px 28px rgba(17, 17, 17, 0.1);
9440    }
9441
9442    .cz-promo-banner__bar {
9443      display: grid;
9444      grid-template-columns: auto minmax(0, 1fr) auto;
9445      align-items: center;
9446      min-height: 52px;
9447      padding: 0 0 0 24px;
9448      background: #f84200;
9449      color: #ffffff;
9450      box-sizing: border-box;
9451      transition: background-color 200ms ease, color 200ms ease;
9452    }
9453
9454    .cz-promo-banner.is-expanded .cz-promo-banner__bar {
9455      grid-template-columns: 1fr auto 1fr;
9456      padding: 0;
9457      background: #ffffff;
9458      color: #111111;
9459    }
9460
9461    .cz-promo-banner__percent {
9462      grid-column: 1;
9463      grid-row: 1;
9464      z-index: 1;
9465      display: block;
9466      line-height: 0;
9467    }
9468
9469    .cz-promo-banner.is-expanded .cz-promo-banner__percent {
9470      display: none;
9471    }
9472
9473    .cz-promo-banner__percent-mark {
9474      display: block;
9475      width: 67.5px;
9476      height: 24px;
9477      overflow: visible;
9478      contain: layout style;
9479      pointer-events: none;
9480    }
9481
9482    .cz-promo-banner__percent-solid,
9483    .cz-promo-banner__percent-ghost,
9484    .cz-promo-banner__percent-fill {
9485      fill: #ffffff;
9486      fill-rule: evenodd;
9487    }
9488
9489    .cz-promo-banner__percent-solid {
9490      opacity: 1;
9491    }
9492
9493    .cz-promo-banner.is-animating .cz-promo-banner__percent-solid {
9494      opacity: 0;
9495    }
9496
9497    .cz-promo-banner__percent-draw {
9498      opacity: 0;
9499    }
9500
9501    .cz-promo-banner.is-animating .cz-promo-banner__percent-draw {
9502      opacity: 1;
9503      animation: cz-promo-percent-leave 2.2s ease-in-out infinite;
9504    }
9505
9506    .cz-promo-banner__percent-char {
9507      transform-box: fill-box;
9508      transform-origin: center;
9509    }
9510
9511    .cz-promo-banner.is-animating .cz-promo-banner__percent-char--3 {
9512      animation: cz-promo-percent-pop 2.2s cubic-bezier(0.34, 1.3, 0.64, 1) infinite;
9513    }
9514
9515    .cz-promo-banner.is-animating .cz-promo-banner__percent-char--0 {
9516      animation: cz-promo-percent-pop 2.2s cubic-bezier(0.34, 1.3, 0.64, 1) 0.1s infinite;
9517    }
9518
9519    .cz-promo-banner.is-animating .cz-promo-banner__percent-char--pct {
9520      animation: cz-promo-percent-pop 2.2s cubic-bezier(0.34, 1.3, 0.64, 1) 0.2s infinite;
9521    }
9522
9523    .cz-promo-banner__percent-ghost {
9524      fill: rgba(255, 255, 255, 0.2);
9525    }
9526
9527    .cz-promo-banner__percent-scribble {
9528      fill: none;
9529      stroke: #ffffff;
9530      stroke-width: 1.8;
9531      stroke-linejoin: miter;
9532      stroke-dasharray: 1;
9533      stroke-dashoffset: 1;
9534    }
9535
9536    .cz-promo-banner__percent-fill {
9537      opacity: 0;
9538    }
9539
9540    .cz-promo-banner.is-animating .cz-promo-banner__percent-scribble--3 {
9541      animation: cz-promo-percent-write 2.2s cubic-bezier(0.45, 0.05, 0.15, 1) infinite;
9542    }
9543
9544    .cz-promo-banner.is-animating .cz-promo-banner__percent-scribble--0 {
9545      animation: cz-promo-percent-write 2.2s cubic-bezier(0.45, 0.05, 0.15, 1) 0.1s infinite;
9546    }
9547
9548    .cz-promo-banner.is-animating .cz-promo-banner__percent-scribble--pct {
9549      animation: cz-promo-percent-write 2.2s cubic-bezier(0.45, 0.05, 0.15, 1) 0.2s infinite;
9550    }
9551
9552    .cz-promo-banner.is-animating .cz-promo-banner__percent-fill--3 {
9553      animation: cz-promo-percent-fill 2.2s ease-out infinite;
9554    }
9555
9556    .cz-promo-banner.is-animating .cz-promo-banner__percent-fill--0 {
9557      animation: cz-promo-percent-fill 2.2s ease-out 0.1s infinite;
9558    }
9559
9560    .cz-promo-banner.is-animating .cz-promo-banner__percent-fill--pct {
9561      animation: cz-promo-percent-fill 2.2s ease-out 0.2s infinite;
9562    }
9563
9564    .cz-promo-banner__percent-shine {
9565      opacity: 0;
9566      transform: translateX(0);
9567    }
9568
9569    .cz-promo-banner.is-animating .cz-promo-banner__percent-shine {
9570      animation: cz-promo-percent-shine 2.2s ease-in-out infinite;
9571    }
9572
9573    @keyframes cz-promo-percent-write {
9574      0% { stroke-dashoffset: 1; }
9575      14% { stroke-dashoffset: 0; }
9576      72% { stroke-dashoffset: 0; }
9577      72.01% { stroke-dashoffset: 1; }
9578      100% { stroke-dashoffset: 1; }
9579    }
9580
9581    @keyframes cz-promo-percent-fill {
9582      0%, 10% { opacity: 0; }
9583      18%, 72% { opacity: 1; }
9584      72.01%, 100% { opacity: 0; }
9585    }
9586
9587    @keyframes cz-promo-percent-pop {
9588      0%, 12% { transform: scale(1); }
9589      16% { transform: scale(1.06); }
9590      22% { transform: scale(1); }
9591    }
9592
9593    @keyframes cz-promo-percent-shine {
9594      0%, 28% { transform: translateX(0); opacity: 0; }
9595      36% { opacity: 0.9; }
9596      50% { transform: translateX(52px); opacity: 0; }
9597      100% { transform: translateX(52px); opacity: 0; }
9598    }
9599
9600    @keyframes cz-promo-percent-leave {
9601      0%, 72% { opacity: 1; }
9602      86% { opacity: 0; }
9603      100% { opacity: 0; }
9604    }
9605
9606    .cz-promo-banner__text {
9607      grid-column: 2;
9608      grid-row: 1;
9609      justify-self: start;
9610      padding: 0 20px;
9611      font-size: 24px;
9612      line-height: 1.2;
9613      font-weight: 400;
9614      text-align: left;
9615      white-space: nowrap;
9616      transform: translateX(0);
9617      color: inherit;
9618      transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms ease;
9619    }
9620
9621    .cz-promo-banner.is-expanded .cz-promo-banner__text {
9622      grid-column: 2;
9623      justify-self: center;
9624      padding: 0;
9625      text-align: center;
9626      color: #111111;
9627      transform: none !important;
9628    }
9629
9630    .cz-promo-banner.is-expanded .cz-promo-banner__more {
9631      grid-column: 3;
9632      justify-self: end;
9633    }
9634
9635    .cz-promo-banner__more {
9636      grid-column: 3;
9637      grid-row: 1;
9638      z-index: 1;
9639      display: inline-flex;
9640      align-items: center;
9641      justify-content: center;
9642      gap: 8px;
9643      align-self: stretch;
9644      margin: 0;
9645      padding: 0 24px;
9646      border: 1px solid #f84200;
9647      background: #ffffff;
9648      color: #f84200;
9649      font-family: inherit;
9650      font-size: 18px;
9651      font-weight: 500;
9652      line-height: 1;
9653      cursor: pointer;
9654      transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
9655    }
9656
9657    .cz-promo-banner__more:hover {
9658      background: #fff4ef;
9659    }
9660
9661    .cz-promo-banner.is-expanded .cz-promo-banner__more {
9662      background: transparent;
9663      color: #111111;
9664      border-color: transparent;
9665    }
9666
9667    .cz-promo-banner.is-expanded .cz-promo-banner__more:hover {
9668      background: transparent;
9669      color: #111111;
9670      opacity: 0.7;
9671    }
9672
9673    .cz-promo-banner__more svg {
9674      display: block;
9675      width: 18px;
9676      height: 18px;
9677      transition: transform 200ms ease;
9678    }
9679
9680    .cz-promo-banner.is-expanded .cz-promo-banner__more svg {
9681      transform: rotate(180deg);
9682    }
9683
9684    .cz-promo-banner__arrow {
9685      display: none;
9686      color: inherit;
9687      pointer-events: none;
9688    }
9689
9690    .cz-promo-banner.is-expanded .cz-promo-banner__arrow {
9691      color: #111111;
9692    }
9693
9694    .cz-promo-banner__arrow svg {
9695      display: block;
9696      transition: transform 200ms ease;
9697    }
9698
9699    .cz-promo-banner.is-expanded .cz-promo-banner__arrow svg {
9700      transform: rotate(180deg);
9701    }
9702
9703    .cz-promo-banner__details {
9704      display: grid;
9705      grid-template-rows: 0fr;
9706      background: #f84200;
9707      color: #ffffff;
9708      transition: grid-template-rows 320ms cubic-bezier(0.4, 0, 0.2, 1);
9709    }
9710
9711    .cz-promo-banner.is-expanded .cz-promo-banner__details {
9712      grid-template-rows: 1fr;
9713    }
9714
9715    .cz-promo-banner__details-clip {
9716      min-height: 0;
9717      overflow: hidden;
9718    }
9719
9720    .cz-promo-banner.is-expanded .cz-promo-banner__details-clip.is-open {
9721      overflow: visible;
9722    }
9723
9724    .cz-promo-banner__details-inner {
9725      padding: 36px 40px 32px;
9726      box-sizing: border-box;
9727    }
9728
9729    @keyframes cz-promo-fade-up {
9730      from {
9731        opacity: 0;
9732        transform: translateY(12px);
9733      }
9734      to {
9735        opacity: 1;
9736        transform: translateY(0);
9737      }
9738    }
9739
9740    .cz-promo-banner.is-expanded .cz-promo-banner__intro,
9741    .cz-promo-banner.is-expanded .cz-promo-banner__tier,
9742    .cz-promo-banner.is-expanded .cz-promo-banner__tier-dash,
9743    .cz-promo-banner.is-expanded .cz-promo-banner__note,
9744    .cz-promo-banner.is-expanded .cz-promo-banner__footnotes {
9745      animation: cz-promo-fade-up 360ms cubic-bezier(0.4, 0, 0.2, 1) both;
9746    }
9747
9748    .cz-promo-banner.is-expanded .cz-promo-banner__intro {
9749      animation-delay: 40ms;
9750    }
9751
9752    .cz-promo-banner.is-expanded .cz-promo-banner__tier:nth-child(1) {
9753      animation-delay: 90ms;
9754    }
9755
9756    .cz-promo-banner.is-expanded .cz-promo-banner__tier-dash:nth-child(2) {
9757      animation-delay: 120ms;
9758    }
9759
9760    .cz-promo-banner.is-expanded .cz-promo-banner__tier:nth-child(3) {
9761      animation-delay: 150ms;
9762    }
9763
9764    .cz-promo-banner.is-expanded .cz-promo-banner__tier-dash:nth-child(4) {
9765      animation-delay: 180ms;
9766    }
9767
9768    .cz-promo-banner.is-expanded .cz-promo-banner__tier:nth-child(5) {
9769      animation-delay: 210ms;
9770    }
9771
9772    .cz-promo-banner.is-expanded .cz-promo-banner__note {
9773      animation-delay: 280ms;
9774    }
9775
9776    .cz-promo-banner.is-expanded .cz-promo-banner__footnotes {
9777      animation-delay: 340ms;
9778    }
9779
9780    .cz-promo-banner__intro {
9781      margin: 0 0 36px;
9782      font-size: 20px;
9783      line-height: 1.4;
9784      font-weight: 500;
9785      text-align: center;
9786      color: #ffffff;
9787    }
9788
9789    .cz-promo-banner__intro-accent {
9790      color: #ffffff;
9791    }
9792
9793    .cz-promo-banner__tiers {
9794      display: flex;
9795      align-items: center;
9796      justify-content: center;
9797      gap: 0;
9798    }
9799
9800    .cz-promo-banner__tier {
9801      position: relative;
9802      box-sizing: border-box;
9803      padding: 30px 40px;
9804      border: 0;
9805      color: #ffffff;
9806      text-align: left;
9807    }
9808
9809    .cz-promo-banner__tier-pct {
9810      display: block;
9811      font-size: 80px;
9812      line-height: 1;
9813      font-weight: 400;
9814      text-align: center;
9815    }
9816
9817    .cz-promo-banner__tier-over {
9818      display: block;
9819      margin-top: 10px;
9820      font-size: 18px;
9821      line-height: 1.3;
9822      font-weight: 500;
9823      text-align: center;
9824    }
9825
9826    .cz-promo-banner__tier-dash {
9827      width: 1px;
9828      height: 100px;
9829      align-self: center;
9830      margin: 0;
9831      background: #ffffff;
9832    }
9833
9834    .cz-promo-banner__note {
9835      display: table;
9836      box-sizing: border-box;
9837      width: auto;
9838      max-width: 100%;
9839      margin: 36px auto 0;
9840      padding: 10px 20px;
9841      font-size: 20px;
9842      line-height: 1.4;
9843      font-weight: 500;
9844      text-align: center;
9845      color: #ffffff;
9846    }
9847
9848    .cz-promo-banner__note span {
9849      display: block;
9850    }
9851
9852    .cz-promo-banner__footnotes {
9853      display: flex;
9854      justify-content: space-between;
9855      gap: 24px;
9856      margin-top: 40px;
9857    }
9858
9859    .cz-promo-banner__footnote {
9860      display: inline-flex;
9861      align-items: center;
9862      gap: 8px;
9863      margin: 0;
9864      color: rgba(255, 255, 255, 0.88);
9865      font-size: 14px;
9866      line-height: 1.3;
9867      font-weight: 400;
9868    }
9869
9870    .cz-promo-banner__footnote-icon {
9871      display: block;
9872      flex-shrink: 0;
9873      width: 16px;
9874      height: 16px;
9875    }
9876
9877    .cz-promo-banner__disclaimer {
9878      position: relative;
9879    }
9880
9881    .cz-promo-banner__disclaimer-trigger {
9882      display: inline-flex;
9883      align-items: center;
9884      gap: 8px;
9885      margin: 0;
9886      padding: 0;
9887      border: 0;
9888      background: none;
9889      color: inherit;
9890      font: inherit;
9891      cursor: pointer;
9892      text-align: left;
9893      transition: color 160ms ease;
9894    }
9895
9896    .cz-promo-banner__disclaimer-trigger:hover {
9897      color: #ffffff;
9898      opacity: 0.75;
9899    }
9900
9901    .cz-promo-banner__tooltip {
9902      position: absolute;
9903      right: 0;
9904      bottom: calc(100% + 8px);
9905      width: min(280px, calc(100vw - 32px));
9906      padding: 12px 14px;
9907      background: #ffffff;
9908      color: #1a1a1a;
9909      font-size: 12px;
9910      font-weight: 400;
9911      line-height: 1.4;
9912      text-align: left;
9913      outline: 1px solid #d8d8d8;
9914      opacity: 0;
9915      visibility: hidden;
9916      pointer-events: none;
9917      transform: translateY(4px);
9918      transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease;
9919      z-index: 5;
9920    }
9921
9922    .cz-promo-banner__tooltip::after {
9923      content: '';
9924      position: absolute;
9925      left: 0;
9926      right: 0;
9927      top: 100%;
9928      height: 10px;
9929    }
9930
9931    .cz-promo-banner__disclaimer:hover .cz-promo-banner__tooltip,
9932    .cz-promo-banner__disclaimer:focus-within .cz-promo-banner__tooltip,
9933    .cz-promo-banner__disclaimer.is-open .cz-promo-banner__tooltip {
9934      opacity: 1;
9935      visibility: visible;
9936      pointer-events: auto;
9937      transform: translateY(0);
9938    }
9939
9940    .cz-promo-banner__tooltip-text {
9941      margin: 0 0 8px;
9942    }
9943
9944    .cz-promo-banner__tooltip-more {
9945      color: #f84200;
9946      text-decoration: underline;
9947      text-underline-offset: 2px;
9948      font-weight: 400;
9949      transition: opacity 160ms ease;
9950    }
9951
9952    .cz-promo-banner__tooltip-more:hover {
9953      opacity: 0.7;
9954    }
9955
9956    @media (max-width: 900px) {
9957      .cz-promo-banner {
9958        max-width: calc(100% - 3rem);
9959        width: calc(100% - 3rem);
9960        margin-left: 1.5rem;
9961        margin-right: 1.5rem;
9962      }
9963
9964      .cz-promo-banner__bar,
9965      .cz-promo-banner.is-expanded .cz-promo-banner__bar {
9966        grid-template-columns: minmax(0, 1fr) auto;
9967        min-height: 48px;
9968        padding: 0 14px 0 16px;
9969      }
9970
9971      .cz-promo-banner__percent,
9972      .cz-promo-banner__more {
9973        display: none;
9974      }
9975
9976      .cz-promo-banner__arrow {
9977        display: flex;
9978        align-items: center;
9979        justify-content: center;
9980        grid-column: 2;
9981        grid-row: 1;
9982      }
9983
9984      .cz-promo-banner__text,
9985      .cz-promo-banner.is-expanded .cz-promo-banner__text {
9986        grid-column: 1;
9987        justify-self: start;
9988        padding: 0 10px 0 0;
9989        font-size: 15px;
9990        text-align: left;
9991        white-space: normal;
9992        transform: none !important;
9993      }
9994
9995      .cz-promo-banner__details-inner {
9996        padding: 28px 16px 24px;
9997      }
9998
9999      .cz-promo-banner__intro {
10000        margin-bottom: 28px;
10001        font-size: 16px;
10002      }
10003
10004      .cz-promo-banner__tiers {
10005        flex-direction: column;
10006        gap: 14px;
10007      }
10008
10009      .cz-promo-banner__tier-dash {
10010        display: none;
10011      }
10012
10013      .cz-promo-banner__tier {
10014        width: 100%;
10015        padding: 30px;
10016      }
10017
10018      .cz-promo-banner__note {
10019        margin-top: 28px;
10020        font-size: 13px;
10021      }
10022
10023      .cz-promo-banner__footnotes {
10024        flex-direction: column;
10025        align-items: flex-start;
10026        gap: 12px;
10027        margin-top: 28px;
10028      }
10029
10030      .cz-promo-banner__tooltip {
10031        right: auto;
10032        left: 0;
10033      }
10034    }
10035
10036    @media (prefers-reduced-motion: reduce) {
10037      .cz-promo-banner,
10038      .cz-promo-banner__text,
10039      .cz-promo-banner__details,
10040      .cz-promo-banner__more,
10041      .cz-promo-banner__more svg,
10042      .cz-promo-banner__arrow svg,
10043      .cz-promo-banner__tooltip {
10044        transition: none;
10045      }
10046
10047      .cz-promo-banner.is-expanded .cz-promo-banner__intro,
10048      .cz-promo-banner.is-expanded .cz-promo-banner__tier,
10049      .cz-promo-banner.is-expanded .cz-promo-banner__tier-dash,
10050      .cz-promo-banner.is-expanded .cz-promo-banner__note,
10051      .cz-promo-banner.is-expanded .cz-promo-banner__footnotes,
10052      .cz-promo-banner__percent-draw,
10053      .cz-promo-banner__percent-scribble,
10054      .cz-promo-banner__percent-fill,
10055      .cz-promo-banner__percent-char,
10056      .cz-promo-banner__percent-shine {
10057        animation: none;
10058      }
10059
10060      .cz-promo-banner__percent-draw {
10061        opacity: 0;
10062      }
10063
10064      .cz-promo-banner__percent-solid {
10065        opacity: 1;
10066        transform: none;
10067      }
10068    }
10069  </style>
10070
10071  
10071<script>
10072    (function () {
10073      var banner = document.getElementById('cz-promo-banner');
10074      if (!banner) return;
10075
10076      var moreButtons = banner.querySelectorAll('.cz-promo-banner__more');
10077      var details = document.getElementById('cz-promo-banner-details');
10078      var detailsClip = banner.querySelector('.cz-promo-banner__details-clip');
10079      var titleEl = banner.querySelector('.cz-promo-banner__text');
10080      var barEl = banner.querySelector('.cz-promo-banner__bar');
10081      var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
10082      var titleTimer;
10083      var percentVisible = false;
10084      var resizeTick = 0;
10085
10086      function setPercentAnimating(on) {
10087        banner.classList.toggle('is-animating', !!on && !banner.classList.contains('is-expanded'));
10088      }
10089
10090      function syncPercentLoop() {
10091        if (reduceMotion || prefersMobile() || document.hidden || !percentVisible) {
10092          setPercentAnimating(false);
10093          return;
10094        }
10095        setPercentAnimating(true);
10096      }
10097
10098      function prefersMobile() {
10099        return window.matchMedia('(max-width: 900px)').matches;
10100      }
10101
10102      function shiftTitle(expanded) {
10103        if (!titleEl || !barEl) return;
10104        titleEl.style.transform = '';
10105      }
10106
10107      function countUp(el, to) {
10108        if (reduceMotion) {
10109          el.textContent = to + '%';
10110          return;
10111        }
10112        var duration = 700;
10113        var start = performance.now();
10114        function tick(now) {
10115          var p = Math.min(1, (now - start) / duration);
10116          var eased = 1 - Math.pow(1 - p, 3);
10117          el.textContent = Math.round(to * eased) + '%';
10118          if (p < 1) window.requestAnimationFrame(tick);
10119        }
10120        window.requestAnimationFrame(tick);
10121      }
10122
10123      function playCounts() {
10124        banner.querySelectorAll('[data-count]').forEach(function (el) {
10125          countUp(el, parseInt(el.getAttribute('data-count'), 10) || 0);
10126        });
10127      }
10128
10129      function resetCounts() {
10130        banner.querySelectorAll('[data-count]').forEach(function (el) {
10131          el.textContent = (el.getAttribute('data-count') || '0') + '%';
10132        });
10133      }
10134
10135      function setExpanded(expanded) {
10136        banner.classList.toggle('is-expanded', expanded);
10137        moreButtons.forEach(function (btn) {
10138          btn.setAttribute('aria-expanded', expanded ? 'true' : 'false');
10139          var label = btn.querySelector('[data-more-label]');
10140          if (label) {
10141            label.textContent = expanded
10142              ? (banner.dataset.labelLess || 'less')
10143              : (banner.dataset.labelMore || 'more');
10144          }
10145        });
10146        window.clearTimeout(titleTimer);
10147        if (detailsClip) detailsClip.classList.toggle('is-open', false);
10148        if (expanded) {
10149          setPercentAnimating(false);
10150          shiftTitle(true);
10151          playCounts();
10152          titleTimer = window.setTimeout(function () {
10153            if (banner.classList.contains('is-expanded') && detailsClip) {
10154              detailsClip.classList.add('is-open');
10155            }
10156          }, 320);
10157        } else {
10158          shiftTitle(false);
10159          resetCounts();
10160          syncPercentLoop();
10161        }
10162      }
10163
10164      var disclaimer = banner.querySelector('.cz-promo-banner__disclaimer');
10165      var disclaimerTrigger = banner.querySelector('.cz-promo-banner__disclaimer-trigger');
10166
10167      function setDisclaimerOpen(open) {
10168        if (!disclaimer || !disclaimerTrigger) return;
10169        disclaimer.classList.toggle('is-open', open);
10170        disclaimerTrigger.setAttribute('aria-expanded', open ? 'true' : 'false');
10171      }
10172
10173      if (disclaimerTrigger) {
10174        disclaimerTrigger.addEventListener('click', function (event) {
10175          event.stopPropagation();
10176          setDisclaimerOpen(!disclaimer.classList.contains('is-open'));
10177        });
10178      }
10179
10180      document.addEventListener('click', function (event) {
10181        if (disclaimer && !disclaimer.contains(event.target)) {
10182          setDisclaimerOpen(false);
10183        }
10184      });
10185
10186      document.addEventListener('keydown', function (event) {
10187        if (event.key === 'Escape') setDisclaimerOpen(false);
10188      });
10189
10190      banner.addEventListener('click', function (event) {
10191        if (event.target.closest('a, .cz-promo-banner__disclaimer')) return;
10192        setExpanded(!banner.classList.contains('is-expanded'));
10193      });
10194
10195      window.addEventListener('resize', function () {
10196        if (resizeTick) return;
10197        resizeTick = window.requestAnimationFrame(function () {
10198          resizeTick = 0;
10199          if (banner.classList.contains('is-expanded')) shiftTitle(true);
10200          syncPercentLoop();
10201        });
10202      });
10203
10204      document.addEventListener('visibilitychange', syncPercentLoop);
10205
10206      if ('IntersectionObserver' in window) {
10207        var io = new IntersectionObserver(function (entries) {
10208          percentVisible = entries.some(function (entry) { return entry.isIntersecting; });
10209          syncPercentLoop();
10210        }, { threshold: 0.2 });
10211        io.observe(banner);
10212      } else {
10213        percentVisible = true;
10214        syncPercentLoop();
10215      }
10216    })();
10217  </script>
10217
10218  </div>
10219</div>
10220
10221
10222</section>
10223<!-- END sections: header-group -->
10224  
10225      <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
10226        <div id="shopify-section-template--28113427169578__collection_breadcrumbs_hFY3t9" class="shopify-section">
10227<div class="collection-breadcrumbs-section">
10228  <nav class="collection-breadcrumbs" aria-label="Breadcrumb" id="collection-breadcrumbs-nav" 
10229       data-collection-handle="garden-post-light"
10230       data-collection-title="Pollarivalaisimet">
10231    <a href="/" class="collection-breadcrumbs__home-link">
10232      
10233        <img 
10234          src="//rendl.fi/cdn/shop/files/rendl-home-icon.svg?crop=center&height=24&v=1765275870&width=24" 
10235          alt="Home"
10236          width="24"
10237          height="24"
10238          class="collection-breadcrumbs__home-icon"
10239        >
10240      
10241    </a>
10242    
10243  </nav>
10244</div>
10245
10246
10247<style>
10248.collection-breadcrumbs-section {
10249  max-width: 1100px;
10250  margin: 0 auto;
10251  padding: 20px 20px 20px 20px;
10252}
10253.collection-breadcrumbs {
10254  font-size: 15px;
10255  color: #888888;
10256  display: flex;
10257  align-items: center;
10258  flex-wrap: wrap;
10259  gap: 4px;
10260}
10261.collection-breadcrumbs a {
10262  color: #353535;
10263  text-decoration: none;
10264  transition: color 0.2s;
10265  display: flex;
10266  align-items: center;
10267}
10268.collection-breadcrumbs a:hover {
10269  color: #191919;
10270  text-decoration: underline;
10271}
10272.collection-breadcrumbs__home-link {
10273  display: flex;
10274  align-items: center;
10275}
10276.collection-breadcrumbs__home-link:hover {
10277  text-decoration: none;
10278}
10279.collection-breadcrumbs__home-icon {
10280  width: 24px;
10281  height: 24px;
10282  display: block;
10283  object-fit: contain;
10284  transition: opacity 0.2s;
10285}
10286.collection-breadcrumbs__home-link:hover .collection-breadcrumbs__home-icon {
10287  opacity: 0.4;
10288}
10289.collection-breadcrumbs__divider {
10290  color: #bbbbbb;
10291  margin: 0 6px;
10292  font-size: 15px;
10293  white-space: nowrap;
10294}
10295.collection-breadcrumbs__current {
10296  white-space: nowrap;
10297}
10298.collection-breadcrumbs__link {
10299  white-space: nowrap;
10300}
10301</style>
10302
10303<script>
10304(function() {
10305  'use strict';
10306
10307  // Translations from locales (passed from Liquid)
10308  const translations = {
10309    // Interior categories
10310    'bathroom_lights': "Kylpyhuoneen valaistus",
10311    'office_lights': "Toimiston valaisimet",
10312    'kitchen_lights': "Keittiön valaisimet",
10313    'living_room_lights': "Olohuoneen valaisimet",
10314    'bedroom_lights': "Makuuhuoneen valaistus",
10315    'kids_lights': "Lastenhuone",
10316    'luxury_lights': "Ylelliset valaisimet",
10317    'staircase_lights': "Porrasvalot",
10318    'hallway_lights': "Käytävän valaisimet",
10319    'industrial_lights': "Teollisuusvalaisimet",
10320    'industrial_style_lights': "Teollisuustyyliset valaisimet",
10321    'cellar_lights': "Kellarin valaisimet",
10322    'garage_lights': "Autotallin valaisimet",
10323    // Outdoor categories
10324    'outdoor_lights': "Ulkovalaisimet",
10325    'outdoor_wall': "Ulkoseinävalaisimet",
10326    'outdoor_ceiling': "Kattovalaisimet",
10327    'outdoor_recessed': "Upotettavat ulkovalaisimet",
10328    'outdoor_pendant': "Riippuvalaisimet",
10329    'outdoor_path': "Polkuvalaisimet",
10330    'garden_posts': "Pollarivalaisimet",
10331    'outdoor_spike': "Maapiikkivalaisimet",
10332    // Systems
10333    'track_1f': "1-Vaihekiskojärjestelmät",
10334    'track_3f': "3-Vaihe kiskojärjestelmät",
10335    'led_strips': "LED-nauhat",
10336    'ultra_thin': "VEGA erittäin ohut kiskojärjestelmä",
10337    'wave_system': "WAVE-tekstiilinauhajärjestelmä",
10338    // By type (dle typu)
10339    'ceiling_lights': "Kattovalaisimet",
10340    'recessed_lights': "Upotettavat valaisimet",
10341    'wall_lights': "Seinävalaisimet",
10342    'pendant_lights': "Riippuvalaisimet",
10343    'floor_lamps': "Lattiavalaisimet",
10344    'table_lamps': "Pöytävalaisimet",
10345    'spotlights': "Spotit",
10346    'light_sources': "Valonlähteet",
10347    // By material (dle materiálu)
10348    'plaster_lights': "Kipsivalaisimet",
10349    'glass_lights': "Lasivalaisimet",
10350    'wood_lights': "Puuvalaisimet",
10351    'concrete_lights': "Betonivalaisimet",
10352    'metal_lights': "Metalliset valaisimet",
10353    'copper_lights': "Kuparivalaisimet",
10354    'ceramic_lights': "Keramiikkavalaisimet"
10355  };
10356
10357  // Menu structure mapping based on main-mega-menu-rendl.liquid structure
10358  // Format: 'collection-handle': { parent: 'parent-collection-handle', parentTitleKey: 'translation_key' }
10359  const menuStructure = {
10360    // === INTERIOR LIGHTS (Interiérová světla) ===
10361    'bathroom-lighting': { parent: 'interior', parentTitleKey: 'bathroom_lights' },
10362    'above-mirror-lights': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10363    'besides-mirror-light': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10364    'bathroom-ceiling-light': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10365    'bathroom-wall-light': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10366    'bathroom-spotlights': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10367    'recessed-bathroom-spotlights': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10368    'recessed-bathroom-led-spotlights': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10369    'bathroom-pendant-lights': { parent: 'bathroom-lighting', parentTitleKey: 'bathroom_lights' },
10370    
10371    'office-lighting': { parent: 'interior', parentTitleKey: 'office_lights' },
10372    'office-pendant-lights': { parent: 'office-lighting', parentTitleKey: 'office_lights' },
10373    'office-ceiling-lights': { parent: 'office-lighting', parentTitleKey: 'office_lights' },
10374    'office-lamps': { parent: 'office-lighting', parentTitleKey: 'office_lights' },
10375    
10376    'kitchen': { parent: 'interior', parentTitleKey: 'kitchen_lights' },
10377    'kitchen-ceiling-lights': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10378    'led-under-cabinet-kitchen-lights': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10379    'under-cabinet-light-with-switch': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10380    'kitchen-counter-lighting': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10381    'modern-kitchen-chandeliers': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10382    'led-kitchen-lights': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10383    'dining-table-lighting': { parent: 'kitchen', parentTitleKey: 'kitchen_lights' },
10384    
10385    'living-room-lighting': { parent: 'interior', parentTitleKey: 'living_room_lights' },
10386    'living-room-ceiling-lights': { parent: 'living-room-lighting', parentTitleKey: 'living_room_lights' },
10387    'modern-living-room-chandeliers': { parent: 'living-room-lighting', parentTitleKey: 'living_room_lights' },
10388    'living-room-table-lamp': { parent: 'living-room-lighting', parentTitleKey: 'living_room_lights' },
10389    'living-room-floor-lamps': { parent: 'living-room-lighting', parentTitleKey: 'living_room_lights' },
10390    'living-room-wall-light': { parent: 'living-room-lighting', parentTitleKey: 'living_room_lights' },
10391    'living-room-wall-led-lighting': { parent: 'living-room-lighting', parentTitleKey: 'living_room_lights' },
10392    
10393    'bedroom-lighting': { parent: 'interior', parentTitleKey: 'bedroom_lights' },
10394    'bedroom-ceiling-light': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10395    'bedroom-chandelier': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10396    'bedroom-wall-sconce': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10397    'bedroom-table-lamp': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10398    'bedroom-lamps': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10399    'bedside-lamps': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10400    'gooseneck-lamps': { parent: 'bedroom-lighting', parentTitleKey: 'bedroom_lights' },
10401    
10402    'lights-for-kids-rooms': { parent: 'interior', parentTitleKey: 'kids_lights' },
10403    'childrens-ceiling-lights': { parent: 'lights-for-kids-rooms', parentTitleKey: 'kids_lights' },
10404    'childrens-wall-light': { parent: 'lights-for-kids-rooms', parentTitleKey: 'kids_lights' },
10405    'childrens-floor-lamp': { parent: 'lights-for-kids-rooms', parentTitleKey: 'kids_lights' },
10406    'childrens-table-lamp': { parent: 'lights-for-kids-rooms', parentTitleKey: 'kids_lights' },
10407    'kids-room-floor-lamps': { parent: 'lights-for-kids-rooms', parentTitleKey: 'kids_lights' },
10408    
10409    'luxury-lights': { parent: 'interior', parentTitleKey: 'luxury_lights' },
10410    'luxury-chandeliers': { parent: 'luxury-lights', parentTitleKey: 'luxury_lights' },
10411    'luxury-pendant-lights': { parent: 'luxury-lights', parentTitleKey: 'luxury_lights' },
10412    'luxury-ceiling-lights': { parent: 'luxury-lights', parentTitleKey: 'luxury_lights' },
10413    'luxury-table-lamps': { parent: 'luxury-lights', parentTitleKey: 'luxury_lights' },
10414    'luxury-floor-lamps': { parent: 'luxury-lights', parentTitleKey: 'luxury_lights' },
10415    
10416    'stairway-lighting': { parent: 'interior', parentTitleKey: 'staircase_lights' },
10417    'staircase-ceiling-lights': { parent: 'stairway-lighting', parentTitleKey: 'staircase_lights' },
10418    'staircase-wall-lights': { parent: 'stairway-lighting', parentTitleKey: 'staircase_lights' },
10419    'staircase-light-with-sensor': { parent: 'stairway-lighting', parentTitleKey: 'staircase_lights' },
10420    'led-staircase-lighting': { parent: 'stairway-lighting', parentTitleKey: 'staircase_lights' },
10421    
10422    'hallway-lighting': { parent: 'interior', parentTitleKey: 'hallway_lights' },
10423    'hallway-ceiling-lights': { parent: 'hallway-lighting', parentTitleKey: 'hallway_lights' },
10424    'hallway-wall-light': { parent: 'hallway-lighting', parentTitleKey: 'hallway_lights' },
10425    'recessed-wall-spotlights': { parent: 'hallway-lighting', parentTitleKey: 'hallway_lights' },
10426    'led-hallway-lighting': { parent: 'hallway-lighting', parentTitleKey: 'hallway_lights' },
10427    
10428    'industrial-lighting-fixtures': { parent: 'interior', parentTitleKey: 'industrial_style_lights' },
10429    'industrial-lighting': { parent: 'interior', parentTitleKey: 'industrial_lights' },
10430    'lighting-for-the-basement': { parent: 'interior', parentTitleKey: 'cellar_lights' },
10431    
10432    'garage-lighting': { parent: 'interior', parentTitleKey: 'garage_lights' },
10433    
10434    // === OUTDOOR LIGHTS (Venkovní světla) ===
10435    'outdoor-lights': { parent: 'outdoor', parentTitleKey: 'outdoor_lights' },
10436    'outdoor-lamps-with-sensor': { parent: 'outdoor-lights', parentTitleKey: 'outdoor_lights' },
10437    'outdoor-lighting-families': { parent: 'outdoor-lights', parentTitleKey: 'outdoor_lights' },
10438    'decorative-outdoor-lamps': { parent: 'outdoor-lights', parentTitleKey: 'outdoor_lights' },
10439    'outdoor-linear-lights': { parent: 'outdoor-lights', parentTitleKey: 'outdoor_lights' },
10440    
10441    'outdoor-wall-lights': { parent: 'outdoor', parentTitleKey: 'outdoor_wall' },
10442    'updown-outdoor-lights': { parent: 'outdoor-wall-lights', parentTitleKey: 'outdoor_wall' },
10443    'outdoor-indirect-lights': { parent: 'outdoor-wall-lights', parentTitleKey: 'outdoor_wall' },
10444    'adjustable-wall-lights': { parent: 'outdoor-wall-lights', parentTitleKey: 'outdoor_wall' },
10445    'one-way-luminaires': { parent: 'outdoor-wall-lights', parentTitleKey: 'outdoor_wall' },
10446    
10447    'outdoor-ceiling-lights': { parent: 'outdoor', parentTitleKey: 'outdoor_ceiling' },
10448    'outdoor-downlights': { parent: 'outdoor-ceiling-lights', parentTitleKey: 'outdoor_ceiling' },
10449    'adjustable-ceiling-lights': { parent: 'outdoor-ceiling-lights', parentTitleKey: 'outdoor_ceiling' },
10450    
10451    'outdoor-recessed-lights': { parent: 'outdoor', parentTitleKey: 'outdoor_recessed' },
10452    'ground-lights': { parent: 'outdoor-recessed-lights', parentTitleKey: 'outdoor_recessed' },
10453    'outdoor-wall-recessed': { parent: 'outdoor-recessed-lights', parentTitleKey: 'outdoor_recessed' },
10454    'outdoor-recessed-luminaires': { parent: 'outdoor-recessed-lights', parentTitleKey: 'outdoor_recessed' },
10455    
10456    'outdoor-pendant-lights': { parent: 'outdoor', parentTitleKey: 'outdoor_pendant' },
10457    'outdoor-pergola-chandelier': { parent: 'outdoor-pendant-lights', parentTitleKey: 'outdoor_pendant' },
10458    
10459    'path-lighting': { parent: 'outdoor', parentTitleKey: 'outdoor_path' },
10460    
10461    'garden-post-light': { parent: 'outdoor', parentTitleKey: 'garden_posts' },
10462    'directional-light-columns': { parent: 'garden-post-light', parentTitleKey: 'garden_posts' },
10463    'bollards-round': { parent: 'garden-post-light', parentTitleKey: 'garden_posts' },
10464    'bollards-angular': { parent: 'garden-post-light', parentTitleKey: 'garden_posts' },
10465    
10466    'spike-lights': { parent: 'outdoor', parentTitleKey: 'outdoor_spike' },
10467    
10468    // === SYSTEMS (Systémy) ===
10469    '1-circuit-track-systems': { parent: 'systems', parentTitleKey: 'track_1f' },
10470    '1f-tracks': { parent: '1-circuit-track-systems', parentTitleKey: 'track_1f' },
10471    '1-circuit-components': { parent: '1-circuit-track-systems', parentTitleKey: 'track_1f' },
10472    '1-circuit-spotlights': { parent: '1-circuit-track-systems', parentTitleKey: 'track_1f' },
10473    '1-circuit-pendants': { parent: '1-circuit-track-systems', parentTitleKey: 'track_1f' },
10474    
10475    '3-circuit-track-systems': { parent: 'systems', parentTitleKey: 'track_3f' },
10476    '3-circuit-tracks': { parent: '3-circuit-track-systems', parentTitleKey: 'track_3f' },
10477    '3-circuit-tracks-recessed': { parent: '3-circuit-track-systems', parentTitleKey: 'track_3f' },
10478    '3-circuit-spotlights': { parent: '3-circuit-track-systems', parentTitleKey: 'track_3f' },
10479    '3-circuit-pendants': { parent: '3-circuit-track-systems', parentTitleKey: 'track_3f' },
10480    '3-circuit-components': { parent: '3-circuit-track-systems', parentTitleKey: 'track_3f' },
10481    '3-circuit-recessed-track-components': { parent: '3-circuit-track-systems', parentTitleKey: 'track_3f' },
10482    
10483    'led-strips': { parent: 'systems', parentTitleKey: 'led_strips' },
10484    'profiles-recessed': { parent: 'led-strips', parentTitleKey: 'led_strips' },
10485    'profiles-surface-mounted': { parent: 'led-strips', parentTitleKey: 'led_strips' },
10486    'led-components': { parent: 'led-strips', parentTitleKey: 'led_strips' },
10487    
10488    'ultra-thin-track-systems': { parent: 'systems', parentTitleKey: 'ultra_thin' },
10489    'vega-tracks': { parent: 'ultra-thin-track-systems', parentTitleKey: 'ultra_thin' },
10490    'vega-components': { parent: 'ultra-thin-track-systems', parentTitleKey: 'ultra_thin' },
10491    'lamps-for-vega-wave': { parent: 'ultra-thin-track-systems', parentTitleKey: 'ultra_thin' },
10492    'lamps-for-wave-system': { parent: 'wave-belt-system', parentTitleKey: 'wave_system' },
10493    
10494    'wave-belt-system': { parent: 'systems', parentTitleKey: 'wave_system' },
10495    'wave-belt': { parent: 'wave-belt-system', parentTitleKey: 'wave_system' },
10496    'wave-components': { parent: 'wave-belt-system', parentTitleKey: 'wave_system' },
10497    
10498    // === BY TYPE (Světla dle typu) ===
10499    // Ceiling lights
10500    'ceiling-lights': { parent: 'by-type', parentTitleKey: 'ceiling_lights' },
10501    'round-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10502    'led-ceiling-panel': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10503    'linear-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10504    'decorative-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10505    'square-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10506    'plaster-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10507    'retro-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10508    'dimmable-led-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10509    'dimmable-ceiling-light': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10510    'ceiling-led-light-with-remote-control': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10511    'thin-ceiling-lights': { parent: 'ceiling-lights', parentTitleKey: 'ceiling_lights' },
10512    
10513    // Recessed lights
10514    'recessed-lights': { parent: 'by-type', parentTitleKey: 'recessed_lights' },
10515    'recessed-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10516    'recessed-plaster-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10517    'dimmable-recessed-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10518    'dimmable-led-recessed-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10519    'decorative-recessed-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10520    'multiple-recessed-lights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10521    'recessed-spotlight-families': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10522    'recessed-wall-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10523    'frameless-lights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10524    'combinable-lights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10525    'semi-recessed-lights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10526    'thin-recessed-lights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10527    'recessed-led-spotlights': { parent: 'recessed-lights', parentTitleKey: 'recessed_lights' },
10528    
10529    // Wall lights
10530    'wall-lights': { parent: 'by-type', parentTitleKey: 'wall_lights' },
10531    'wall-lights-with-switch': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10532    'updown-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10533    'dimmable-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10534    'dimmable-led-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10535    'linear-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10536    'decorative-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10537    'plaster-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10538    'retro-wall-light': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10539    'led-wall-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10540    'wall-lights-on-arm': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10541    'bedside-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10542    'picture-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10543    'above-painting-lights': { parent: 'wall-lights', parentTitleKey: 'wall_lights' },
10544    
10545    // Pendant lights
10546    'pendants': { parent: 'by-type', parentTitleKey: 'pendant_lights' },
10547    'hanging-ceiling-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10548    'pendant-lamps': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10549    'pendant-led-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10550    'pendant-chandelier': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10551    'pendant-glass-sphere': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10552    'dimmable-pendant-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10553    'dimmable-led-pendant-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10554    'decorative-pendant-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10555    'multiple-pendant-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10556    'linear-pendant-lights': { parent: 'pendants', parentTitleKey: 'pendant_lights' },
10557    
10558    // Floor lamps
10559    'floor-lamps': { parent: 'by-type', parentTitleKey: 'floor_lamps' },
10560    'floor-led-lamps': { parent: 'floor-lamps', parentTitleKey: 'floor_lamps' },
10561    'dimmable-floor-lamp': { parent: 'floor-lamps', parentTitleKey: 'floor_lamps' },
10562    'dimmable-led-floor-lamp': { parent: 'floor-lamps', parentTitleKey: 'floor_lamps' },
10563    'decorative-floor-lamps': { parent: 'floor-lamps', parentTitleKey: 'floor_lamps' },
10564    'arc-floor-lamp': { parent: 'floor-lamps', parentTitleKey: 'floor_lamps' },
10565    'floor-lamps-for-reading': { parent: 'floor-lamps', parentTitleKey: 'floor_lamps' },
10566    
10567    // Table lamps
10568    'table-lamps': { parent: 'by-type', parentTitleKey: 'table_lamps' },
10569    'decorative-table-lamps': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10570    'dimmable-table-lamp': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10571    'dimmable-led-table-lamp': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10572    'touch-table-lamp': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10573    'table-led-lamp': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10574    'desk-lamps': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10575    'modern-table-lamps': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10576    'retro-table-lamp': { parent: 'table-lamps', parentTitleKey: 'table_lamps' },
10577    
10578    // Spotlights
10579    'spotlights': { parent: 'by-type', parentTitleKey: 'spotlights' },
10580    'ceiling-spotlights': { parent: 'spotlights', parentTitleKey: 'spotlights' },
10581    'led-spotlights': { parent: 'spotlights', parentTitleKey: 'spotlights' },
10582    'multiple-spotlights': { parent: 'spotlights', parentTitleKey: 'spotlights' },
10583    'spotlight-families': { parent: 'spotlights', parentTitleKey: 'spotlights' },
10584    'gooseneck-lamps': { parent: 'spotlights', parentTitleKey: 'spotlights' },
10585    
10586    // Accessories
10587    'accessories': { parent: 'by-type', parentTitleKey: 'accessories' },
10588    'sensors': { parent: 'accessories', parentTitleKey: 'accessories' },
10589    
10590    // Shades and accessories
10591    'shades-and-shade-accessories': { parent: 'by-type', parentTitleKey: 'shades_accessories' },
10592    'bases': { parent: 'shades-and-shade-accessories', parentTitleKey: 'shades_accessories' },
10593    
10594    // Light sources
10595    'light-sources': { parent: 'by-type', parentTitleKey: 'light_sources' },
10596    'e27-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10597    'e14-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10598    'globe-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10599    'gu10-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10600    'g9-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10601    'gx53-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10602    'b15d-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10603    'linear-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10604    'par-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10605    't-shape-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10606    'g4-12v-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10607    'gu53-12v-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10608    'g53-ar111-12v-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10609    'plated-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10610    'dimmable-led-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10611    'remote-control-bulbs': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10612    'small-bulb': { parent: 'light-sources', parentTitleKey: 'light_sources' },
10613    
10614    // === BY FUNCTION (Světla dle funkce) ===
10615    // Dimmable lights
10616    'dimmable-lights': { parent: 'by-function', parentTitleKey: 'dimmable_lights' },
10617    '3-circuit-spotlights': { parent: 'dimmable-lights', parentTitleKey: 'dimmable_lights' },
10618    'dimmable-3-circuit-spotlights': { parent: 'dimmable-lights', parentTitleKey: 'dimmable_lights' },
10619    'dimmable-lamps-for-vega-wave': { parent: 'dimmable-lights', parentTitleKey: 'dimmable_lights' },
10620    
10621    // === BY MATERIAL (Světla dle materiálu) ===
10622    // Plaster
10623    'plaster-lights': { parent: 'by-material', parentTitleKey: 'plaster_lights' },
10624    'plaster-pendant-lights': { parent: 'plaster-lights', parentTitleKey: 'plaster_lights' },
10625    'plaster-ceiling-lights': { parent: 'plaster-lights', parentTitleKey: 'plaster_lights' },
10626    'plaster-wall-lights': { parent: 'plaster-lights', parentTitleKey: 'plaster_lights' },
10627    'recessed-plaster-spotlights': { parent: 'plaster-lights', parentTitleKey: 'plaster_lights' },
10628    
10629    // Glass
10630    'glass-lights': { parent: 'by-material', parentTitleKey: 'glass_lights' },
10631    'glass-ceiling-lights': { parent: 'glass-lights', parentTitleKey: 'glass_lights' },
10632    'glass-wall-lights': { parent: 'glass-lights', parentTitleKey: 'glass_lights' },
10633    'glass-chandelier': { parent: 'glass-lights', parentTitleKey: 'glass_lights' },
10634    
10635    // Wood
10636    'wooden-light': { parent: 'by-material', parentTitleKey: 'wood_lights' },
10637    'wooden-lamp': { parent: 'wooden-light', parentTitleKey: 'wood_lights' },
10638    'wooden-floor-lamp': { parent: 'wooden-light', parentTitleKey: 'wood_lights' },
10639    
10640    // Concrete
10641    'concrete-lights': { parent: 'by-material', parentTitleKey: 'concrete_lights' },
10642    'concrete-lamp': { parent: 'concrete-lights', parentTitleKey: 'concrete_lights' },
10643    'concrete-table-lamps': { parent: 'concrete-lights', parentTitleKey: 'concrete_lights' },
10644    'concrete-wall-lamps': { parent: 'concrete-lights', parentTitleKey: 'concrete_lights' },
10645    
10646    // Metal
10647    'metal-lights': { parent: 'by-material', parentTitleKey: 'metal_lights' },
10648    'metal-pendant-lights': { parent: 'metal-lights', parentTitleKey: 'metal_lights' },
10649    'metal-table-lamps': { parent: 'metal-lights', parentTitleKey: '
10649metal_lights' },
10650    'metal-ceiling-lamps': { parent: 'metal-lights', parentTitleKey: 'metal_lights' },
10651    'metal-floor-lamps': { parent: 'metal-lights', parentTitleKey: 'metal_lights' },
10652    'metal-chandelier': { parent: 'metal-lights', parentTitleKey: 'metal_lights' },
10653    
10654    // Copper
10655    'copper-lamps': { parent: 'by-material', parentTitleKey: 'copper_lights' },
10656    'copper-chandeliers': { parent: 'copper-lamps', parentTitleKey: 'copper_lights' },
10657    
10658    // Ceramic
10659    'ceramic-lights': { parent: 'by-material', parentTitleKey: 'ceramic_lights' },
10660    'ceramic-lamp': { parent: 'ceramic-lights', parentTitleKey: 'ceramic_lights' },
10661    
10662    // === NEW & SALE (not translated, always "New" and "Sale") ===
10663    'new': { parent: null, parentTitleKey: null },
10664    'sale': { parent: null, parentTitleKey: null }
10665  };
10666
10667  // Format text: capitalize first letter, lowercase rest, but keep LED in uppercase
10668  function formatBreadcrumbText(text) {
10669    if (!text) return text;
10670    
10671    // First, replace all variations of "led" with a placeholder
10672    const placeholder = '___LED___';
10673    text = text.replace(/\bLED\b/gi, placeholder);
10674    text = text.replace(/\bled\b/gi, placeholder);
10675    
10676    // Capitalize first letter, lowercase the rest
10677    text = text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
10678    
10679    // Replace placeholder back with uppercase LED
10680    text = text.replace(new RegExp(placeholder, 'gi'), 'LED');
10681    
10682    return text;
10683  }
10684
10685  // Resolve collection title from rendered mega menu by handle.
10686  // This avoids stale collection.title translations in breadcrumbs.
10687  function getCollectionTitleFromMegaMenu(handle, fallback) {
10688    if (!handle) return fallback;
10689    const links = document.querySelectorAll('.main-mega-menu-rendl a[href*="/collections/"]');
10690    for (const link of links) {
10691      const href = link.getAttribute('href') || '';
10692      let matchedHandle = null;
10693      try {
10694        const url = new URL(href, window.location.origin);
10695        const match = url.pathname.match(/\/collections\/([^/?#]+)/);
10696        if (match) matchedHandle = match[1];
10697      } catch (e) {
10698        const match = href.match(/\/collections\/([^/?#]+)/);
10699        if (match) matchedHandle = match[1];
10700      }
10701      if (matchedHandle === handle) {
10702        const txt = (link.textContent || '').trim();
10703        return txt || fallback;
10704      }
10705    }
10706    return fallback;
10707  }
10708
10709  // Build breadcrumb hierarchy for a collection
10710  function buildHierarchy(collectionHandle) {
10711    const hierarchy = [];
10712    let currentHandle = collectionHandle;
10713    
10714    while (currentHandle && menuStructure[currentHandle]) {
10715      const info = menuStructure[currentHandle];
10716      
10717      // For new and sale, use hardcoded values (no translation)
10718      let title;
10719      if (currentHandle === 'new') {
10720        title = 'New';
10721      } else if (currentHandle === 'sale') {
10722        title = 'Sale';
10723      } else {
10724        title = translations[info.parentTitleKey] || info.parentTitleKey;
10725      }
10726      
10727      hierarchy.unshift({
10728        handle: currentHandle,
10729        parent: info.parent,
10730        parentTitle: title
10731      });
10732      currentHandle = info.parent;
10733    }
10734    
10735    return hierarchy;
10736  }
10737
10738  // Render breadcrumbs for collection page
10739  function renderCollectionBreadcrumbs() {
10740    const nav = document.getElementById('collection-breadcrumbs-nav');
10741    if (!nav) return;
10742
10743    const collectionHandle = nav.dataset.collectionHandle;
10744    const collectionTitle = nav.dataset.collectionTitle;
10745    
10746    if (!collectionHandle || !collectionTitle) return;
10747
10748    // Build the hierarchy
10749    const hierarchy = buildHierarchy(collectionHandle);
10750    
10751    let breadcrumbHTML = '';
10752    
10753    if (hierarchy.length > 0) {
10754      // Add parent categories from hierarchy (skip the last one which is current collection)
10755      for (let i = 0; i < hierarchy.length - 1; i++) {
10756        const level = hierarchy[i];
10757        breadcrumbHTML += `<span class="collection-breadcrumbs__divider">›</span>`;
10758        breadcrumbHTML += `<a href="/collections/${level.handle}" class="collection-breadcrumbs__link">${formatBreadcrumbText(level.parentTitle)}</a>`;
10759      }
10760    }
10761    
10762    const resolvedCollectionTitle = getCollectionTitleFromMegaMenu(collectionHandle, collectionTitle);
10763
10764    // Add current collection as text (not link)
10765    breadcrumbHTML += `<span class="collection-breadcrumbs__divider">›</span>`;
10766    breadcrumbHTML += `<span class="collection-breadcrumbs__current">${resolvedCollectionTitle}</span>`;
10767    
10768    // Insert breadcrumbs directly into nav after home link
10769    const homeLink = nav.querySelector('.collection-breadcrumbs__home-link');
10770    if (homeLink) {
10771      homeLink.insertAdjacentHTML('afterend', breadcrumbHTML);
10772    }
10773  }
10774
10775  // Initialize
10776  if (document.readyState === 'loading') {
10777    document.addEventListener('DOMContentLoaded', renderCollectionBreadcrumbs);
10778  } else {
10779    renderCollectionBreadcrumbs();
10780  }
10781})();
10782</script>
10782
10783
10784
10785
10786</div><div id="shopify-section-template--28113427169578__random_background_collection_banner_6EzpR9" class="shopify-section section">
10787<link rel="dns-prefetch" href="https://cdn.shopify.com">
10788<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
10789<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10790
10791
10792
10793
10794<link rel="preload" href="//rendl.fi/cdn/shop/t/33/assets/random-background-collection-banner.css?v=141236626201348110761788953234" as="style" onload="this.onload=null;this.rel='stylesheet'">
10795<noscript><link href="//rendl.fi/cdn/shop/t/33/assets/random-background-collection-banner.css?v=141236626201348110761788953234" rel="stylesheet" type="text/css" media="all" /></noscript>
10796<script>
10797  /* CSS preload polyfill for older browsers */
10798  !function(e){"use strict";var t=function(t,n,r){var o,i=e.document,s=i.createElement("link");if(n)o=n;else{var a=(i.body||i.getElementsByTagName("head")[0]).childNodes;o=a[a.length-1]}var l=i.styleSheets;s.rel="stylesheet",s.href=t,s.media="only x",function e(t){if(i.body)return t();setTimeout(function(){e(t)})}(function(){o.parentNode.insertBefore(s,n?o:o.nextSibling)});var d=function(e){for(var t=s.href,n=l.length;n--;)if(l[n].href===t)return e();setTimeout(function(){d(e)})};return s.addEventListener&&s.addEventListener("load",d),s.onloadcssdefined=d,d(function(){s.media=r||"all"}),s};"undefined"!=typeof exports?exports.loadCSS=t:e.loadCSS=t}("undefined"!=typeof global?global:this);
10799</script>
10799<style>
10800  /* Critical CSS for banner - immediate render without FOUC */
10801  .random-banner {
10802    position: relative;
10803    width: 100%;
10804    padding: 0;
10805    margin: 0;
10806    overflow: hidden;
10807  }
10808  .random-banner__container {
10809    max-width: 1100px;
10810    margin: 0 auto;
10811    padding-left: 15px;
10812    padding-right: 15px;
10813    box-sizing: border-box;
10814    opacity: 1;
10815    transition: opacity 0.3s ease;
10816  }
10817  .random-banner__inner {
10818    display: flex;
10819    justify-content: space-between;
10820    align-items: flex-start;
10821    position: relative;
10822  }
10823  .random-banner__text {
10824    width: 50%;
10825    padding: 4rem 0;
10826    z-index: 2;
10827  }
10828  /* Reserve space for image to prevent layout shift */
10829  .random-banner__image {
10830    width: 500px;
10831    height: 500px;
10832    position: absolute;
10833    right: 0;
10834    top: 4rem;
10835  }
10836  .random-banner__image-container {
10837    width: 100%;
10838    height: 100%;
10839    background: #f5f5f5;
10840  }
10841  .random-banner__title {
10842    margin: 0 0 2rem;
10843    font-size: 45px;
10844    line-height: 1.2;
10845    color: #191919;
10846    font-weight: 350;
10847    font-family: Montserrat, sans-serif;
10848  }
10849  /* Force Montserrat font for all description content */
10850  .random-banner__description,
10851  .random-banner__description * {
10852    font-family: Montserrat, sans-serif !important;
10853  }
10854  .random-banner__description {
10855    font-size: 16px;
10856    line-height: 1.6;
10857    color: #191919;
10858  }
10859  /* Headings in description */
10860  .random-banner__description h1,
10861  .random-banner__description h2,
10862  .random-banner__description h3,
10863  .random-banner__description h4,
10864  .random-banner__description h5,
10865  .random-banner__description h6 {
10866    font-family: Montserrat, sans-serif !important;
10867    color: #191919;
10868    margin: 1.5em 0 0.75em 0;
10869    line-height: 1.3;
10870    font-weight: 600;
10871  }
10872  .random-banner__description h1 { font-size: 32px; }
10873  .random-banner__description h2 { font-size: 28px; }
10874  .random-banner__description h3 { font-size: 24px; }
10875  .random-banner__description h4 { font-size: 20px; }
10876  .random-banner__description h5 { font-size: 18px; }
10877  .random-banner__description h6 { font-size: 16px; }
10878  /* First heading has no top margin */
10879  .random-banner__description h1:first-child,
10880  .random-banner__description h2:first-child,
10881  .random-banner__description h3:first-child,
10882  .random-banner__description h4:first-child,
10883  .random-banner__description h5:first-child,
10884  .random-banner__description h6:first-child {
10885    margin-top: 0;
10886  }
10887  /* Paragraphs */
10888  .random-banner__description p {
10889    margin: 0 0 1em 0;
10890  }
10891  .random-banner__description p:last-child {
10892    margin-bottom: 0;
10893  }
10894  /* Lists */
10895  .random-banner__description ul,
10896  .random-banner__description ol {
10897    margin: 1em 0;
10898    padding-left: 2em;
10899  }
10900  .random-banner__description li {
10901    margin: 0.5em 0;
10902  }
10903  /* Links */
10904  .random-banner__description a {
10905    color: #191919;
10906    text-decoration: underline;
10907  }
10908  .random-banner__description a:hover {
10909    opacity: 0.7;
10910  }
10911  /* Strong and emphasis */
10912  .random-banner__description strong,
10913  .random-banner__description b {
10914    font-weight: 600;
10915  }
10916  .random-banner__description em,
10917  .random-banner__description i {
10918    font-style: italic;
10919  }
10920  /* Blockquotes */
10921  .random-banner__description blockquote {
10922    margin: 1.5em 0;
10923    padding-left: 1.5em;
10924    border-left: 3px solid #191919;
10925    font-style: italic;
10926  }
10927  /* Code */
10928  .random-banner__description code {
10929    background: #f5f5f5;
10930    padding: 0.2em 0.4em;
10931    font-family: monospace;
10932    font-size: 0.9em;
10933  }
10934  .random-banner__description pre {
10935    background: #f5f5f5;
10936    padding: 1em;
10937    overflow-x: auto;
10938    margin: 1em 0;
10939  }
10940  .random-banner__description pre code {
10941    background: none;
10942    padding: 0;
10943  }
10944  /* Tables */
10945  .random-banner__description table {
10946    width: 100%;
10947    border-collapse: collapse;
10948    margin: 1.5em 0;
10949  }
10950  .random-banner__description th,
10951  .random-banner__description td {
10952    padding: 0.75em;
10953    text-align: left;
10954    border: 1px solid #e5e5e5;
10955  }
10956  .random-banner__description th {
10957    font-weight: 600;
10958    background: #f9f9f9;
10959  }
10960  /* Images in description */
10961  .random-banner__description img {
10962    max-width: 100%;
10963    height: auto;
10964    margin: 1em 0;
10965  }
10966  @media screen and (max-width: 749px) {
10967    .random-banner__inner {
10968      flex-direction: column-reverse;
10969      min-height: auto;
10970    }
10971    .random-banner__title {
10972      font-size: 35px !important;
10973    }
10974    .random-banner__text {
10975      width: 100%;
10976      padding: 0rem 15px;
10977    }
10978    .random-banner__image {
10979      position: relative;
10980      width: 100%;
10981      height: 100%;
10982      top: 0;
10983      margin: 0 auto 20px;
10984    }
10985    /* Responsive description styles */
10986    .random-banner__description {
10987      font-size: 14px;
10988    }
10989    .random-banner__description h1 { font-size: 26px; }
10990    .random-banner__description h2 { font-size: 22px; }
10991    .random-banner__description h3 { font-size: 20px; }
10992    .random-banner__description h4 { font-size: 18px; }
10993    .random-banner__description h5 { font-size: 16px; }
10994    .random-banner__description h6 { font-size: 14px; }
10995    .random-banner__description ul,
10996    .random-banner__description ol {
10997      padding-left: 1.5em;
10998    }
10999    .random-banner__description table {
11000      font-size: 13px;
11001    }
11002    .random-banner__description th,
11003    .random-banner__description td {
11004      padding: 0.5em;
11005    }
11006  }
11007</style>
11008
11009<script>
11010document.addEventListener('DOMContentLoaded', function() {
11011 
11012  const backgroundColors = [
11013    
11014      
11015        "#ffffff",
11016      
11017    
11018  ].filter(Boolean);
11019  
11020  if (backgroundColors.length > 0) {
11021    const randomColor = backgroundColors[Math.floor(Math.random() * backgroundColors.length)];
11022    const banner = document.querySelector('.random-banner');
11023    banner.style.backgroundColor = randomColor;
11024    banner.style.setProperty('--banner-bg', randomColor);
11025  }
11026
11027  // Video playback handling
11028  const video = document.querySelector('.random-banner__video');
11029  if (video) {
11030    video.play().catch(function(error) {
11031      console.log("Video autoplay failed:", error);
11032    });
11033
11034    // Ensure video is playing after user interaction
11035    document.addEventListener('click', function() {
11036      video.play().catch(function(error) {
11037        console.log("Video play after click failed:", error);
11038      });
11039    }, { once: true });
11040  }
11041
11042  // Notify that banner is ready for performance optimization
11043  function signalBannerReady() {
11044    const banner = document.querySelector('.random-banner');
11045    if (banner) {
11046      banner.setAttribute('data-banner-loaded', 'true');
11047      const event = new CustomEvent('banner:loaded');
11048      document.dispatchEvent(event);
11049    }
11050  }
11051
11052  // Wait for all banner media to load
11053  const bannerImages = document.querySelectorAll('.random-banner img');
11054  const bannerVideos = document.querySelectorAll('.random-banner video');
11055  
11056  if (bannerImages.length === 0 && bannerVideos.length === 0) {
11057    signalBannerReady();
11058  } else {
11059    let loadedCount = 0;
11060    const totalMedia = bannerImages.length + bannerVideos.length;
11061    
11062    function checkMediaLoaded() {
11063      loadedCount++;
11064      if (loadedCount >= totalMedia) {
11065        signalBannerReady();
11066      }
11067    }
11068    
11069    bannerImages.forEach(function(img) {
11070      if (img.complete) {
11071        checkMediaLoaded();
11072      } else {
11073        img.addEventListener('load', checkMediaLoaded);
11074        img.addEventListener('error', checkMediaLoaded);
11075      }
11076    });
11077    
11078    bannerVideos.forEach(function(video) {
11079      if (video.readyState >= 3) {
11080        checkMediaLoaded();
11081      } else {
11082        video.addEventListener('loadeddata', checkMediaLoaded);
11083        video.addEventListener('error', checkMediaLoaded);
11084      }
11085    });
11086  }
11087
11088  // Check description height and set truncated class
11089  const description = document.querySelector('.random-banner__description');
11090  const toggleButton = document.querySelector('.random-banner__description-toggle');
11091  const bannerInner = document.querySelector('.random-banner__inner');
11092  
11093  if (description && toggleButton) {
11094    const HEIGHT_LIMIT = 400; // Height limit in pixels for "Show more" button
11095    
11096    // Get the actual height of the description
11097    const descriptionHeight = description.scrollHeight;
11098    
11099    if (descriptionHeight > HEIGHT_LIMIT) {
11100      description.classList.add('truncated');
11101      toggleButton.style.display = 'flex';
11102      
11103      toggleButton.addEventListener('click', function() {
11104        description.classList.toggle('expanded');
11105        toggleButton.classList.toggle('expanded');
11106        if (description.classList.contains('expanded')) {
11107          toggleButton.querySelector('.toggle-text').textContent = "Näytä vähemmän";
11108          if (bannerInner) bannerInner.classList.add('expanded');
11109        } else {
11110          toggleButton.querySelector('.toggle-text').textContent = "Näytä lisää";
11111          if (bannerInner) bannerInner.classList.remove('expanded');
11112        }
11113      });
11114    } else {
11115      // Hide button if text is short
11116      toggleButton.style.display = 'none';
11117    }
11118  }
11119});
11120</script>
11120
11121
11122<div class="random-banner">
11123  <div class="random-banner__container">
11124    <div class="random-banner__inner text-first ">
11125      <div class="random-banner__text">
11126        <div class="random-banner__title-with-icon">
11127          
11128            <div class="random-banner__collection-icon">
11129              <img 
11130                src="//rendl.fi/cdn/shop/collections/bollards_image_f841a070-d7cb-4a39-b045-425f442ae4cf.png?v=1788993126&width=100"
11131                alt="Pollarivalaisimet"
11132                width="100"
11133                height="100"
11134              >
11135            </div>
11136          
11137          <h1 class="random-banner__title">Pollarivalaisimet</h1>
11138        </div><div class="random-banner__description"><p><strong>Pylväsvalaisimet</strong> ovat keskeisiä ulkovalaistustuotteita, jotka turvaavat liikkumisen pihateillä, ajoteillä ja terassialueilla. Korkeutensa ja valonsuuntaustyylinsä ansiosta <strong>pylväsvalaisimet</strong> valaisevat tasaisesti kulkuväylät ilman häikäisyä ja samalla lisäävät selkeyttä puutarhan tilaan. Oikein suunnitellut <strong>ulkovalaisimet pylväät</strong> tarjoavat lisäksi pitkäkestoista ja luotettavaa valotehoa ulkoilmassa.</p>��<p>Modernit <strong>ulkovalaisimet pylväät</strong> hyödyntävät LED-teknologiaa, joka yhdistää energiatehokkuuden pitkäikäisyyteen ja valovirran vakauteen. Puutarhasuunnittelussa <strong>pihavalaistus pylväät</strong> toimivat paitsi opastusvalona, myös kevyenä korostuksena polkujen, kukkapenkkien ja arkkitehtuurin yksityiskohdille. Valaisimien rakenne on sääolosuhteisiin sopeutettu, jotta valo pysyy vakaana ja luotettavana ympäri vuoden.</p>��<h2>Pylväsvalaisimien merkitys puutarhassa</h2>��<p><strong>Pylväsvalaisimet</strong> on suunniteltu pääasiassa opastus- ja suuntavalaisimiksi. Niiden tärkein tehtävä on valaista turvallisesti pihalla olevat kulkureitit – polut, ajotiet, portaat ja talon sisäänkäynnit. Alhainen korkeus ja valon suuntaaminen alaspäin estävät häiritsevät valokeilat ja edistävät miellyttävää iltatunnelmaa puutarhassa.</p>��<p>Tyypilliset <strong>ulkovalaisimet pylväät</strong> asennetaan säännöllisin välein polkujen tai terassien reunoille. Valo luo rytmin kulkureitin varrelle ja helpottaa suunnistamista pimeällä.</p>��<p>Yleinen virhe on käyttää liian korkeita tai liian voimakkaita valaisimia. Jos <strong>pihavalaistus pylväät</strong> ovat liian kirkkaat, ne voivat häikäistä kulkijaa ja rikkoa ulkoilman luonnollista tunnelmaa. Puutarhavalaisimissa painottuvat siksi mieluummin tasainen valaistus kuin korkein mahdollinen valoteho.</p>��<h2>Ulkovalaisimien tekniset ominaisuudet</h2>��<p>Tärkein ominaisuus on valovirta, joka kertoo valaisimesta lähtevän valon määrän. Opastusvalaistuksessa käytetään yleensä 300–700 lumenin valotehoa per valaisin. Tämä teho riittää turvalliseen liikkumiseen eikä häiritse ympäristöä yöllä.</p>��<p>Valon suuntaus on myös merkittävä tekijä. Laadukkaat <strong>pylväsvalaisimet</strong> käyttävät optiikkaa, joka suuntaa valon pääasiassa alaspäin tai sivuille. Tämä vähentää häikäisyä ja minimoidaan valosaasteen puutarhassa.</p>��<p>Myös värilämpötila on tärkeä parametri. Puutarhassa suositaan yleensä lämpimänvalkoista valoa noin 2700–3000 K, joka luo miellyttävän tunnelman ja sopii luonnollisesti yhteen kasvien ja rakennusten kanssa.</p>��<p>Värintoistoindeksi (CRI) on ulkovalaisimilla tavallisesti noin 80, mikä riittää luonnolliseen värien havaitsemiseen kasveissa, puussa ja kivipinnoissa.</p>��<p>Myös valaisimen suojausluokka IP on tärkeä. Laadukkailla <strong>ulkovalaisin pylväät</strong> on yleensä IP44- tai IP65-luokitus, joka suojaa kosteudelta, sateelta ja pölyltä.</p>��<p>LED-malleissa jäähdytysrakenne, esimerkiksi alumiininen runko, poistaa lämpöä LED-moduulista ja varmistaa vakaan valotehon pitkäaikaisessa ulkokäytössä.</p>��<p>Jotkut modernit <strong>pihavalaistus pylväät</strong> tukevat himmennystä tai liiketunnistimia. Näin valo voi kirkastua liikkeen mukaan ja olla himmeämpänä tavallisessa yömoodissa.</p>��<h2>Käytännön valaistusratkaisu puutarhapolulle</h2>��<p>Kuvitellaan noin 10 metriä pitkä ja 1,5 metriä leveä puutarhapolku. Tasaisen valaistuksen saamiseksi käytetään neljää <strong>pylväsvalaisinta</strong>, joiden valoteho on noin 400 lumeniä kullekin.</p>��<p>
11138Valaisimet asennetaan polun reunoille 2,5–3 metrin välein. Tämä sijoittelu takaa, että <strong>ulkovalaisimet pylväät</strong> valaisevat reitin tasaisesti ilman suuria varjoja.</p>��<p>Tyypillinen virhe on asentaa vain yksi valaisin polun alkuun. Tällainen ratkaisu ei anna riittävää opastusta, ja valon intensiteetti heikkenee nopeasti etäisyyden kasvaessa.</p>��<p>Sähköasennuksessa kannattaa varata oma ryhmä puutarhan valaistukselle ja asentaa kaapelit suojaputkeen maan alle. Tämä ratkaisumahdollistaa turvallisen käytön ja valaistuksen laajennuksen tulevaisuudessa.</p>��<h2>Muotoilu, mittasuhteet ja puutarha-arkkitehtuuriin sovittaminen</h2>��<p><strong>Pylväsvalaisinten</strong> muotoilu tulisi sovittaa sekä talon että puutarhan tyyliin. Modernit puutarhat suosivat usein minimalistisia, kulmikkaita muotoja, kun taas perinteisissä puutarhoissa voi käyttää pyöreämpiä tai koristeellisempia malleja.</p>��<p>Valaisimien korkeus vaihtelee tyypillisesti 40 ja 100 cm välillä tilan luonteen mukaan. Matalammat <strong>pihavalaistus pylväät</strong> sopivat kevyeksi opastusvalaistukseksi, kun taas korkeammat valaisimet valaisevat suurempia alueita.</p>��<p>Materiaaleina käytetään yleisesti alumiinia, ruostumatonta terästä tai kestäviä komposiitteja, jotka takaavat mekaanisen kestävyyden ja pitkäaikaisen suorituskyvyn ulkoilmassa.</p>��<p>Joissakin malleissa on myös valonsuuntausmahdollisuus tai useampi valonlähde yhdistettynä, jolloin puita, arkkitehtuurisia yksityiskohtia tai kukkapenkkejä voidaan korostaa tehokkaasti.</p>��<h2>Valon säätö ja pitkäaikainen arvo</h2>��<p>Modernit <strong>ulkovalaisimet pylväät</strong> voidaan liittää älykkäisiin valaistusjärjestelmiin. Himmennettävät <strong>pylväsvalaisimet</strong> mahdollistavat valaistustehon säätämisen vuorokaudenajan tai käyttötilanteen mukaan.</p>��<p>Tärkeä etu on myös yhteensopivuus liiketunnistinten tai hämäräkytkimien kanssa, jolloin valot syttyvät automaattisesti pimeän tullen tai liikkeen havaittuessa.</p>��<p>Laadukas rakenne ja kestävät materiaalit varmistavat, että <strong>pihavalaistus pylväät</strong> säilyttävät tasaisen valotehon myös pitkällä aikavälillä sääolosuhteiden rasituksissa. LED-moduulien vakaus ja tukevat rakenteet takaavat pitkän käyttöiän koko valaistusratkaisulle.</p>��<p>Yhdistäen opastusvalon, kestävän rakenteen ja tasapainoisen valotehon, <strong>pylväsvalaisimet</strong> muodostavat modernin puutarhavalaisun kulmakiven, joka yhdistää turvallisen liikkumisen ja ulkotilan esteettisyyden.</p>
11139</div><button class="random-banner__description-toggle" style="display: none;">
11140                <span class="toggle-text">Näytä lisää</span>
11141                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
11142                  <path d="M19 9l-7 7-7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
11143                </svg>
11144              </button>
11145</div><div class="random-banner__image">
11146          <div class="random-banner__image-container"><video
11147                autoplay
11148                loop
11149                muted
11150                playsinline
11151                preload="metadata"
11152                class="random-banner__video"
11153              >
11154                <source src="https://cdn.shopify.com/videos/c/o/v/586abaa3a90b41d9b97d18029201ca25.mp4" type="video/mp4">
11155                Your browser does not support the video tag.
11156              </video></div>
11157        </div></div>
11158  </div>
11159</div>
11160
11161 </div><section id="shopify-section-template--28113427169578__collection_subcategories_Rq4CTB" class="shopify-section section-collection-subcategories">
11162
11163
11164<link rel="preload" href="//rendl.fi/cdn/shop/t/33/assets/collection-subcategories.css?v=21681036003623388091788953231" as="style" onload="this.onload=null;this.rel='stylesheet'">
11165<noscript><link href="//rendl.fi/cdn/shop/t/33/assets/collection-subcategories.css?v=21681036003623388091788953231" rel="stylesheet" type="text/css" media="all" /></noscript>
11166
11167
11168
11169
11170
11171
11172
11173<div class="collection-subcategories page-width">
11174  <div class="collection-subcategories__inner">
11175    
11176    
11177    
11178    
11179      
11180      
11181      
11182      
11183      
11184      
11185      
11186      
11187      
11188        <div class="collection-subcategories__card" data-index="1">
11189          <a href="/collections/bollards-round" class="collection-subcategories__link">
11190            <div class="collection-subcategories__image-wrapper">
11191              
11192                <img 
11193                  src="//rendl.fi/cdn/shop/files/287_IMG_d2f6b7ac-46a7-4aa1-9197-f600da08d735.jpg?v=1783895422&width=400" 
11194                  alt="Pyöreät pollarivalaisimet"
11195                  loading="lazy"
11196                  decoding="async"
11197                  width="100"
11198                  height="100"
11199                  class="collection-subcategories__image"
11200                >
11201              
11202            </div>
11203            
11204            <div class="collection-subcategories__content">
11205              <div class="collection-subcategories__title">Pyöreät pollarivalaisimet</div>
11206            </div>
11207          </a>
11208        </div>
11209      
11210    
11211      
11212      
11213      
11214      
11215      
11216      
11217      
11218      
11219      
11220        <div class="collection-subcategories__card" data-index="2">
11221          <a href="/collections/bollards-angular" class="collection-subcategories__link">
11222            <div class="collection-subcategories__image-wrapper">
11223              
11224                <img 
11225                  src="//rendl.fi/cdn/shop/files/286_IMG_4070dcf9-8b66-4ad6-ab64-ec41ff9b7b7b.jpg?v=1779316226&width=400" 
11226                  alt="Nelikulmaiset pollarivalaisimet"
11227                  loading="lazy"
11228                  decoding="async"
11229                  width="100"
11230                  height="100"
11231                  class="collection-subcategories__image"
11232                >
11233              
11234            </div>
11235            
11236            <div class="collection-subcategories__content">
11237              <div class="collection-subcategories__title">Nelikulmaiset pollarivalaisimet</div>
11238            </div>
11239          </a>
11240        </div>
11241      
11242    
11243      
11244      
11245      
11246      
11247      
11248      
11249      
11250      
11251      
11252        <div class="collection-subcategories__card" data-index="3">
11253          <a href="/collections/directional-light-columns" class="collection-subcategories__link">
11254            <div class="collection-subcategories__image-wrapper">
11255              
11256                <img 
11257                  src="//rendl.fi/cdn/shop/files/285_IMG_3c11483e-39ec-4f3d-8890-4351367df04a.jpg?v=1779316226&width=400" 
11258                  alt="Säädettävät pollarivalaisimet"
11259                  loading="lazy"
11260                  decoding="async"
11261                  width="100"
11262                  height="100"
11263                  class="collection-subcategories__image"
11264                >
11265              
11266            </div>
11267            
11268            <div class="collection-subcategories__content">
11269              <div class="collection-subcategories__title">Säädettävät pollarivalaisimet</div>
11270            </div>
11271          </a>
11272        </div>
11273      
11274    
11275  </div>
11276  
11277  
11278  <button class="collection-subcategories__show-more" data-total="3" data-text="Näytä lisää" style="display: none;">
11279    Näytä lisää
11280    
11281      <img src="//rendl.fi/cdn/shop/files/arrow_01573e16-e194-42e1-a353-ca36d8e5e17b.svg?crop=center&height=18&v=1757422092&width=18" alt="" width="18" height="18" class="collection-subcategories__show-more-icon">
11282    
11283  </button>
11284</div>
11285
11286<script>
11287  document.addEventListener('DOMContentLoaded', function() {
11288    const containers = document.querySelectorAll('.collection-subcategories');
11289    
11290    containers.forEach(container => {
11291      const button = container.querySelector('.collection-subcategories__show-more');
11292      if (!button) return;
11293      
11294      const cards = container.querySelectorAll('.collection-subcategories__card');
11295      const totalCards = parseInt(button.getAttribute('data-total')) || cards.length;
11296      
11297      function updateVisibility() {
11298        const isMobile = window.innerWidth <= 749;
11299        const visibleCount = isMobile ? 4 : 8;
11300        
11301        // Show/hide cards based on screen size
11302        cards.forEach((card, index) => {
11303          const cardIndex = parseInt(card.getAttribute('data-index'));
11304          if (cardIndex > visibleCount) {
11305            card.classList.add('collection-subcategories__card--hidden');
11306            card.classList.remove('collection-subcategories__card--visible');
11307          } else {
11308            card.classList.remove('collection-subcategories__card--hidden');
11309            card.classList.add('collection-subcategories__card--visible');
11310          }
11311        });
11312        
11313        // Show button if there are hidden cards
11314        if (totalCards > visibleCount) {
11315          button.style.display = 'flex';
11316          button.classList.remove('hidden');
11317        } else {
11318          button.style.display = 'none';
11319        }
11320      }
11321      
11322      // Initial visibility check
11323      updateVisibility();
11324      
11325      // Update on resize
11326      let resizeTimer;
11327      window.addEventListener('resize', function() {
11328        clearTimeout(resizeTimer);
11329        resizeTimer = setTimeout(updateVisibility, 100);
11330      });
11331      
11332      // Show more button click handler
11333      button.addEventListener('click', function() {
11334        const hiddenCards = container.querySelectorAll('.collection-subcategories__card--hidden');
11335        
11336        // Show hidden cards with animation
11337        hiddenCards.forEach((card, index) => {
11338          setTimeout(() => {
11339            card.classList.remove('collection-subcategories__card--hidden');
11340            card.classList.add('collection-subcategories__card--visible');
11341          }, index * 50);
11342        });
11343        
11344        // Hide button after a short delay
11345        setTimeout(() => {
11346          this.classList.add('hidden');
11347          setTimeout(() => {
11348            this.style.display = 'none';
11349          }, 300);
11350        }, hiddenCards.length * 50 + 100);
11351      });
11352    });
11353  });
11354</script>
11354
11355
11356
11357
11358
11359</section><div id="shopify-section-template--28113427169578__1f_button_iQ3kxB" class="shopify-section">
11360
11361
11362
11363
11364
11365  
11366    
11367  
11368    
11369  
11370    
11371  
11372    
11373  
11374    
11375  
11376
11377
11378
11379
11380<style>
11381.configurator-button-section {
11382  max-width: 1100px;
11383  margin: 0 auto;
11384}
11385
11386.configurator-button-container {
11387  display: flex;
11388  justify-content: flex-end;
11389  align-items: center;
11390}
11391
11392.configurator-button {
11393  display: inline-block;
11394  padding: 12px 24px 12px 24px;
11395  background-color: #262626;
11396  color: #ffffff;
11397  text-decoration: none;
11398  border-radius: 0px;
11399  font-size: 14px;
11400  font-weight: 500;
11401  text-align: center;
11402  transition: all 0.3s ease;
11403  border: 1px solid #121212;
11404}
11405
11406.configurator-button:hover {
11407  background-color: #ffffff;
11408  color: #121212;
11409  border-color: #0e0e0e;
11410}
11411
11412.configurator-button:active {
11413  transform: translateY(0);
11414}
11415
11416@media (max-width: 1024px) {
11417  .configurator-button-section {
11418    display: none;
11419  }
11420}
11421</style>
11422
11423
11424
11425</div><div id="shopify-section-template--28113427169578__product-grid" class="shopify-section section">
11426<link href="//rendl.fi/cdn/shop/t/33/assets/template-collection.css?v=58558206033505836701788953231" rel="stylesheet" type="text/css" media="all" />
11427<link href="//rendl.fi/cdn/shop/t/33/assets/component-card.css?v=5578354909434046961788953233" rel="stylesheet" type="text/css" media="all" />
11428<link href="//rendl.fi/cdn/shop/t/33/assets/component-price.css?v=55932055337519532011788953234" rel="stylesheet" type="text/css" media="all" />
11429<link href="//rendl.fi/cdn/shop/t/33/assets/main-collection-product-grid.css?v=60067204488583006381788953231" rel="stylesheet" type="text/css" media="all" />
11430
11431<link href="//rendl.fi/cdn/shop/t/33/assets/quick-add.css?v=106147676685185623711788953232" rel="stylesheet" type="text/css" media="all" />
11432<script src="//rendl.fi/cdn/shop/t/33/assets/quick-add.js?v=73073840428863680991788953233" defer="defer"></script>
11432
11433  
11433<script src="//rendl.fi/cdn/shop/t/33/assets/product-form.js?v=82553749319723712671788953233" defer="defer"></script>
11433<style data-shopify>.section-template--28113427169578__product-grid-padding {
11434    padding-top: 27px;
11435    padding-bottom: 27px;
11436  }
11437
11438  @media screen and (min-width: 750px) {
11439    .section-template--28113427169578__product-grid-padding {
11440      padding-top: 36px;
11441      padding-bottom: 36px;
11442    }
11443  }
11444
11445  /* Critical CSS for shimmer - instant render without waiting for CSS files */
11446  .product-grid-container[data-defer-load] {
11447    position: relative;
11448    margin-top: 20px;
11449    min-height: 1000px;
11450  }
11451  .product-grid-container[data-defer-load]::before {
11452    content: '';
11453    display: block;
11454    width: 100%;
11455    height: var(--defer-grid-height, 1000px);
11456    background: linear-gradient(110deg, #f8f8f8 8%, #ffffff 18%, #f8f8f8 33%);
11457    background-size: 200% 100%;
11458    animation: shimmer 1.2s linear infinite;
11459  }
11460  @keyframes shimmer {
11461    0% { background-position: -200% 0; }
11462    100% { background-position: 200% 0; }
11463  }
11464  
11465  /* Prevent layout shift from filters */
11466
11467  .facets-vertical {
11468    display: flex;
11469    gap: 3rem;
11470  }
11471  .facets-vertical .facets-wrapper {
11472    flex: 0 0 250px;
11473  }
11474  .facets-vertical .product-grid-container {
11475    flex: 1;
11476  }
11477
11478  /* Mobile: Stack filters vertically */
11479  @media screen and (max-width: 989px) {
11480    .facets-vertical {
11481      flex-direction: column;
11482      gap: 1rem;
11483    }
11484    .facets-vertical .facets-wrapper {
11485      flex: 0 0 auto;
11486      width: 100%;
11487    }
11488    .facets-vertical .product-grid-container {
11489      width: 100%;
11490    }
11491  }</style><div class="section-template--28113427169578__product-grid-padding gradient color-scheme-1">
11492<facet-filters-form class="facets facets-vertical-sort page-width small-hide">
11493        <form class="facets-vertical-form" id="FacetSortForm">
11494          <div class="facet-filters sorting caption">
11495            <div class="facet-filters__field">
11496              <h2 class="facet-filters__label caption-large text-body">
11497                <label for="SortBy">Lajittelu:</label>
11498              </h2>
11499              <div class="select"><select
11500                  name="sort_by"
11501                  class="facet-filters__sort select__select caption-large"
11502                  id="SortBy"
11503                  aria-describedby="a11y-refresh-page-message"
11504                ><option
11505                      value="manual"
11506                      
11507                    >
11508                      Esittelyssä
11509                    </option><option
11510                      value="most-relevant"
11511                      
11512                    >
11513                      Osuvin
11514                    </option><option
11515                      value="best-selling"
11516                      
11517                        selected="selected"
11518                      
11519                    >
11520                      Eniten myydyt
11521                    </option><option
11522                      value="title-ascending"
11523                      
11524                    >
11525                      Aakkosjärjestyksessä A–Ö
11526                    </option><option
11527                      value="title-descending"
11528                      
11529                    >
11530                      Aakkosjärjestyksessä Ö–A
11531                    </option><option
11532                      value="price-ascending"
11533                      
11534                    >
11535                      Hinta pienimmästä suurimpaan
11536                    </option><option
11537                      value="price-descending"
11538                      
11539                    >
11540                      Hinta suurimmasta pienimpään
11541                    </option><option
11542                      value="created-ascending"
11543                      
11544                    >
11545                      Päivämäärä vanhimmasta uusimpaan
11546                    </option><option
11547                      value="created-descending"
11548                      
11549                    >
11550                      Päivämäärä uusimmasta vanhimpaan
11551                    </option></select>
11552                <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11553</span>
11554              </div>
11555            </div>
11556          </div>
11557
11558          <div class="product-count-vertical light" role="status">
11559            <h2 class="product-count__text text-body">
11560              <span id="ProductCountDesktop">19 tuotetta
11561</span>
11562            </h2>
11563
11564<div class="loading__spinner hidden">
11565  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
11566
11567</div>
11568</div>
11569        </form>
11570      </facet-filters-form><div class=" facets-vertical page-width" style="min-height: 200px;">
11571      
11572      <link rel="preload" href="//rendl.fi/cdn/shop/t/33/assets/component-facets.css?v=169802269105075162841788953232" as="style" onload="this.onload=null;this.rel='stylesheet'">
11573      <noscript><link href="//rendl.fi/cdn/shop/t/33/assets/component-facets.css?v=169802269105075162841788953232" rel="stylesheet" type="text/css" media="all" /></noscript>
11574      
11574<script src="//rendl.fi/cdn/shop/t/33/assets/facets.js?v=42798985796066624181788953231" defer="defer"></script>
11574<aside
11575          aria-labelledby="verticalTitle"
11576          class="facets-wrapper"
11577          id="main-collection-filters"
11578          data-id="template--28113427169578__product-grid"
11579        >
11580          
11581
11582<link href="//rendl.fi/cdn/shop/t/33/assets/component-show-more.css?v=139536189637226996221788953233" rel="stylesheet" type="text/css" media="all" />
11583<link href="//rendl.fi/cdn/shop/t/33/assets/component-swatch-input.css?v=61683592951238328641788953234" rel="stylesheet" type="text/css" media="all" />
11584<link href="//rendl.fi/cdn/shop/t/33/assets/component-swatch.css?v=6811383713633888781788953231" rel="stylesheet" type="text/css" media="all" />
11585<div class="facets-container"><facet-filters-form class="facets small-hide">
11586      <form
11587        id="FacetFiltersForm"
11588        class="facets__form-vertical"
11589      >
11590          
11591          <div
11592            id="FacetsWrapperDesktop"
11593            
11594          >
11595<div class="active-facets active-facets-desktop">
11596                <div class="active-facets-vertical-filter"><h2
11597                      class="facets__heading facets__heading--vertical caption-large text-body"
11598                      id="verticalTitle"
11599                      tabindex="-1"
11600                    >
11601                      Suodatin:
11602                    </h2><facet-remove class="active-facets__button-wrapper">
11603                    <a href="/collections/garden-post-light" class="active-facets__button-remove underlined-link">
11604                      <span>Poista kaikki</span>
11605                    </a>
11606                  </facet-remove>
11607                </div>
11608                    
11609                    
11610
11611
11612
11613
11614
11615
11616
11617
11618
11619
11620
11621
11622
11623</div>
11623<script src="//rendl.fi/cdn/shop/t/33/assets/show-more.js?v=135784227224860024771788953234" defer="defer"></script>
11623
11624            
11625
11626
11627              
11628                  <details
11629                    id="Details-custom-price-filter-template--28113427169578__product-grid"
11630                    class=" facets__disclosure-vertical js-filter custom-price-filter"
11631                    data-index="14"
11632                  >
11633                    <summary class="facets__summary caption-large focus-offset">
11634                      <div>
11635                        <span>Hinta</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11636</div>
11637                    </summary>
11638                    <div
11639                      id="Facet-custom-price-template--28113427169578__product-grid"
11640                      class="facets__display-vertical"
11641                    >
11642                      <div class="facets__header-vertical">
11643                        <span class="facets__selected">0.00 EUR</span>
11644                      </div>
11645                      
11646                      <div class="custom-price-range-container">
11647                        <!-- Price input fields -->
11648                        <div class="custom-price-input">
11649                          <div class="custom-price-field">
11650                            <span>€</span>
11651                            <input type="number" class="custom-min-input" id="Filter-Price-GTE" name="filter.v.price.gte" value="0" min="0">
11652                          </div>
11653                          <div class="custom-price-field">
11654                            <span>€</span>
11655                            <input type="number" class="custom-max-input" id="Filter-Price-LTE" name="filter.v.price.lte" value="835" max="1000">
11656                          </div>
11657                        </div>
11658                        
11659                        <!-- Slider bar with progress -->
11660                        <div class="custom-slider">
11661                          <div class="custom-progress"></div>
11662                        </div>
11663                        
11664                        <!-- Range input sliders -->
11665                        <div class="custom-range-input">
11666                          <input type="range" class="custom-range-min" min="0" max="835" value="0" step="5">
11667                          <input type="range" class="custom-range-max" min="0" max="835" value="835" step="5">
11668                        </div>
11669                        
11670                        <button type="submit" class="button button--tertiary custom-price-filter-button">Suodatin</button>
11671                      </div>
11672                    </div>
11673                  </details>
11674              
11675
11676
11677              
11678                  <details
11679                    id="Details-filter.p.m.product_options.color_and_material-template--28113427169578__product-grid"
11680                    class=" facets__disclosure-vertical js-filter"
11681                    data-index="2"
11682                  >
11683                    <summary
11684                      class="facets__summary caption-large focus-offset"
11685                      aria-label="Väri ja materiaali (0 valittu)"
11686                    >
11687                      <div>
11688                        <span class="facets__summary-label">Väri ja materiaali
11689<span class="facets__selected hidden">
11690                              (0)</span
11691                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11692</div>
11693                    </summary>
11694                    <div
11695                      id="Facet-2-template--28113427169578__product-grid"
11696                      class="parent-display facets__display-vertical"
11697                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
11698                        <legend class="visually-hidden">Väri ja materiaali</legend><ul
11699                          class="facets-layout facets-layout-list facets-layout-list--swatch facets__list--vertical list-unstyled"
11700                          role="list"
11701                        >
11702<li class="list-menu__item facets__item"><div class="facets__label facet-checkbox
11703">
11704                                  <div class="swatch-input-wrapper">
11705                                    
11706
11707<input
11708  type="checkbox"
11709  id="Filter-filter.p.m.product_options.color_and_material-1"
11710  name="filter.p.m.product_options.color_and_material"
11711  value="gid://shopify/Metaobject/73916317994"
11712  form="FacetFiltersForm"
11713  class="swatch-input__input"
11714  
11715  
11716  
11717>
11718<label
11719  for="Filter-filter.p.m.product_options.color_and_material-1"
11720  title="gid://shopify/Metaobject/73916317994"
11721  class="swatch-input__label"
11722  data-option-value="gid://shopify/Metaobject/73916317994"
11723>
11724  
11725<span
11726  
11727    class="swatch"
11728    style="--swatch--background: url(//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=50); --swatch-focal-point: 50.0% 50.0%;"
11729  
11730></span>
11731
11732
11733  
11734</label>
11735
11736                                  </div>
11737
11738                                  <span class="facet-checkbox__text" aria-hidden="true">
11739                                <span class="facet-checkbox__text-label">musta</span> (6)
11740                              </span>
11741                              <span class="visually-hidden">musta (6 tuotetta)
11742                              </span>
11743                                </div></li>
11744<li class="list-menu__item facets__item"><div class="facets__label facet-checkbox
11745">
11746                                  <div class="swatch-input-wrapper">
11747                                    
11748
11749<input
11750  type="checkbox"
11751  id="Filter-filter.p.m.product_options.color_and_material-2"
11752  name="filter.p.m.product_options.color_and_material"
11753  value="gid://shopify/Metaobject/73916547370"
11754  form="FacetFiltersForm"
11755  class="swatch-input__input"
11756  
11757  
11758  
11759>
11760<label
11761  for="Filter-filter.p.m.product_options.color_and_material-2"
11762  title="gid://shopify/Metaobject/73916547370"
11763  class="swatch-input__label"
11764  data-option-value="gid://shopify/Metaobject/73916547370"
11765>
11766  
11767<span
11768  
11769    class="swatch"
11770    style="--swatch--background: url(//rendl.fi/cdn/shop/files/88_black-ambercolored-glass.jpg?v=1739538420&width=50); --swatch-focal-point: 50.0% 50.0%;"
11771  
11772></span>
11773
11774
11775  
11776</label>
11777
11778                                  </div>
11779
11780                                  <span class="facet-checkbox__text" aria-hidden="true">
11781                                <span class="facet-checkbox__text-label">musta / ravfarvet glas</span> (1)
11782                              </span>
11783                              <span class="visually-hidden">musta / ravfarvet glas (1 tuote)
11784                              </span>
11785                                </div></li>
11786<li class="list-menu__item facets__item"><div class="facets__label facet-checkbox
11787">
11788                                  <div class="swatch-input-wrapper">
11789                                    
11790
11791<input
11792  type="checkbox"
11793  id="Filter-filter.p.m.product_options.color_and_material-3"
11794  name="filter.p.m.product_options.color_and_material"
11795  value="gid://shopify/Metaobject/73915367722"
11796  form="FacetFiltersForm"
11797  class="swatch-input__input"
11798  
11799  
11800  
11801>
11802<label
11803  for="Filter-filter.p.m.product_options.color_and_material-3"
11804  title="gid://shopify/Metaobject/73915367722"
11805  class="swatch-input__label"
11806  data-option-value="gid://shopify/Metaobject/73915367722"
11807>
11808  
11809<span
11810  
11811    class="swatch"
11812    style="--swatch--background: url(//rendl.fi/cdn/shop/files/52_black-grey.jpg?v=1739538319&width=50); --swatch-focal-point: 50.0% 50.0%;"
11813  
11814></span>
11815
11816
11817  
11818</label>
11819
11820                                  </div>
11821
11822                                  <span class="facet-checkbox__text" aria-hidden="true">
11823                                <span class="facet-checkbox__text-label">musta harmaa</span> (1)
11824                              </span>
11825                              <span class="visually-hidden">musta harmaa (1 tuote)
11826                              </span>
11827                                </div></li>
11828<li class="list-menu__item facets__item"><div class="facets__label facet-checkbox
11829">
11830                                  <div class="swatch-input-wrapper">
11831                                    
11832
11833<input
11834  type="checkbox"
11835  id="Filter-filter.p.m.product_options.color_and_material-4"
11836  name="filter.p.m.product_options.color_and_material"
11837  value="gid://shopify/Metaobject/73915138346"
11838  form="FacetFiltersForm"
11839  class="swatch-input__input"
11840  
11841  
11842  
11843>
11844<label
11845  for="Filter-filter.p.m.product_options.color_and_material-4"
11846  title="gid://shopify/Metaobject/73915138346"
11847  class="swatch-input__label"
11848  data-option-value="gid://shopify/Metaobject/73915138346"
11849>
11850  
11851<span
11852  
11853    class="swatch"
11854    style="--swatch--background: url(//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=50); --swatch-focal-point: 50.0% 50.0%;"
11855  
11856></span>
11857
11858
11859  
11860</label>
11861
11862                                  </div>
11863
11864                                  <span class="facet-checkbox__text" aria-hidden="true">
11865                                <span class="facet-checkbox__text-label">tummanharmaa</span> (11)
11866                              </span>
11867                              <span class="visually-hidden">tummanharmaa (11 tuotetta)
11868                              </span>
11869                                </div></li>
11870<li class="list-menu__item facets__item"><div class="facets__label facet-checkbox
11871">
11872                                  <div class="swatch-input-wrapper">
11873                                    
11874
11875<input
11876  type="checkbox"
11877  id="Filter-filter.p.m.product_options.color_and_material-5"
11878  name="filter.p.m.product_options.color_and_material"
11879  value="gid://shopify/Metaobject/73915466026"
11880  form="FacetFiltersForm"
11881  class="swatch-input__input"
11882  
11883  
11884  
11885>
11886<label
11887  for="Filter-filter.p.m.product_options.color_and_material-5"
11888  title="gid://shopify/Metaobject/73915466026"
11889  class="swatch-input__label"
11890  data-option-value="gid://shopify/Metaobject/73915466026"
11891>
11892  
11893<span
11894  
11895    class="swatch"
11896    style="--swatch--background: url(//rendl.fi/cdn/shop/files/55_light-grey.jpg?v=1739538326&width=50); --swatch-focal-point: 50.0% 50.0%;"
11897  
11898></span>
11899
11900
11901  
11902</label>
11903
11904                                  </div>
11905
11906                                  <span class="facet-checkbox__text" aria-hidden="true">
11907                                <span class="facet-checkbox__text-label">vaaleanharmaa</span> (2)
11908                              </span>
11909                              <span class="visually-hidden">vaaleanharmaa (2 tuotetta)
11910                              </span>
11911                                </div></li></ul>
11912                      </fieldset>
11913                    </div>
11914                  </details>
11915                
11916
11917
11918              
11919                  <details
11920                    id="Details-filter.v.availability-template--28113427169578__product-grid"
11921                    class=" facets__disclosure-vertical js-filter"
11922                    data-index="3"
11923                  >
11924                    <summary
11925                      class="facets__summary caption-large focus-offset"
11926                      aria-label="Saatavuus (0 valittu)"
11927                    >
11928                      <div>
11929                        <span class="facets__summary-label">Saatavuus
11930<span class="facets__selected hidden">
11931                              (0)</span
11932                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11933</div>
11934                    </summary>
11935                    <div
11936                      id="Facet-3-template--28113427169578__product-grid"
11937                      class="parent-display facets__display-vertical"
11938                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
11939                        <legend class="visually-hidden">Saatavuus</legend><ul
11940                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
11941                          role="list"
11942                        >
11943<li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-1" class="facets__label facet-checkbox
11944">
11945                                  <input
11946                                    type="checkbox"
11947                                    name="filter.v.availability"
11948                                    value="1"
11949                                    id="Filter-filter.v.availability-1"
11950                                    
11951                                    
11952                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
11953<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
11954</div><span class="facet-checkbox__text" aria-hidden="true">
11955                                <span class="facet-checkbox__text-label">Varastossa</span> (16)
11956                              </span>
11957                              <span class="visually-hidden">Varastossa (16 tuotetta)
11958                              </span>
11959                                </label></li>
11960<li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-2" class="facets__label facet-checkbox
11961">
11962                                  <input
11963                                    type="checkbox"
11964                                    name="filter.v.availability"
11965                                    value="0"
11966                                    id="Filter-filter.v.availability-2"
11967                                    
11968                                    
11969                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
11970<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
11971</div><span class="facet-checkbox__text" aria-hidden="true">
11972                                <span class="facet-checkbox__text-label">Loppunut varastosta</span> (3)
11973                              </span>
11974                              <span class="visually-hidden">Loppunut varastosta (3 tuotetta)
11975                              </span>
11976                                </label></li></ul>
11977                      </fieldset>
11978                    </div>
11979                  </details>
11980                
11981
11982
11983              
11984                  <details
11985                    id="Details-filter.v.m.product_attributes.status_in_sortiment-template--28113427169578__product-grid"
11986                    class=" facets__disclosure-vertical js-filter"
11987                    data-index="4"
11988                  >
11989                    <summary
11990                      class="facets__summary caption-large focus-offset"
11991                      aria-label="UUTUUS/TARJOUS (0 valittu)"
11992                    >
11993                      <div>
11994                        <span class="facets__summary-label">UUTUUS/TARJOUS
11995<span class="facets__selected hidden">
11996                              (0)</span
11997                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
11998</div>
11999                    </summary>
12000                    <div
12001                      id="Facet-4-template--28113427169578__product-grid"
12002                      class="parent-display facets__display-vertical"
12003                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12004                        <legend class="visually-hidden">UUTUUS/TARJOUS</legend><ul
12005                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12006                          role="list"
12007                        >
12008<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.status_in_sortiment-1" class="facets__label facet-checkbox
12009">
12010                                  <input
12011                                    type="checkbox"
12012                                    name="filter.v.m.product_attributes.status_in_sortiment"
12013                                    value="NEW"
12014                                    id="Filter-filter.v.m.product_attributes.status_in_sortiment-1"
12015                                    
12016                                    
12017                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12018<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12018<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12019</div><span class="facet-checkbox__text" aria-hidden="true">
12020                                <span class="facet-checkbox__text-label">NEW</span> (7)
12021                              </span>
12022                              <span class="visually-hidden">NEW (7 tuotetta)
12023                              </span>
12024                                </label></li>
12025<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.status_in_sortiment-2" class="facets__label facet-checkbox
12026">
12027                                  <input
12028                                    type="checkbox"
12029                                    name="filter.v.m.product_attributes.status_in_sortiment"
12030                                    value="VYB"
12031                                    id="Filter-filter.v.m.product_attributes.status_in_sortiment-2"
12032                                    
12033                                    
12034                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12035<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12036</div><span class="facet-checkbox__text" aria-hidden="true">
12037                                <span class="facet-checkbox__text-label">VYB</span> (2)
12038                              </span>
12039                              <span class="visually-hidden">VYB (2 tuotetta)
12040                              </span>
12041                                </label></li></ul>
12042                      </fieldset>
12043                    </div>
12044                  </details>
12045                
12046
12047
12048              
12049                  <details
12050                    id="Details-filter.v.m.product_attributes.ip_rate-template--28113427169578__product-grid"
12051                    class=" facets__disclosure-vertical js-filter"
12052                    data-index="5"
12053                  >
12054                    <summary
12055                      class="facets__summary caption-large focus-offset"
12056                      aria-label="IP-luokitus (0 valittu)"
12057                    >
12058                      <div>
12059                        <span class="facets__summary-label">IP-luokitus
12060<span class="facets__selected hidden">
12061                              (0)</span
12062                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12063</div>
12064                    </summary>
12065                    <div
12066                      id="Facet-5-template--28113427169578__product-grid"
12067                      class="parent-display facets__display-vertical"
12068                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12069                        <legend class="visually-hidden">IP-luokitus</legend><ul
12070                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12071                          role="list"
12072                        >
12073<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.ip_rate-1" class="facets__label facet-checkbox
12074">
12075                                  <input
12076                                    type="checkbox"
12077                                    name="filter.v.m.product_attributes.ip_rate"
12078                                    value="IP44"
12079                                    id="Filter-filter.v.m.product_attributes.ip_rate-1"
12080                                    
12081                                    
12082                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12083<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12083<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12084</div><span class="facet-checkbox__text" aria-hidden="true">
12085                                <span class="facet-checkbox__text-label">IP44</span> (6)
12086                              </span>
12087                              <span class="visually-hidden">IP44 (6 tuotetta)
12088                              </span>
12089                                </label></li>
12090<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.ip_rate-2" class="facets__label facet-checkbox
12091">
12092                                  <input
12093                                    type="checkbox"
12094                                    name="filter.v.m.product_attributes.ip_rate"
12095                                    value="IP54"
12096                                    id="Filter-filter.v.m.product_attributes.ip_rate-2"
12097                                    
12098                                    
12099                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12100<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12101</div><span class="facet-checkbox__text" aria-hidden="true">
12102                                <span class="facet-checkbox__text-label">IP54</span> (7)
12103                              </span>
12104                              <span class="visually-hidden">IP54 (7 tuotetta)
12105                              </span>
12106                                </label></li>
12107<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.ip_rate-3" class="facets__label facet-checkbox
12108">
12109                                  <input
12110                                    type="checkbox"
12111                                    name="filter.v.m.product_attributes.ip_rate"
12112                                    value="IP65"
12113                                    id="Filter-filter.v.m.product_attributes.ip_rate-3"
12114                                    
12115                                    
12116                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12117<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12118</div><span class="facet-checkbox__text" aria-hidden="true">
12119                                <span class="facet-checkbox__text-label">IP65</span> (6)
12120                              </span>
12121                              <span class="visually-hidden">IP65 (6 tuotetta)
12122                              </span>
12123                                </label></li></ul>
12124                      </fieldset>
12125                    </div>
12126                  </details>
12127                
12128
12129
12130              
12131                  <details
12132                    id="Details-filter.v.m.product_attributes.Watt-template--28113427169578__product-grid"
12133                    class=" facets__disclosure-vertical js-filter"
12134                    data-index="6"
12135                  >
12136                    <summary
12137                      class="facets__summary caption-large focus-offset"
12138                      aria-label="Watti (0 valittu)"
12139                    >
12140                      <div>
12141                        <span class="facets__summary-label">Watti
12142<span class="facets__selected hidden">
12143                              (0)</span
12144                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6">
12144<path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12145</div>
12146                    </summary>
12147                    <div
12148                      id="Facet-6-template--28113427169578__product-grid"
12149                      class="parent-display facets__display-vertical"
12150                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12151                        <legend class="visually-hidden">Watti</legend><ul
12152                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12153                          role="list"
12154                        >
12155<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-1" class="facets__label facet-checkbox
12156">
12157                                  <input
12158                                    type="checkbox"
12159                                    name="filter.v.m.product_attributes.Watt"
12160                                    value="5.0"
12161                                    id="Filter-filter.v.m.product_attributes.Watt-1"
12162                                    
12163                                    
12164                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12165<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12166</div><span class="facet-checkbox__text" aria-hidden="true">
12167                                <span class="facet-checkbox__text-label">5.0</span> (1)
12168                              </span>
12169                              <span class="visually-hidden">5.0 (1 tuote)
12170                              </span>
12171                                </label></li>
12172<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-2" class="facets__label facet-checkbox
12173">
12174                                  <input
12175                                    type="checkbox"
12176                                    name="filter.v.m.product_attributes.Watt"
12177                                    value="7.0"
12178                                    id="Filter-filter.v.m.product_attributes.Watt-2"
12179                                    
12180                                    
12181                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12182<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12183</div><span class="facet-checkbox__text" aria-hidden="true">
12184                                <span class="facet-checkbox__text-label">7.0</span> (6)
12185                              </span>
12186                              <span class="visually-hidden">7.0 (6 tuotetta)
12187                              </span>
12188                                </label></li>
12189<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-3" class="facets__label facet-checkbox
12190">
12191                                  <input
12192                                    type="checkbox"
12193                                    name="filter.v.m.product_attributes.Watt"
12194                                    value="8.0"
12195                                    id="Filter-filter.v.m.product_attributes.Watt-3"
12196                                    
12197                                    
12198                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12199<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12199<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12200</div><span class="facet-checkbox__text" aria-hidden="true">
12201                                <span class="facet-checkbox__text-label">8.0</span> (1)
12202                              </span>
12203                              <span class="visually-hidden">8.0 (1 tuote)
12204                              </span>
12205                                </label></li>
12206<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-4" class="facets__label facet-checkbox
12207">
12208                                  <input
12209                                    type="checkbox"
12210                                    name="filter.v.m.product_attributes.Watt"
12211                                    value="9.0"
12212                                    id="Filter-filter.v.m.product_attributes.Watt-4"
12213                                    
12214                                    
12215                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12216<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12217</div><span class="facet-checkbox__text" aria-hidden="true">
12218                                <span class="facet-checkbox__text-label">9.0</span> (2)
12219                              </span>
12220                              <span class="visually-hidden">9.0 (2 tuotetta)
12221                              </span>
12222                                </label></li>
12223<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-5" class="facets__label facet-checkbox
12224">
12225                                  <input
12226                                    type="checkbox"
12227                                    name="filter.v.m.product_attributes.Watt"
12228                                    value="10.0"
12229                                    id="Filter-filter.v.m.product_attributes.Watt-5"
12230                                    
12231                                    
12232                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12233<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12234</div><span class="facet-checkbox__text" aria-hidden="true">
12235                                <span class="facet-checkbox__text-label">10.0</span> (1)
12236                              </span>
12237                              <span class="visually-hidden">10.0 (1 tuote)
12238                              </span>
12239                                </label></li>
12240<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-6" class="facets__label facet-checkbox
12241">
12242                                  <input
12243                                    type="checkbox"
12244                                    name="filter.v.m.product_attributes.Watt"
12245                                    value="11.0"
12246                                    id="Filter-filter.v.m.product_attributes.Watt-6"
12247                                    
12248                                    
12249                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12250<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12250<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12251</div><span class="facet-checkbox__text" aria-hidden="true">
12252                                <span class="facet-checkbox__text-label">11.0</span> (3)
12253                              </span>
12254                              <span class="visually-hidden">11.0 (3 tuotetta)
12255                              </span>
12256                                </label></li>
12257<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-7" class="facets__label facet-checkbox
12258">
12259                                  <input
12260                                    type="checkbox"
12261                                    name="filter.v.m.product_attributes.Watt"
12262                                    value="12.0"
12263                                    id="Filter-filter.v.m.product_attributes.Watt-7"
12264                                    
12265                                    
12266                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12267<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12268</div><span class="facet-checkbox__text" aria-hidden="true">
12269                                <span class="facet-checkbox__text-label">12.0</span> (1)
12270                              </span>
12271                              <span class="visually-hidden">12.0 (1 tuote)
12272                              </span>
12273                                </label></li>
12274<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Watt-8" class="facets__label facet-checkbox
12275">
12276                                  <input
12277                                    type="checkbox"
12278                                    name="filter.v.m.product_attributes.Watt"
12279                                    value="15.0"
12280                                    id="Filter-filter.v.m.product_attributes.Watt-8"
12281                                    
12282                                    
12283                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12284<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12285</div><span class="facet-checkbox__text" aria-hidden="true">
12286                                <span class="facet-checkbox__text-label">15.0</span> (4)
12287                              </span>
12288                              <span class="visually-hidden">15.0 (4 tuotetta)
12289                              </span>
12290                                </label></li></ul>
12291                      </fieldset>
12292                    </div>
12293                  </details>
12294                
12295
12296
12297              
12298                  <details
12299                    id="Details-filter.v.m.product_attributes.socket-template--28113427169578__product-grid"
12300                    class=" facets__disclosure-vertical js-filter"
12301                    data-index="7"
12302                  >
12303                    <summary
12304                      class="facets__summary caption-large focus-offset"
12305                      aria-label="Kanta (0 valittu)"
12306                    >
12307                      <div>
12308                        <span class="facets__summary-label">Kanta
12309<span class="facets__selected hidden">
12310                              (0)</span
12311                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6">
12311<path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12312</div>
12313                    </summary>
12314                    <div
12315                      id="Facet-7-template--28113427169578__product-grid"
12316                      class="parent-display facets__display-vertical"
12317                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12318                        <legend class="visually-hidden">Kanta</legend><ul
12319                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12320                          role="list"
12321                        >
12322<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.socket-1" class="facets__label facet-checkbox
12323">
12324                                  <input
12325                                    type="checkbox"
12326                                    name="filter.v.m.product_attributes.socket"
12327                                    value="LED"
12328                                    id="Filter-filter.v.m.product_attributes.socket-1"
12329                                    
12330                                    
12331                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12332<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12333</div><span class="facet-checkbox__text" aria-hidden="true">
12334                                <span class="facet-checkbox__text-label">LED</span> (1)
12335                              </span>
12336                              <span class="visually-hidden">LED (1 tuote)
12337                              </span>
12338                                </label></li>
12339<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.socket-2" class="facets__label facet-checkbox
12340">
12341                                  <input
12342                                    type="checkbox"
12343                                    name="filter.v.m.product_attributes.socket"
12344                                    value="LED E27"
12345                                    id="Filter-filter.v.m.product_attributes.socket-2"
12346                                    
12347                                    
12348                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12349<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12350</div><span class="facet-checkbox__text" aria-hidden="true">
12351                                <span class="facet-checkbox__text-label">LED E27</span> (6)
12352                              </span>
12353                              <span class="visually-hidden">LED E27 (6 tuotetta)
12354                              </span>
12355                                </label></li>
12356<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.socket-3" class="facets__label facet-checkbox
12357">
12358                                  <input
12359                                    type="checkbox"
12360                                    name="filter.v.m.product_attributes.socket"
12361                                    value="LED G9"
12362                                    id="Filter-filter.v.m.product_attributes.socket-3"
12363                                    
12364                                    
12365                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12366<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12366<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12367</div><span class="facet-checkbox__text" aria-hidden="true">
12368                                <span class="facet-checkbox__text-label">LED G9</span> (1)
12369                              </span>
12370                              <span class="visually-hidden">LED G9 (1 tuote)
12371                              </span>
12372                                </label></li>
12373<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.socket-4" class="facets__label facet-checkbox
12374">
12375                                  <input
12376                                    type="checkbox"
12377                                    name="filter.v.m.product_attributes.socket"
12378                                    value="LED R7s 78mm"
12379                                    id="Filter-filter.v.m.product_attributes.socket-4"
12380                                    
12381                                    
12382                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12383<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12384</div><span class="facet-checkbox__text" aria-hidden="true">
12385                                <span class="facet-checkbox__text-label">LED R7s 78mm</span> (1)
12386                              </span>
12387                              <span class="visually-hidden">LED R7s 78mm (1 tuote)
12388                              </span>
12389                                </label></li></ul>
12390                      </fieldset>
12391                    </div>
12392                  </details>
12393                
12394
12395
12396              
12397                  <details
12398                    id="Details-filter.v.m.custom.led-template--28113427169578__product-grid"
12399                    class=" facets__disclosure-vertical js-filter"
12400                    data-index="8"
12401                  >
12402                    <summary
12403                      class="facets__summary caption-large focus-offset"
12404                      aria-label="Integroitu LED (0 valittu)"
12405                    >
12406                      <div>
12407                        <span class="facets__summary-label">Integroitu LED
12408<span class="facets__selected hidden">
12409                              (0)</span
12410                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12411</div>
12412                    </summary>
12413                    <div
12414                      id="Facet-8-template--28113427169578__product-grid"
12415                      class="parent-display facets__display-vertical"
12416                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12417                        <legend class="visually-hidden">Integroitu LED</legend><ul
12418                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12419                          role="list"
12420                        >
12421<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.custom.led-1" class="facets__label facet-checkbox
12422">
12423                                  <input
12424                                    type="checkbox"
12425                                    name="filter.v.m.custom.led"
12426                                    value="LED"
12427                                    id="Filter-filter.v.m.custom.led-1"
12428                                    
12429                                    
12430                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12431<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12431<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12432</div><span class="facet-checkbox__text" aria-hidden="true">
12433                                <span class="facet-checkbox__text-label">Kyllä</span> (11)
12434                              </span>
12435                              <span class="visually-hidden">Kyllä (11 tuotetta)
12436                              </span>
12437                                </label></li></ul>
12438                      </fieldset>
12439                    </div>
12440                  </details>
12441                
12442
12443
12444              
12445                  <details
12446                    id="Details-filter.v.m.product_attributes.Diameter-template--28113427169578__product-grid"
12447                    class=" facets__disclosure-vertical js-filter"
12448                    data-index="9"
12449                  >
12450                    <summary
12451                      class="facets__summary caption-large focus-offset"
12452                      aria-label="Halkaisija (0 valittu)"
12453                    >
12454                      <div>
12455                        <span class="facets__summary-label">Halkaisija
12456<span class="facets__selected hidden">
12457                              (0)</span
12458                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12459</div>
12460                    </summary>
12461                    <div
12462                      id="Facet-9-template--28113427169578__product-grid"
12463                      class="parent-display facets__display-vertical"
12464                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12465                        <legend class="visually-hidden">Halkaisija</legend><ul
12466                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12467                          role="list"
12468                        >
12469<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Diameter-1" class="facets__label facet-checkbox
12470">
12471                                  <input
12472                                    type="checkbox"
12473                                    name="filter.v.m.product_attributes.Diameter"
12474                                    value="8.0"
12475                                    id="Filter-filter.v.m.product_attributes.Diameter-1"
12476                                    
12477                                    
12478                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12479<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12480</div><span class="facet-checkbox__text" aria-hidden="true">
12481                                <span class="facet-checkbox__text-label">8.0</span> (1)
12482                              </span>
12483                              <span class="visually-hidden">8.0 (1 tuote)
12484                              </span>
12485                                </label></li>
12486<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Diameter-2" class="facets__label facet-checkbox
12487">
12488                                  <input
12489                                    type="checkbox"
12490                                    name="filter.v.m.product_attributes.Diameter"
12491                                    value="9.0"
12492                                    id="Filter-filter.v.m.product_attributes.Diameter-2"
12493                                    
12494                                    
12495                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12496<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12496<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12497</div><span class="facet-checkbox__text" aria-hidden="true">
12498                                <span class="facet-checkbox__text-label">9.0</span> (1)
12499                              </span>
12500                              <span class="visually-hidden">9.0 (1 tuote)
12501                              </span>
12502                                </label></li>
12503<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Diameter-3" class="facets__label facet-checkbox
12504">
12505                                  <input
12506                                    type="checkbox"
12507                                    name="filter.v.m.product_attributes.Diameter"
12508                                    value="10.0"
12509                                    id="Filter-filter.v.m.product_attributes.Diameter-3"
12510                                    
12511                                    
12512                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12513<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12514</div><span class="facet-checkbox__text" aria-hidden="true">
12515                                <span class="facet-checkbox__text-label">10.0</span> (1)
12516                              </span>
12517                              <span class="visually-hidden">10.0 (1 tuote)
12518                              </span>
12519                                </label></li>
12520<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Diameter-4" class="facets__label facet-checkbox
12521">
12522                                  <input
12523                                    type="checkbox"
12524                                    name="filter.v.m.product_attributes.Diameter"
12525                                    value="11.0"
12526                                    id="Filter-filter.v.m.product_attributes.Diameter-4"
12527                                    
12528                                    
12529                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12530<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12531</div><span class="facet-checkbox__text" aria-hidden="true">
12532                                <span class="facet-checkbox__text-label">11.0</span> (1)
12533                              </span>
12534                              <span class="visually-hidden">11.0 (1 tuote)
12535                              </span>
12536                                </label></li>
12537<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Diameter-5" class="facets__label facet-checkbox
12538">
12539                                  <input
12540                                    type="checkbox"
12541                                    name="filter.v.m.product_attributes.Diameter"
12542                                    value="11.8"
12543                                    id="Filter-filter.v.m.product_attributes.Diameter-5"
12544                                    
12545                                    
12546                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12547<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12547<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12548</div><span class="facet-checkbox__text" aria-hidden="true">
12549                                <span class="facet-checkbox__text-label">11.8</span> (1)
12550                              </span>
12551                              <span class="visually-hidden">11.8 (1 tuote)
12552                              </span>
12553                                </label></li>
12554<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.Diameter-6" class="facets__label facet-checkbox
12555">
12556                                  <input
12557                                    type="checkbox"
12558                                    name="filter.v.m.product_attributes.Diameter"
12559                                    value="12.0"
12560                                    id="Filter-filter.v.m.product_attributes.Diameter-6"
12561                                    
12562                                    
12563                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12564<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12565</div><span class="facet-checkbox__text" aria-hidden="true">
12566                                <span class="facet-checkbox__text-label">12.0</span> (1)
12567                              </span>
12568                              <span class="visually-hidden">12.0 (1 tuote)
12569                              </span>
12570                                </label></li></ul>
12571                      </fieldset>
12572                    </div>
12573                  </details>
12574                
12575
12576
12577              
12578                  <details
12579                    id="Details-filter.v.m.product_attributes.lumens-template--28113427169578__product-grid"
12580                    class=" facets__disclosure-vertical js-filter"
12581                    data-index="10"
12582                  >
12583                    <summary
12584                      class="facets__summary caption-large focus-offset"
12585                      aria-label="Lumen (0 valittu)"
12586                    >
12587                      <div>
12588                        <span class="facets__summary-label">Lumen
12589<span class="facets__selected hidden">
12590                              (0)</span
12591                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12592</div>
12593                    </summary>
12594                    <div
12595                      id="Facet-10-template--28113427169578__product-grid"
12596                      class="parent-display facets__display-vertical"
12597                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12598                        <legend class="visually-hidden">Lumen</legend><ul
12599                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12600                          role="list"
12601                        >
12602<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-1" class="facets__label facet-checkbox
12603">
12604                                  <input
12605                                    type="checkbox"
12606                                    name="filter.v.m.product_attributes.lumens"
12607                                    value="123"
12608                                    id="Filter-filter.v.m.product_attributes.lumens-1"
12609                                    
12610                                    
12611                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12612<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12612<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12613</div><span class="facet-checkbox__text" aria-hidden="true">
12614                                <span class="facet-checkbox__text-label">123</span> (1)
12615                              </span>
12616                              <span class="visually-hidden">123 (1 tuote)
12617                              </span>
12618                                </label></li>
12619<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-2" class="facets__label facet-checkbox
12620">
12621                                  <input
12622                                    type="checkbox"
12623                                    name="filter.v.m.product_attributes.lumens"
12624                                    value="423"
12625                                    id="Filter-filter.v.m.product_attributes.lumens-2"
12626                                    
12627                                    
12628                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12629<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12630</div><span class="facet-checkbox__text" aria-hidden="true">
12631                                <span class="facet-checkbox__text-label">423</span> (1)
12632                              </span>
12633                              <span class="visually-hidden">423 (1 tuote)
12634                              </span>
12635                                </label></li>
12636<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-3" class="facets__label facet-checkbox
12637">
12638                                  <input
12639                                    type="checkbox"
12640                                    name="filter.v.m.product_attributes.lumens"
12641                                    value="477"
12642                                    id="Filter-filter.v.m.product_attributes.lumens-3"
12643                                    
12644                                    
12645                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12646<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12647</div><span class="facet-checkbox__text" aria-hidden="true">
12648                                <span class="facet-checkbox__text-label">477</span> (1)
12649                              </span>
12650                              <span class="visually-hidden">477 (1 tuote)
12651                              </span>
12652                                </label></li>
12653<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-4" class="facets__label facet-checkbox
12654">
12655                                  <input
12656                                    type="checkbox"
12657                                    name="filter.v.m.product_attributes.lumens"
12658                                    value="580"
12659                                    id="Filter-filter.v.m.product_attributes.lumens-4"
12660                                    
12661                                    
12662                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12663<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12663<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12664</div><span class="facet-checkbox__text" aria-hidden="true">
12665                                <span class="facet-checkbox__text-label">580</span> (3)
12666                              </span>
12667                              <span class="visually-hidden">580 (3 tuotetta)
12668                              </span>
12669                                </label></li>
12670<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-5" class="facets__label facet-checkbox
12671">
12672                                  <input
12673                                    type="checkbox"
12674                                    name="filter.v.m.product_attributes.lumens"
12675                                    value="640"
12676                                    id="Filter-filter.v.m.product_attributes.lumens-5"
12677                                    
12678                                    
12679                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12680<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12681</div><span class="facet-checkbox__text" aria-hidden="true">
12682                                <span class="facet-checkbox__text-label">640</span> (1)
12683                              </span>
12684                              <span class="visually-hidden">640 (1 tuote)
12685                              </span>
12686                                </label></li>
12687<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-6" class="facets__label facet-checkbox
12688">
12689                                  <input
12690                                    type="checkbox"
12691                                    name="filter.v.m.product_attributes.lumens"
12692                                    value="720"
12693                                    id="Filter-filter.v.m.product_attributes.lumens-6"
12694                                    
12695                                    
12696                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12697<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12698</div><span class="facet-checkbox__text" aria-hidden="true">
12699                                <span class="facet-checkbox__text-label">720</span> (1)
12700                              </span>
12701                              <span class="visually-hidden">720 (1 tuote)
12702                              </span>
12703                                </label></li>
12704<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-7" class="facets__label facet-checkbox
12705">
12706                                  <input
12707                                    type="checkbox"
12708                                    name="filter.v.m.product_attributes.lumens"
12709                                    value="730"
12710                                    id="Filter-filter.v.m.product_attributes.lumens-7"
12711                                    
12712                                    
12713                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12714<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12714<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12715</div><span class="facet-checkbox__text" aria-hidden="true">
12716                                <span class="facet-checkbox__text-label">730</span> (1)
12717                              </span>
12718                              <span class="visually-hidden">730 (1 tuote)
12719                              </span>
12720                                </label></li>
12721<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-8" class="facets__label facet-checkbox
12722">
12723                                  <input
12724                                    type="checkbox"
12725                                    name="filter.v.m.product_attributes.lumens"
12726                                    value="1000"
12727                                    id="Filter-filter.v.m.product_attributes.lumens-8"
12728                                    
12729                                    
12730                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12731<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12732</div><span class="facet-checkbox__text" aria-hidden="true">
12733                                <span class="facet-checkbox__text-label">1000</span> (1)
12734                              </span>
12735                              <span class="visually-hidden">1000 (1 tuote)
12736                              </span>
12737                                </label></li>
12738<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.lumens-9" class="facets__label facet-checkbox
12739">
12740                                  <input
12741                                    type="checkbox"
12742                                    name="filter.v.m.product_attributes.lumens"
12743                                    value="1010"
12744                                    id="Filter-filter.v.m.product_attributes.lumens-9"
12745                                    
12746                                    
12747                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12748<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12749</div><span class="facet-checkbox__text" aria-hidden="true">
12750                                <span class="facet-checkbox__text-label">1010</span> (1)
12751                              </span>
12752                              <span class="visually-hidden">1010 (1 tuote)
12753                              </span>
12754                                </label></li></ul>
12755                      </fieldset>
12756                    </div>
12757                  </details>
12758                
12759
12760
12761              
12762                  <details
12763                    id="Details-filter.v.m.product_attributes.kelvin-template--28113427169578__product-grid"
12764                    class=" facets__disclosure-vertical js-filter"
12765                    data-index="11"
12766                  >
12767                    <summary
12768                      class="facets__summary caption-large focus-offset"
12769                      aria-label="Kelvin (0 valittu)"
12770                    >
12771                      <div>
12772                        <span class="facets__summary-label">Kelvin
12773<span class="facets__selected hidden">
12774                              (0)</span
12775                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6">
12775<path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12776</div>
12777                    </summary>
12778                    <div
12779                      id="Facet-11-template--28113427169578__product-grid"
12780                      class="parent-display facets__display-vertical"
12781                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12782                        <legend class="visually-hidden">Kelvin</legend><ul
12783                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12784                          role="list"
12785                        >
12786<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.kelvin-1" class="facets__label facet-checkbox
12787">
12788                                  <input
12789                                    type="checkbox"
12790                                    name="filter.v.m.product_attributes.kelvin"
12791                                    value="3000"
12792                                    id="Filter-filter.v.m.product_attributes.kelvin-1"
12793                                    
12794                                    
12795                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12796<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12797</div><span class="facet-checkbox__text" aria-hidden="true">
12798                                <span class="facet-checkbox__text-label">3000</span> (11)
12799                              </span>
12800                              <span class="visually-hidden">3000 (11 tuotetta)
12801                              </span>
12802                                </label></li></ul>
12803                      </fieldset>
12804                    </div>
12805                  </details>
12806                
12807
12808
12809              
12810                  <details
12811                    id="Details-filter.v.m.product_attributes.dimming-template--28113427169578__product-grid"
12812                    class=" facets__disclosure-vertical js-filter"
12813                    data-index="12"
12814                  >
12815                    <summary
12816                      class="facets__summary caption-large focus-offset"
12817                      aria-label="Himmennettävä (0 valittu)"
12818                    >
12819                      <div>
12820                        <span class="facets__summary-label">Himmennettävä
12821<span class="facets__selected hidden">
12822                              (0)</span
12823                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12824</div>
12825                    </summary>
12826                    <div
12827                      id="Facet-12-template--28113427169578__product-grid"
12828                      class="parent-display facets__display-vertical"
12829                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12830                        <legend class="visually-hidden">Himmennettävä</legend><ul
12831                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12832                          role="list"
12833                        >
12834<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.dimming-1" class="facets__label facet-checkbox
12835">
12836                                  <input
12837                                    type="checkbox"
12838                                    name="filter.v.m.product_attributes.dimming"
12839                                    value="dimmable with suitable light source"
12840                                    id="Filter-filter.v.m.product_attributes.dimming-1"
12841                                    
12842                                    
12843                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12844<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12844<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12845</div><span class="facet-checkbox__text" aria-hidden="true">
12846                                <span class="facet-checkbox__text-label">Himmentävä sopivalla valonlähteellä</span> (5)
12847                              </span>
12848                              <span class="visually-hidden">Himmentävä sopivalla valonlähteellä (5 tuotetta)
12849                              </span>
12850                                </label></li></ul>
12851                      </fieldset>
12852                    </div>
12853                  </details>
12854                
12855
12856
12857              
12858                  <details
12859                    id="Details-filter.v.m.product_attributes.beam_angle-template--28113427169578__product-grid"
12860                    class=" facets__disclosure-vertical js-filter"
12861                    data-index="13"
12862                  >
12863                    <summary
12864                      class="facets__summary caption-large focus-offset"
12865                      aria-label="Beam angle (0 valittu)"
12866                    >
12867                      <div>
12868                        <span class="facets__summary-label">Beam angle
12869<span class="facets__selected hidden">
12870                              (0)</span
12871                            ></span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
12872</div>
12873                    </summary>
12874                    <div
12875                      id="Facet-13-template--28113427169578__product-grid"
12876                      class="parent-display facets__display-vertical"
12877                    ><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
12878                        <legend class="visually-hidden">Beam angle</legend><ul
12879                          class="facets-layout facets-layout-list facets-layout-list--text facets__list--vertical list-unstyled"
12880                          role="list"
12881                        >
12882<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.beam_angle-1" class="facets__label facet-checkbox
12883">
12884                                  <input
12885                                    type="checkbox"
12886                                    name="filter.v.m.product_attributes.beam_angle"
12887                                    value="55"
12888                                    id="Filter-filter.v.m.product_attributes.beam_angle-1"
12889                                    
12890                                    
12891                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12892<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12893</div><span class="facet-checkbox__text" aria-hidden="true">
12894                                <span class="facet-checkbox__text-label">55</span> (1)
12895                              </span>
12896                              <span class="visually-hidden">55 (1 tuote)
12897                              </span>
12898                                </label></li>
12899<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.beam_angle-2" class="facets__label facet-checkbox
12900">
12901                                  <input
12902                                    type="checkbox"
12903                                    name="filter.v.m.product_attributes.beam_angle"
12904                                    value="60"
12905                                    id="Filter-filter.v.m.product_attributes.beam_angle-2"
12906                                    
12907                                    
12908                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12909<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
12909<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12910</div><span class="facet-checkbox__text" aria-hidden="true">
12911                                <span class="facet-checkbox__text-label">60</span> (1)
12912                              </span>
12913                              <span class="visually-hidden">60 (1 tuote)
12914                              </span>
12915                                </label></li>
12916<li class="list-menu__item facets__item"><label for="Filter-filter.v.m.product_attributes.beam_angle-3" class="facets__label facet-checkbox
12917">
12918                                  <input
12919                                    type="checkbox"
12920                                    name="filter.v.m.product_attributes.beam_angle"
12921                                    value="120"
12922                                    id="Filter-filter.v.m.product_attributes.beam_angle-3"
12923                                    
12924                                    
12925                                  ><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
12926<div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
12927</div><span class="facet-checkbox__text" aria-hidden="true">
12928                                <span class="facet-checkbox__text-label">120</span> (3)
12929                              </span>
12930                              <span class="visually-hidden">120 (3 tuotetta)
12931                              </span>
12932                                </label></li></ul>
12933                      </fieldset>
12934                    </div>
12935                  </details>
12936                
12937</div>
12938          
12939
12940
12941        
12942</form>
12943    </facet-filters-form>
12944  <menu-drawer
12945    class="mobile-facets__wrapper medium-hide large-up-hide"
12946    data-breakpoint="mobile"
12947  >
12948    <details class="mobile-facets__disclosure disclosure-has-popup">
12949      <summary class="mobile-facets__open-wrapper focus-offset">
12950        <span class="mobile-facets__open">
12951          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-filter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0M4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0m11.
12951117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0M13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2"/></svg>
12952</span>
12953                            <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Suodatus ja lajittelu
12954</span>
12955                  <span class="mobile-facets__open-label button-label small-hide">Suodatin
12956</span>
12957        </span>
12958        <span tabindex="0" class="mobile-facets__close">
12959          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
12960</span>
12961        </span>
12962      </summary>
12963      <facet-filters-form>
12964        <form id="FacetFiltersFormMobile" class="mobile-facets">
12965          <div class="mobile-facets__inner gradient">
12966            <div class="mobile-facets__header">
12967              <div class="mobile-facets__header-inner">
12968                <h2 class="mobile-facets__heading medium-hide large-up-hide">Suodatus ja lajittelu
12969</h2>
12970                <h2 class="mobile-facets__heading small-hide">Suodatin
12971</h2>
12972                <p class="mobile-facets__count">19 tuotetta
12973</p>
12974              </div>
12975            </div>
12976            <div
12977              id="FacetsWrapperMobile"
12978              class="mobile-facets__main has-submenu gradient"
12979            >
12980
12981                  
12982                      <details
12983                        id="Details-Mobile-filter.v.price-template--28113427169578__product-grid"
12984                        class="mobile-facets__details js-filter"
12985                        data-index="mobile-1"
12986                      >
12987                        <summary class="mobile-facets__summary focus-inset">
12988                          <div>
12989                            <span>Hinta</span>
12990                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
12990ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
12991</span>
12992                          </div>
12993                        </summary>
12994                        <div
12995                          id="FacetMobile-1-template--28113427169578__product-grid"
12996                          class="mobile-facets__submenu gradient"
12997                        >
12998                          <button
12999                            class="mobile-facets__close-button link link--text focus-inset"
13000                            aria-expanded="true"
13001                            type="button"
13002                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13003Hinta
13004                          </button><p class="mobile-facets__info">
13005                            Korkein hinta on 268.00 EUR
13006                          </p>
13007
13008                          <price-range class="facets__price">
13009                            <span class="field-currency">€</span>
13010
13011<div class="field">
13012  <input
13013    class="field__input"
13014    name="filter.v.price.gte"
13015    id="Mobile-Filter-Hinta-GTE"type="text"
13016    inputmode="decimal"
13017    placeholder="0"
13018    data-pattern="\d| |,|\."
13019    data-min="0"
13020    data-max="268.00"
13021  >
13022  <label class="field__label" for="Mobile-Filter-Hinta-GTE">Alkaen</label>
13023</div><span class="field-currency">€</span><div class="field">
13024  <input
13025    class="field__input"
13026    name="filter.v.price.lte"
13027    id="Mobile-Filter-Hinta-LTE"type="text"
13028    inputmode="decimal"
13029    placeholder="268.00"
13030    data-pattern="\d| |,|\."
13031    data-min="0"
13032    data-max="268.00"
13033  >
13034  <label class="field__label" for="Mobile-Filter-Hinta-LTE">Asti</label>
13035</div>
13036
13037                          </price-range>
13038                          <div class="mobile-facets__footer">
13039                            <facet-remove class="mobile-facets__clear-wrapper">
13040                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13041                            </facet-remove>
13042                            <button
13043                              type="button"
13044                              class="button button--primary"
13045                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13046                            >
13047                              Käytä
13048                            </button>
13049                          </div>
13050                        </div>
13051                      </details>
13052                  
13053
13054
13055                  
13056                      <details
13057                        id="Details-Mobile-filter.p.m.product_options.color_and_material-template--28113427169578__product-grid"
13058                        class="mobile-facets__details js-filter"
13059                        data-index="mobile-2"
13060                      >
13061                        <summary class="mobile-facets__summary focus-inset">
13062                          <div>
13063                            <span>Väri ja materiaali</span>
13064                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
13064ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13065</span>
13066                          </div>
13067                        </summary>
13068                        <div
13069                          id="FacetMobile-2-template--28113427169578__product-grid"
13070                          class="mobile-facets__submenu gradient"
13071                        >
13072                          <button
13073                            class="mobile-facets__close-button link link--text focus-inset"
13074                            aria-expanded="true"
13075                            type="button"
13076                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13077<span>Väri ja materiaali</span></button>
13078                          <ul class="facets-layout facets-layout-list facets-layout-list--swatch mobile-facets__list list-unstyled" role="list">
13079<li class="mobile-facets__item list-menu__item">
13080                                
13081                                  <div class="facets__label mobile-facets__label
13082">
13083                                    <div class="swatch-input-wrapper">
13084                                      
13085
13086<input
13087  type="checkbox"
13088  id="Filter-filter.p.m.product_options.color_and_material-mobile-1"
13089  name="filter.p.m.product_options.color_and_material"
13090  value="gid://shopify/Metaobject/73916317994"
13091  form="FacetFiltersFormMobile"
13092  class="swatch-input__input"
13093  
13094  
13095  
13096>
13097<label
13098  for="Filter-filter.p.m.product_options.color_and_material-mobile-1"
13099  title="gid://shopify/Metaobject/73916317994"
13100  class="swatch-input__label"
13101  data-option-value="gid://shopify/Metaobject/73916317994"
13102>
13103  
13104<span
13105  
13106    class="swatch"
13107    style="--swatch--background: url(//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=50); --swatch-focal-point: 50.0% 50.0%;"
13108  
13109></span>
13110
13111
13112  
13113</label>
13114
13115                                    </div>
13116
13117                                    <span class="facet-checkbox__text" aria-hidden="true">
13118                                  <span class="facet-checkbox__text-label">musta</span> (6)
13119                                </span>
13120                                <span class="visually-hidden">musta (6 tuotetta)
13121                                </span>
13122                                  </div>
13123                                
13124                              </li>
13125<li class="mobile-facets__item list-menu__item">
13126                                
13127                                  <div class="facets__label mobile-facets__label
13128">
13129                                    <div class="swatch-input-wrapper">
13130                                      
13131
13132<input
13133  type="checkbox"
13134  id="Filter-filter.p.m.product_options.color_and_material-mobile-2"
13135  name="filter.p.m.product_options.color_and_material"
13136  value="gid://shopify/Metaobject/73916547370"
13137  form="FacetFiltersFormMobile"
13138  class="swatch-input__input"
13139  
13140  
13141  
13142>
13143<label
13144  for="Filter-filter.p.m.product_options.color_and_material-mobile-2"
13145  title="gid://shopify/Metaobject/73916547370"
13146  class="swatch-input__label"
13147  data-option-value="gid://shopify/Metaobject/73916547370"
13148>
13149  
13150<span
13151  
13152    class="swatch"
13153    style="--swatch--background: url(//rendl.fi/cdn/shop/files/88_black-ambercolored-glass.jpg?v=1739538420&width=50); --swatch-focal-point: 50.0% 50.0%;"
13154  
13155></span>
13156
13157
13158  
13159</label>
13160
13161                                    </div>
13162
13163                                    <span class="facet-checkbox__text" aria-hidden="true">
13164                                  <span class="facet-checkbox__text-label">musta / ravfarvet glas</span> (1)
13165                                </span>
13166                                <span class="visually-hidden">musta / ravfarvet glas (1 tuotetta)
13167                                </span>
13168                                  </div>
13169                                
13170                              </li>
13171<li class="mobile-facets__item list-menu__item">
13172                                
13173                                  <div class="facets__label mobile-facets__label
13174">
13175                                    <div class="swatch-input-wrapper">
13176                                      
13177
13178<input
13179  type="checkbox"
13180  id="Filter-filter.p.m.product_options.color_and_material-mobile-3"
13181  name="filter.p.m.product_options.color_and_material"
13182  value="gid://shopify/Metaobject/73915367722"
13183  form="FacetFiltersFormMobile"
13184  class="swatch-input__input"
13185  
13186  
13187  
13188>
13189<label
13190  for="Filter-filter.p.m.product_options.color_and_material-mobile-3"
13191  title="gid://shopify/Metaobject/73915367722"
13192  class="swatch-input__label"
13193  data-option-value="gid://shopify/Metaobject/73915367722"
13194>
13195  
13196<span
13197  
13198    class="swatch"
13199    style="--swatch--background: url(//rendl.fi/cdn/shop/files/52_black-grey.jpg?v=1739538319&width=50); --swatch-focal-point: 50.0% 50.0%;"
13200  
13201></span>
13202
13203
13204  
13205</label>
13206
13207                                    </div>
13208
13209                                    <span class="facet-checkbox__text" aria-hidden="true">
13210                                  <span class="facet-checkbox__text-label">musta harmaa</span> (1)
13211                                </span>
13212                                <span class="visually-hidden">musta harmaa (1 tuotetta)
13213                                </span>
13214                                  </div>
13215                                
13216                              </li>
13217<li class="mobile-facets__item list-menu__item">
13218                                
13219                                  <div class="facets__label mobile-facets__label
13220">
13221                                    <div class="swatch-input-wrapper">
13222                                      
13223
13224<input
13225  type="checkbox"
13226  id="Filter-filter.p.m.product_options.color_and_material-mobile-4"
13227  name="filter.p.m.product_options.color_and_material"
13228  value="gid://shopify/Metaobject/73915138346"
13229  form="FacetFiltersFormMobile"
13230  class="swatch-input__input"
13231  
13232  
13233  
13234>
13235<label
13236  for="Filter-filter.p.m.product_options.color_and_material-mobile-4"
13237  title="gid://shopify/Metaobject/73915138346"
13238  class="swatch-input__label"
13239  data-option-value="gid://shopify/Metaobject/73915138346"
13240>
13241  
13242<span
13243  
13244    class="swatch"
13245    style="--swatch--background: url(//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=50); --swatch-focal-point: 50.0% 50.0%;"
13246  
13247></span>
13248
13249
13250  
13251</label>
13252
13253                                    </div>
13254
13255                                    <span class="facet-checkbox__text" aria-hidden="true">
13256                                  <span class="facet-checkbox__text-label">tummanharmaa</span> (11)
13257                                </span>
13258                                <span class="visually-hidden">tummanharmaa (11 tuotetta)
13259                                </span>
13260                                  </div>
13261                                
13262                              </li>
13263<li class="mobile-facets__item list-menu__item">
13264                                
13265                                  <div class="facets__label mobile-facets__label
13266">
13267                                    <div class="swatch-input-wrapper">
13268                                      
13269
13270<input
13271  type="checkbox"
13272  id="Filter-filter.p.m.product_options.color_and_material-mobile-5"
13273  name="filter.p.m.product_options.color_and_material"
13274  value="gid://shopify/Metaobject/73915466026"
13275  form="FacetFiltersFormMobile"
13276  class="swatch-input__input"
13277  
13278  
13279  
13280>
13281<label
13282  for="Filter-filter.p.m.product_options.color_and_material-mobile-5"
13283  title="gid://shopify/Metaobject/73915466026"
13284  class="swatch-input__label"
13285  data-option-value="gid://shopify/Metaobject/73915466026"
13286>
13287  
13288<span
13289  
13290    class="swatch"
13291    style="--swatch--background: url(//rendl.fi/cdn/shop/files/55_light-grey.jpg?v=1739538326&width=50); --swatch-focal-point: 50.0% 50.0%;"
13292  
13293></span>
13294
13295
13296  
13297</label>
13298
13299                                    </div>
13300
13301                                    <span class="facet-checkbox__text" aria-hidden="true">
13302                                  <span class="facet-checkbox__text-label">vaaleanharmaa</span> (2)
13303                                </span>
13304                                <span class="visually-hidden">vaaleanharmaa (2 tuotetta)
13305                                </span>
13306                                  </div>
13307                                
13308                              </li></ul>
13309
13310                          <div class="mobile-facets__footer gradient">
13311                            <facet-remove class="mobile-facets__clear-wrapper">
13312                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13313                            </facet-remove>
13314                            <button
13315                              type="button"
13316                              class="button button--primary"
13317                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13318                            >
13319                              Käytä
13320                            </button>
13321                          </div>
13322                        </div>
13323                      </details>
13324                    
13325
13326
13327                  
13328                      <details
13329                        id="Details-Mobile-filter.v.availability-template--28113427169578__product-grid"
13330                        class="mobile-facets__details js-filter"
13331                        data-index="mobile-3"
13332                      >
13333                        <summary class="mobile-facets__summary focus-inset">
13334                          <div>
13335                            <span>Saatavuus</span>
13336                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13337</span>
13338                          </div>
13339                        </summary>
13340                        <div
13341                          id="FacetMobile-3-template--28113427169578__product-grid"
13342                          class="mobile-facets__submenu gradient"
13343                        >
13344                          <button
13345                            class="mobile-facets__close-button link link--text focus-inset"
13346                            aria-expanded="true"
13347                            type="button"
13348                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
13348ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13349<span>Saatavuus</span></button>
13350                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
13351<li class="mobile-facets__item list-menu__item">
13352                                
13353                                  <label for="Filter-filter.v.availability-mobile-1" class="facets__label mobile-facets__label
13354">
13355                                    <input
13356                                      class="mobile-facets__checkbox"
13357                                      type="checkbox"
13358                                      name="filter.v.availability"
13359                                      value="1"
13360                                      id="Filter-filter.v.availability-mobile-1"
13361                                      
13362                                      
13363                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13364<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13365
13366
13367                                    <span class="facet-checkbox__text" aria-hidden="true">
13368                                  <span class="facet-checkbox__text-label">Varastossa</span> (16)
13369                                </span>
13370                                <span class="visually-hidden">Varastossa (16 tuotetta)
13371                                </span>
13372                                  </label>
13373                                
13374                              </li>
13375<li class="mobile-facets__item list-menu__item">
13376                                
13377                                  <label for="Filter-filter.v.availability-mobile-2" class="facets__label mobile-facets__label
13378">
13379                                    <input
13380                                      class="mobile-facets__checkbox"
13381                                      type="checkbox"
13382                                      name="filter.v.availability"
13383                                      value="0"
13384                                      id="Filter-filter.v.availability-mobile-2"
13385                                      
13386                                      
13387                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13388<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13389
13390
13391                                    <span class="facet-checkbox__text" aria-hidden="true">
13392                                  <span class="facet-checkbox__text-label">Loppunut varastosta</span> (3)
13393                                </span>
13394                                <span class="visually-hidden">Loppunut varastosta (3 tuotetta)
13395                                </span>
13396                                  </label>
13397                                
13398                              </li></ul>
13399
13400                          <div class="mobile-facets__footer gradient">
13401                            <facet-remove class="mobile-facets__clear-wrapper">
13402                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13403                            </facet-remove>
13404                            <button
13405                              type="button"
13406                              class="button button--primary"
13407                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13408                            >
13409                              Käytä
13410                            </button>
13411                          </div>
13412                        </div>
13413                      </details>
13414                    
13415
13416
13417                  
13418                      <details
13419                        id="Details-Mobile-filter.v.m.product_attributes.status_in_sortiment-template--28113427169578__product-grid"
13420                        class="mobile-facets__details js-filter"
13421                        data-index="mobile-4"
13422                      >
13423                        <summary class="mobile-facets__summary focus-inset">
13424                          <div>
13425                            <span>UUTUUS/TARJOUS</span>
13426                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13427</span>
13428                          </div>
13429                        </summary>
13430                        <div
13431                          id="FacetMobile-4-template--28113427169578__product-grid"
13432                          class="mobile-facets__submenu gradient"
13433                        >
13434                          <button
13435                            class="mobile-facets__close-button link link--text focus-inset"
13436                            aria-expanded="true"
13437                            type="button"
13438                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
13438ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13439<span>UUTUUS/TARJOUS</span></button>
13440                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
13441<li class="mobile-facets__item list-menu__item">
13442                                
13443                                  <label for="Filter-filter.v.m.product_attributes.status_in_sortiment-mobile-1" class="facets__label mobile-facets__label
13444">
13445                                    <input
13446                                      class="mobile-facets__checkbox"
13447                                      type="checkbox"
13448                                      name="filter.v.m.product_attributes.status_in_sortiment"
13449                                      value="NEW"
13450                                      id="Filter-filter.v.m.product_attributes.status_in_sortiment-mobile-1"
13451                                      
13452                                      
13453                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13454<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13455
13456
13457                                    <span class="facet-checkbox__text" aria-hidden="true">
13458                                  <span class="facet-checkbox__text-label">NEW</span> (7)
13459                                </span>
13460                                <span class="visually-hidden">NEW (7 tuotetta)
13461                                </span>
13462                                  </label>
13463                                
13464                              </li>
13465<li class="mobile-facets__item list-menu__item">
13466                                
13467                                  <label for="Filter-filter.v.m.product_attributes.status_in_sortiment-mobile-2" class="facets__label mobile-facets__label
13468">
13469                                    <input
13470                                      class="mobile-facets__checkbox"
13471                                      type="checkbox"
13472                                      name="filter.v.m.product_attributes.status_in_sortiment"
13473                                      value="VYB"
13474                                      id="Filter-filter.v.m.product_attributes.status_in_sortiment-mobile-2"
13475                                      
13476                                      
13477                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13478<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13479
13480
13481                                    <span class="facet-checkbox__text" aria-hidden="true">
13482                                  <span class="facet-checkbox__text-label">VYB</span> (2)
13483                                </span>
13484                                <span class="visually-hidden">VYB (2 tuotetta)
13485                                </span>
13486                                  </label>
13487                                
13488                              </li></ul>
13489
13490                          <div class="mobile-facets__footer gradient">
13491                            <facet-remove class="mobile-facets__clear-wrapper">
13492                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13493                            </facet-remove>
13494                            <button
13495                              type="button"
13496                              class="button button--primary"
13497                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13498                            >
13499                              Käytä
13500                            </button>
13501                          </div>
13502                        </div>
13503                      </details>
13504                    
13505
13506
13507                  
13508                      <details
13509                        id="Details-Mobile-filter.v.m.product_attributes.ip_rate-template--28113427169578__product-grid"
13510                        class="mobile-facets__details js-filter"
13511                        data-index="mobile-5"
13512                      >
13513                        <summary class="mobile-facets__summary focus-inset">
13514                          <div>
13515                            <span>IP-luokitus</span>
13516                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13517</span>
13518                          </div>
13519                        </summary>
13520                        <div
13521                          id="FacetMobile-5-template--28113427169578__product-grid"
13522                          class="mobile-facets__submenu gradient"
13523                        >
13524                          <button
13525                            class="mobile-facets__close-button link link--text focus-inset"
13526                            aria-expanded="true"
13527                            type="button"
13528                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
13528ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13529<span>IP-luokitus</span></button>
13530                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
13531<li class="mobile-facets__item list-menu__item">
13532                                
13533                                  <label for="Filter-filter.v.m.product_attributes.ip_rate-mobile-1" class="facets__label mobile-facets__label
13534">
13535                                    <input
13536                                      class="mobile-facets__checkbox"
13537                                      type="checkbox"
13538                                      name="filter.v.m.product_attributes.ip_rate"
13539                                      value="IP44"
13540                                      id="Filter-filter.v.m.product_attributes.ip_rate-mobile-1"
13541                                      
13542                                      
13543                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13544<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13545
13546
13547                                    <span class="facet-checkbox__text" aria-hidden="true">
13548                                  <span class="facet-checkbox__text-label">IP44</span> (6)
13549                                </span>
13550                                <span class="visually-hidden">IP44 (6 tuotetta)
13551                                </span>
13552                                  </label>
13553                                
13554                              </li>
13555<li class="mobile-facets__item list-menu__item">
13556                                
13557                                  <label for="Filter-filter.v.m.product_attributes.ip_rate-mobile-2" class="facets__label mobile-facets__label
13558">
13559                                    <input
13560                                      class="mobile-facets__checkbox"
13561                                      type="checkbox"
13562                                      name="filter.v.m.product_attributes.ip_rate"
13563                                      value="IP54"
13564                                      id="Filter-filter.v.m.product_attributes.ip_rate-mobile-2"
13565                                      
13566                                      
13567                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13568<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13569
13570
13571                                    <span class="facet-checkbox__text" aria-hidden="true">
13572                                  <span class="facet-checkbox__text-label">IP54</span> (7)
13573                                </span>
13574                                <span class="visually-hidden">IP54 (7 tuotetta)
13575                                </span>
13576                                  </label>
13577                                
13578                              </li>
13579<li class="mobile-facets__item list-menu__item">
13580                                
13581                                  <label for="Filter-filter.v.m.product_attributes.ip_rate-mobile-3" class="facets__label mobile-facets__label
13582">
13583                                    <input
13584                                      class="mobile-facets__checkbox"
13585                                      type="checkbox"
13586                                      name="filter.v.m.product_attributes.ip_rate"
13587                                      value="IP65"
13588                                      id="Filter-filter.v.m.product_attributes.ip_rate-mobile-3"
13589                                      
13590                                      
13591                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13592<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
13592<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13593
13594
13595                                    <span class="facet-checkbox__text" aria-hidden="true">
13596                                  <span class="facet-checkbox__text-label">IP65</span> (6)
13597                                </span>
13598                                <span class="visually-hidden">IP65 (6 tuotetta)
13599                                </span>
13600                                  </label>
13601                                
13602                              </li></ul>
13603
13604                          <div class="mobile-facets__footer gradient">
13605                            <facet-remove class="mobile-facets__clear-wrapper">
13606                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13607                            </facet-remove>
13608                            <button
13609                              type="button"
13610                              class="button button--primary"
13611                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13612                            >
13613                              Käytä
13614                            </button>
13615                          </div>
13616                        </div>
13617                      </details>
13618                    
13619
13620
13621                  
13622                      <details
13623                        id="Details-Mobile-filter.v.m.product_attributes.Watt-template--28113427169578__product-grid"
13624                        class="mobile-facets__details js-filter"
13625                        data-index="mobile-6"
13626                      >
13627                        <summary class="mobile-facets__summary focus-inset">
13628                          <div>
13629                            <span>Watti</span>
13630                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
13630ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13631</span>
13632                          </div>
13633                        </summary>
13634                        <div
13635                          id="FacetMobile-6-template--28113427169578__product-grid"
13636                          class="mobile-facets__submenu gradient"
13637                        >
13638                          <button
13639                            class="mobile-facets__close-button link link--text focus-inset"
13640                            aria-expanded="true"
13641                            type="button"
13642                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13643<span>Watti</span></button>
13644                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
13645<li class="mobile-facets__item list-menu__item">
13646                                
13647                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-1" class="facets__label mobile-facets__label
13648">
13649                                    <input
13650                                      class="mobile-facets__checkbox"
13651                                      type="checkbox"
13652                                      name="filter.v.m.product_attributes.Watt"
13653                                      value="5.0"
13654                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-1"
13655                                      
13656                                      
13657                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13658<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13659
13660
13661                                    <span class="facet-checkbox__text" aria-hidden="true">
13662                                  <span class="facet-checkbox__text-label">5.0</span> (1)
13663                                </span>
13664                                <span class="visually-hidden">5.0 (1 tuotetta)
13665                                </span>
13666                                  </label>
13667                                
13668                              </li>
13669<li class="mobile-facets__item list-menu__item">
13670                                
13671                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-2" class="facets__label mobile-facets__label
13672">
13673                                    <input
13674                                      class="mobile-facets__checkbox"
13675                                      type="checkbox"
13676                                      name="filter.v.m.product_attributes.Watt"
13677                                      value="7.0"
13678                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-2"
13679                                      
13680                                      
13681                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13682<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13683
13684
13685                                    <span class="facet-checkbox__text" aria-hidden="true">
13686                                  <span class="facet-checkbox__text-label">7.0</span> (6)
13687                                </span>
13688                                <span class="visually-hidden">7.0 (6 tuotetta)
13689                                </span>
13690                                  </label>
13691                                
13692                              </li>
13693<li class="mobile-facets__item list-menu__item">
13694                                
13695                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-3" class="facets__label mobile-facets__label
13696">
13697                                    <input
13698                                      class="mobile-facets__checkbox"
13699                                      type="checkbox"
13700                                      name="filter.v.m.product_attributes.Watt"
13701                                      value="8.0"
13702                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-3"
13703                                      
13704                                      
13705                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13706<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13707
13708
13709                                    <span class="facet-checkbox__text" aria-hidden="true">
13710                                  <span class="facet-checkbox__text-label">8.0</span> (1)
13711                                </span>
13712                                <span class="visually-hidden">8.0 (1 tuotetta)
13713                                </span>
13714                                  </label>
13715                                
13716                              </li>
13717<li class="mobile-facets__item list-menu__item">
13718                                
13719                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-4" class="facets__label mobile-facets__label
13720">
13721                                    <input
13722                                      class="mobile-facets__checkbox"
13723                                      type="checkbox"
13724                                      name="filter.v.m.product_attributes.Watt"
13725                                      value="9.0"
13726                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-4"
13727                                      
13728                                      
13729                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13730<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13731
13732
13733                                    <span class="facet-checkbox__text" aria-hidden="true">
13734                                  <span class="facet-checkbox__text-label">9.0</span> (2)
13735                                </span>
13736                                <span class="visually-hidden">9.0 (2 tuotetta)
13737                                </span>
13738                                  </label>
13739                                
13740                              </li>
13741<li class="mobile-facets__item list-menu__item">
13742                                
13743                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-5" class="facets__label mobile-facets__label
13744">
13745                                    <input
13746                                      class="mobile-facets__checkbox"
13747                                      type="checkbox"
13748                                      name="filter.v.m.product_attributes.Watt"
13749                                      value="10.0"
13750                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-5"
13751                                      
13752                                      
13753                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13754<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
13754<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13755
13756
13757                                    <span class="facet-checkbox__text" aria-hidden="true">
13758                                  <span class="facet-checkbox__text-label">10.0</span> (1)
13759                                </span>
13760                                <span class="visually-hidden">10.0 (1 tuotetta)
13761                                </span>
13762                                  </label>
13763                                
13764                              </li>
13765<li class="mobile-facets__item list-menu__item">
13766                                
13767                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-6" class="facets__label mobile-facets__label
13768">
13769                                    <input
13770                                      class="mobile-facets__checkbox"
13771                                      type="checkbox"
13772                                      name="filter.v.m.product_attributes.Watt"
13773                                      value="11.0"
13774                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-6"
13775                                      
13776                                      
13777                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13778<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13779
13780
13781                                    <span class="facet-checkbox__text" aria-hidden="true">
13782                                  <span class="facet-checkbox__text-label">11.0</span> (3)
13783                                </span>
13784                                <span class="visually-hidden">11.0 (3 tuotetta)
13785                                </span>
13786                                  </label>
13787                                
13788                              </li>
13789<li class="mobile-facets__item list-menu__item">
13790                                
13791                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-7" class="facets__label mobile-facets__label
13792">
13793                                    <input
13794                                      class="mobile-facets__checkbox"
13795                                      type="checkbox"
13796                                      name="filter.v.m.product_attributes.Watt"
13797                                      value="12.0"
13798                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-7"
13799                                      
13800                                      
13801                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13802<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13803
13804
13805                                    <span class="facet-checkbox__text" aria-hidden="true">
13806                                  <span class="facet-checkbox__text-label">12.0</span> (1)
13807                                </span>
13808                                <span class="visually-hidden">12.0 (1 tuotetta)
13809                                </span>
13810                                  </label>
13811                                
13812                              </li>
13813<li class="mobile-facets__item list-menu__item">
13814                                
13815                                  <label for="Filter-filter.v.m.product_attributes.Watt-mobile-8" class="facets__label mobile-facets__label
13816">
13817                                    <input
13818                                      class="mobile-facets__checkbox"
13819                                      type="checkbox"
13820                                      name="filter.v.m.product_attributes.Watt"
13821                                      value="15.0"
13822                                      id="Filter-filter.v.m.product_attributes.Watt-mobile-8"
13823                                      
13824                                      
13825                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13826<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
13826<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13827
13828
13829                                    <span class="facet-checkbox__text" aria-hidden="true">
13830                                  <span class="facet-checkbox__text-label">15.0</span> (4)
13831                                </span>
13832                                <span class="visually-hidden">15.0 (4 tuotetta)
13833                                </span>
13834                                  </label>
13835                                
13836                              </li></ul>
13837
13838                          <div class="mobile-facets__footer gradient">
13839                            <facet-remove class="mobile-facets__clear-wrapper">
13840                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13841                            </facet-remove>
13842                            <button
13843                              type="button"
13844                              class="button button--primary"
13845                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13846                            >
13847                              Käytä
13848                            </button>
13849                          </div>
13850                        </div>
13851                      </details>
13852                    
13853
13854
13855                  
13856                      <details
13857                        id="Details-Mobile-filter.v.m.product_attributes.socket-template--28113427169578__product-grid"
13858                        class="mobile-facets__details js-filter"
13859                        data-index="mobile-7"
13860                      >
13861                        <summary class="mobile-facets__summary focus-inset">
13862                          <div>
13863                            <span>Kanta</span>
13864                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
13864ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13865</span>
13866                          </div>
13867                        </summary>
13868                        <div
13869                          id="FacetMobile-7-template--28113427169578__product-grid"
13870                          class="mobile-facets__submenu gradient"
13871                        >
13872                          <button
13873                            class="mobile-facets__close-button link link--text focus-inset"
13874                            aria-expanded="true"
13875                            type="button"
13876                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
13877<span>Kanta</span></button>
13878                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
13879<li class="mobile-facets__item list-menu__item">
13880                                
13881                                  <label for="Filter-filter.v.m.product_attributes.socket-mobile-1" class="facets__label mobile-facets__label
13882">
13883                                    <input
13884                                      class="mobile-facets__checkbox"
13885                                      type="checkbox"
13886                                      name="filter.v.m.product_attributes.socket"
13887                                      value="LED"
13888                                      id="Filter-filter.v.m.product_attributes.socket-mobile-1"
13889                                      
13890                                      
13891                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13892<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13893
13894
13895                                    <span class="facet-checkbox__text" aria-hidden="true">
13896                                  <span class="facet-checkbox__text-label">LED</span> (1)
13897                                </span>
13898                                <span class="visually-hidden">LED (1 tuotetta)
13899                                </span>
13900                                  </label>
13901                                
13902                              </li>
13903<li class="mobile-facets__item list-menu__item">
13904                                
13905                                  <label for="Filter-filter.v.m.product_attributes.socket-mobile-2" class="facets__label mobile-facets__label
13906">
13907                                    <input
13908                                      class="mobile-facets__checkbox"
13909                                      type="checkbox"
13910                                      name="filter.v.m.product_attributes.socket"
13911                                      value="LED E27"
13912                                      id="Filter-filter.v.m.product_attributes.socket-mobile-2"
13913                                      
13914                                      
13915                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13916<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13917
13918
13919                                    <span class="facet-checkbox__text" aria-hidden="true">
13920                                  <span class="facet-checkbox__text-label">LED E27</span> (6)
13921                                </span>
13922                                <span class="visually-hidden">LED E27 (6 tuotetta)
13923                                </span>
13924                                  </label>
13925                                
13926                              </li>
13927<li class="mobile-facets__item list-menu__item">
13928                                
13929                                  <label for="Filter-filter.v.m.product_attributes.socket-mobile-3" class="facets__label mobile-facets__label
13930">
13931                                    <input
13932                                      class="mobile-facets__checkbox"
13933                                      type="checkbox"
13934                                      name="filter.v.m.product_attributes.socket"
13935                                      value="LED G9"
13936                                      id="Filter-filter.v.m.product_attributes.socket-mobile-3"
13937                                      
13938                                      
13939                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13940<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13941
13942
13943                                    <span class="facet-checkbox__text" aria-hidden="true">
13944                                  <span class="facet-checkbox__text-label">LED G9</span> (1)
13945                                </span>
13946                                <span class="visually-hidden">LED G9 (1 tuotetta)
13947                                </span>
13948                                  </label>
13949                                
13950                              </li>
13951<li class="mobile-facets__item list-menu__item">
13952                                
13953                                  <label for="Filter-filter.v.m.product_attributes.socket-mobile-4" class="facets__label mobile-facets__label
13954">
13955                                    <input
13956                                      class="mobile-facets__checkbox"
13957                                      type="checkbox"
13958                                      name="filter.v.m.product_attributes.socket"
13959                                      value="LED R7s 78mm"
13960                                      id="Filter-filter.v.m.product_attributes.socket-mobile-4"
13961                                      
13962                                      
13963                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
13964<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
13965
13966
13967                                    <span class="facet-checkbox__text" aria-hidden="true">
13968                                  <span class="facet-checkbox__text-label">LED R7s 78mm</span> (1)
13969                                </span>
13970                                <span class="visually-hidden">LED R7s 78mm (1 tuotetta)
13971                                </span>
13972                                  </label>
13973                                
13974                              </li></ul>
13975
13976                          <div class="mobile-facets__footer gradient">
13977                            <facet-remove class="mobile-facets__clear-wrapper">
13978                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
13979                            </facet-remove>
13980                            <button
13981                              type="button"
13982                              class="button button--primary"
13983                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
13984                            >
13985                              Käytä
13986                            </button>
13987                          </div>
13988                        </div>
13989                      </details>
13990                    
13991
13992
13993                  
13994                      <details
13995                        id="Details-Mobile-filter.v.m.custom.led-template--28113427169578__product-grid"
13996                        class="mobile-facets__details js-filter"
13997                        data-index="mobile-8"
13998                      >
13999                        <summary class="mobile-facets__summary focus-inset">
14000                          <div>
14001                            <span>Integroitu LED</span>
14002                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14003</span>
14004                          </div>
14005                        </summary>
14006                        <div
14007                          id="FacetMobile-8-template--28113427169578__product-grid"
14008                          class="mobile-facets__submenu gradient"
14009                        >
14010                          <button
14011                            class="mobile-facets__close-button link link--text focus-inset"
14012                            aria-expanded="true"
14013                            type="button"
14014                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
14014ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14015<span>Integroitu LED</span></button>
14016                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
14017<li class="mobile-facets__item list-menu__item">
14018                                
14019                                  <label for="Filter-filter.v.m.custom.led-mobile-1" class="facets__label mobile-facets__label
14020">
14021                                    <input
14022                                      class="mobile-facets__checkbox"
14023                                      type="checkbox"
14024                                      name="filter.v.m.custom.led"
14025                                      value="LED"
14026                                      id="Filter-filter.v.m.custom.led-mobile-1"
14027                                      
14028                                      
14029                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14030<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14031
14032
14033                                    <span class="facet-checkbox__text" aria-hidden="true">
14034                                  <span class="facet-checkbox__text-label">Kyllä</span> (11)
14035                                </span>
14036                                <span class="visually-hidden">Kyllä (11 tuotetta)
14037                                </span>
14038                                  </label>
14039                                
14040                              </li></ul>
14041
14042                          <div class="mobile-facets__footer gradient">
14043                            <facet-remove class="mobile-facets__clear-wrapper">
14044                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
14045                            </facet-remove>
14046                            <button
14047                              type="button"
14048                              class="button button--primary"
14049                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14050                            >
14051                              Käytä
14052                            </button>
14053                          </div>
14054                        </div>
14055                      </details>
14056                    
14057
14058
14059                  
14060                      <details
14061                        id="Details-Mobile-filter.v.m.product_attributes.Diameter-template--28113427169578__product-grid"
14062                        class="mobile-facets__details js-filter"
14063                        data-index="mobile-9"
14064                      >
14065                        <summary class="mobile-facets__summary focus-inset">
14066                          <div>
14067                            <span>Halkaisija</span>
14068                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
14068ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14069</span>
14070                          </div>
14071                        </summary>
14072                        <div
14073                          id="FacetMobile-9-template--28113427169578__product-grid"
14074                          class="mobile-facets__submenu gradient"
14075                        >
14076                          <button
14077                            class="mobile-facets__close-button link link--text focus-inset"
14078                            aria-expanded="true"
14079                            type="button"
14080                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14081<span>Halkaisija</span></button>
14082                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
14083<li class="mobile-facets__item list-menu__item">
14084                                
14085                                  <label for="Filter-filter.v.m.product_attributes.Diameter-mobile-1" class="facets__label mobile-facets__label
14086">
14087                                    <input
14088                                      class="mobile-facets__checkbox"
14089                                      type="checkbox"
14090                                      name="filter.v.m.product_attributes.Diameter"
14091                                      value="8.0"
14092                                      id="Filter-filter.v.m.product_attributes.Diameter-mobile-1"
14093                                      
14094                                      
14095                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14096<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14097
14098
14099                                    <span class="facet-checkbox__text" aria-hidden="true">
14100                                  <span class="facet-checkbox__text-label">8.0</span> (1)
14101                                </span>
14102                                <span class="visually-hidden">8.0 (1 tuotetta)
14103                                </span>
14104                                  </label>
14105                                
14106                              </li>
14107<li class="mobile-facets__item list-menu__item">
14108                                
14109                                  <label for="Filter-filter.v.m.product_attributes.Diameter-mobile-2" class="facets__label mobile-facets__label
14110">
14111                                    <input
14112                                      class="mobile-facets__checkbox"
14113                                      type="checkbox"
14114                                      name="filter.v.m.product_attributes.Diameter"
14115                                      value="9.0"
14116                                      id="Filter-filter.v.m.product_attributes.Diameter-mobile-2"
14117                                      
14118                                      
14119                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14120<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14121
14122
14123                                    <span class="facet-checkbox__text" aria-hidden="true">
14124                                  <span class="facet-checkbox__text-label">9.0</span> (1)
14125                                </span>
14126                                <span class="visually-hidden">9.0 (1 tuotetta)
14127                                </span>
14128                                  </label>
14129                                
14130                              </li>
14131<li class="mobile-facets__item list-menu__item">
14132                                
14133                                  <label for="Filter-filter.v.m.product_attributes.Diameter-mobile-3" class="facets__label mobile-facets__label
14134">
14135                                    <input
14136                                      class="mobile-facets__checkbox"
14137                                      type="checkbox"
14138                                      name="filter.v.m.product_attributes.Diameter"
14139                                      value="10.0"
14140                                      id="Filter-filter.v.m.product_attributes.Diameter-mobile-3"
14141                                      
14142                                      
14143                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14144<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14145
14146
14147                                    <span class="facet-checkbox__text" aria-hidden="true">
14148                                  <span class="facet-checkbox__text-label">10.0</span> (1)
14149                                </span>
14150                                <span class="visually-hidden">10.0 (1 tuotetta)
14151                                </span>
14152                                  </label>
14153                                
14154                              </li>
14155<li class="mobile-facets__item list-menu__item">
14156                                
14157                                  <label for="Filter-filter.v.m.product_attributes.Diameter-mobile-4" class="facets__label mobile-facets__label
14158">
14159                                    <input
14160                                      class="mobile-facets__checkbox"
14161                                      type="checkbox"
14162                                      name="filter.v.m.product_attributes.Diameter"
14163                                      value="11.0"
14164                                      id="Filter-filter.v.m.product_attributes.Diameter-mobile-4"
14165                                      
14166                                      
14167                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14168<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14169
14170
14171                                    <span class="facet-checkbox__text" aria-hidden="true">
14172                                  <span class="facet-checkbox__text-label">11.0</span> (1)
14173                                </span>
14174                                <span class="visually-hidden">11.0 (1 tuotetta)
14175                                </span>
14176                                  </label>
14177                                
14178                              </li>
14179<li class="mobile-facets__item list-menu__item">
14180                                
14181                                  <label for="Filter-filter.v.m.product_attributes.Diameter-mobile-5" class="facets__label mobile-facets__label
14182">
14183                                    <input
14184                                      class="mobile-facets__checkbox"
14185                                      type="checkbox"
14186                                      name="filter.v.m.product_attributes.Diameter"
14187                                      value="11.8"
14188                                      id="Filter-filter.v.m.product_attributes.Diameter-mobile-5"
14189                                      
14190                                      
14191                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14192<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
14192<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14193
14194
14195                                    <span class="facet-checkbox__text" aria-hidden="true">
14196                                  <span class="facet-checkbox__text-label">11.8</span> (1)
14197                                </span>
14198                                <span class="visually-hidden">11.8 (1 tuotetta)
14199                                </span>
14200                                  </label>
14201                                
14202                              </li>
14203<li class="mobile-facets__item list-menu__item">
14204                                
14205                                  <label for="Filter-filter.v.m.product_attributes.Diameter-mobile-6" class="facets__label mobile-facets__label
14206">
14207                                    <input
14208                                      class="mobile-facets__checkbox"
14209                                      type="checkbox"
14210                                      name="filter.v.m.product_attributes.Diameter"
14211                                      value="12.0"
14212                                      id="Filter-filter.v.m.product_attributes.Diameter-mobile-6"
14213                                      
14214                                      
14215                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14216<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14217
14218
14219                                    <span class="facet-checkbox__text" aria-hidden="true">
14220                                  <span class="facet-checkbox__text-label">12.0</span> (1)
14221                                </span>
14222                                <span class="visually-hidden">12.0 (1 tuotetta)
14223                                </span>
14224                                  </label>
14225                                
14226                              </li></ul>
14227
14228                          <div class="mobile-facets__footer gradient">
14229                            <facet-remove class="mobile-facets__clear-wrapper">
14230                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
14231                            </facet-remove>
14232                            <button
14233                              type="button"
14234                              class="button button--primary"
14235                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14236                            >
14237                              Käytä
14238                            </button>
14239                          </div>
14240                        </div>
14241                      </details>
14242                    
14243
14244
14245                  
14246                      <details
14247                        id="Details-Mobile-filter.v.m.product_attributes.lumens-template--28113427169578__product-grid"
14248                        class="mobile-facets__details js-filter"
14249                        data-index="mobile-10"
14250                      >
14251                        <summary class="mobile-facets__summary focus-inset">
14252                          <div>
14253                            <span>Lumen</span>
14254                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
14254ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14255</span>
14256                          </div>
14257                        </summary>
14258                        <div
14259                          id="FacetMobile-10-template--28113427169578__product-grid"
14260                          class="mobile-facets__submenu gradient"
14261                        >
14262                          <button
14263                            class="mobile-facets__close-button link link--text focus-inset"
14264                            aria-expanded="true"
14265                            type="button"
14266                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14267<span>Lumen</span></button>
14268                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
14269<li class="mobile-facets__item list-menu__item">
14270                                
14271                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-1" class="facets__label mobile-facets__label
14272">
14273                                    <input
14274                                      class="mobile-facets__checkbox"
14275                                      type="checkbox"
14276                                      name="filter.v.m.product_attributes.lumens"
14277                                      value="123"
14278                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-1"
14279                                      
14280                                      
14281                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14282<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14283
14284
14285                                    <span class="facet-checkbox__text" aria-hidden="true">
14286                                  <span class="facet-checkbox__text-label">123</span> (1)
14287                                </span>
14288                                <span class="visually-hidden">123 (1 tuotetta)
14289                                </span>
14290                                  </label>
14291                                
14292                              </li>
14293<li class="mobile-facets__item list-menu__item">
14294                                
14295                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-2" class="facets__label mobile-facets__label
14296">
14297                                    <input
14298                                      class="mobile-facets__checkbox"
14299                                      type="checkbox"
14300                                      name="filter.v.m.product_attributes.lumens"
14301                                      value="423"
14302                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-2"
14303                                      
14304                                      
14305                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14306<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14307
14308
14309                                    <span class="facet-checkbox__text" aria-hidden="true">
14310                                  <span class="facet-checkbox__text-label">423</span> (1)
14311                                </span>
14312                                <span class="visually-hidden">423 (1 tuotetta)
14313                                </span>
14314                                  </label>
14315                                
14316                              </li>
14317<li class="mobile-facets__item list-menu__item">
14318                                
14319                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-3" class="facets__label mobile-facets__label
14320">
14321                                    <input
14322                                      class="mobile-facets__checkbox"
14323                                      type="checkbox"
14324                                      name="filter.v.m.product_attributes.lumens"
14325                                      value="477"
14326                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-3"
14327                                      
14328                                      
14329                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14330<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14331
14332
14333                                    <span class="facet-checkbox__text" aria-hidden="true">
14334                                  <span class="facet-checkbox__text-label">477</span> (1)
14335                                </span>
14336                                <span class="visually-hidden">477 (1 tuotetta)
14337                                </span>
14338                                  </label>
14339                                
14340                              </li>
14341<li class="mobile-facets__item list-menu__item">
14342                                
14343                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-4" class="facets__label mobile-facets__label
14344">
14345                                    <input
14346                                      class="mobile-facets__checkbox"
14347                                      type="checkbox"
14348                                      name="filter.v.m.product_attributes.lumens"
14349                                      value="580"
14350                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-4"
14351                                      
14352                                      
14353                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14354<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14355
14356
14357                                    <span class="facet-checkbox__text" aria-hidden="true">
14358                                  <span class="facet-checkbox__text-label">580</span> (3)
14359                                </span>
14360                                <span class="visually-hidden">580 (3 tuotetta)
14361                                </span>
14362                                  </label>
14363                                
14364                              </li>
14365<li class="mobile-facets__item list-menu__item">
14366                                
14367                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-5" class="facets__label mobile-facets__label
14368">
14369                                    <input
14370                                      class="mobile-facets__checkbox"
14371                                      type="checkbox"
14372                                      name="filter.v.m.product_attributes.lumens"
14373                                      value="640"
14374                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-5"
14375                                      
14376                                      
14377                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14378<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
14378<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14379
14380
14381                                    <span class="facet-checkbox__text" aria-hidden="true">
14382                                  <span class="facet-checkbox__text-label">640</span> (1)
14383                                </span>
14384                                <span class="visually-hidden">640 (1 tuotetta)
14385                                </span>
14386                                  </label>
14387                                
14388                              </li>
14389<li class="mobile-facets__item list-menu__item">
14390                                
14391                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-6" class="facets__label mobile-facets__label
14392">
14393                                    <input
14394                                      class="mobile-facets__checkbox"
14395                                      type="checkbox"
14396                                      name="filter.v.m.product_attributes.lumens"
14397                                      value="720"
14398                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-6"
14399                                      
14400                                      
14401                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14402<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14403
14404
14405                                    <span class="facet-checkbox__text" aria-hidden="true">
14406                                  <span class="facet-checkbox__text-label">720</span> (1)
14407                                </span>
14408                                <span class="visually-hidden">720 (1 tuotetta)
14409                                </span>
14410                                  </label>
14411                                
14412                              </li>
14413<li class="mobile-facets__item list-menu__item">
14414                                
14415                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-7" class="facets__label mobile-facets__label
14416">
14417                                    <input
14418                                      class="mobile-facets__checkbox"
14419                                      type="checkbox"
14420                                      name="filter.v.m.product_attributes.lumens"
14421                                      value="730"
14422                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-7"
14423                                      
14424                                      
14425                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14426<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14427
14428
14429                                    <span class="facet-checkbox__text" aria-hidden="true">
14430                                  <span class="facet-checkbox__text-label">730</span> (1)
14431                                </span>
14432                                <span class="visually-hidden">730 (1 tuotetta)
14433                                </span>
14434                                  </label>
14435                                
14436                              </li>
14437<li class="mobile-facets__item list-menu__item">
14438                                
14439                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-8" class="facets__label mobile-facets__label
14440">
14441                                    <input
14442                                      class="mobile-facets__checkbox"
14443                                      type="checkbox"
14444                                      name="filter.v.m.product_attributes.lumens"
14445                                      value="1000"
14446                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-8"
14447                                      
14448                                      
14449                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14450<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
14450<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14451
14452
14453                                    <span class="facet-checkbox__text" aria-hidden="true">
14454                                  <span class="facet-checkbox__text-label">1000</span> (1)
14455                                </span>
14456                                <span class="visually-hidden">1000 (1 tuotetta)
14457                                </span>
14458                                  </label>
14459                                
14460                              </li>
14461<li class="mobile-facets__item list-menu__item">
14462                                
14463                                  <label for="Filter-filter.v.m.product_attributes.lumens-mobile-9" class="facets__label mobile-facets__label
14464">
14465                                    <input
14466                                      class="mobile-facets__checkbox"
14467                                      type="checkbox"
14468                                      name="filter.v.m.product_attributes.lumens"
14469                                      value="1010"
14470                                      id="Filter-filter.v.m.product_attributes.lumens-mobile-9"
14471                                      
14472                                      
14473                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14474<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14475
14476
14477                                    <span class="facet-checkbox__text" aria-hidden="true">
14478                                  <span class="facet-checkbox__text-label">1010</span> (1)
14479                                </span>
14480                                <span class="visually-hidden">1010 (1 tuotetta)
14481                                </span>
14482                                  </label>
14483                                
14484                              </li></ul>
14485
14486                          <div class="mobile-facets__footer gradient">
14487                            <facet-remove class="mobile-facets__clear-wrapper">
14488                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
14489                            </facet-remove>
14490                            <button
14491                              type="button"
14492                              class="button button--primary"
14493                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14494                            >
14495                              Käytä
14496                            </button>
14497                          </div>
14498                        </div>
14499                      </details>
14500                    
14501
14502
14503                  
14504                      <details
14505                        id="Details-Mobile-filter.v.m.product_attributes.kelvin-template--28113427169578__product-grid"
14506                        class="mobile-facets__details js-filter"
14507                        data-index="mobile-11"
14508                      >
14509                        <summary class="mobile-facets__summary focus-inset">
14510                          <div>
14511                            <span>Kelvin</span>
14512                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
14512ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14513</span>
14514                          </div>
14515                        </summary>
14516                        <div
14517                          id="FacetMobile-11-template--28113427169578__product-grid"
14518                          class="mobile-facets__submenu gradient"
14519                        >
14520                          <button
14521                            class="mobile-facets__close-button link link--text focus-inset"
14522                            aria-expanded="true"
14523                            type="button"
14524                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14525<span>Kelvin</span></button>
14526                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
14527<li class="mobile-facets__item list-menu__item">
14528                                
14529                                  <label for="Filter-filter.v.m.product_attributes.kelvin-mobile-1" class="facets__label mobile-facets__label
14530">
14531                                    <input
14532                                      class="mobile-facets__checkbox"
14533                                      type="checkbox"
14534                                      name="filter.v.m.product_attributes.kelvin"
14535                                      value="3000"
14536                                      id="Filter-filter.v.m.product_attributes.kelvin-mobile-1"
14537                                      
14538                                      
14539                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14540<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14541
14542
14543                                    <span class="facet-checkbox__text" aria-hidden="true">
14544                                  <span class="facet-checkbox__text-label">3000</span> (11)
14545                                </span>
14546                                <span class="visually-hidden">3000 (11 tuotetta)
14547                                </span>
14548                                  </label>
14549                                
14550                              </li></ul>
14551
14552                          <div class="mobile-facets__footer gradient">
14553                            <facet-remove class="mobile-facets__clear-wrapper">
14554                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
14555                            </facet-remove>
14556                            <button
14557                              type="button"
14558                              class="button button--primary"
14559                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14560                            >
14561                              Käytä
14562                            </button>
14563                          </div>
14564                        </div>
14565                      </details>
14566                    
14567
14568
14569                  
14570                      <details
14571                        id="Details-Mobile-filter.v.m.product_attributes.dimming-template--28113427169578__product-grid"
14572                        class="mobile-facets__details js-filter"
14573                        data-index="mobile-12"
14574                      >
14575                        <summary class="mobile-facets__summary focus-inset">
14576                          <div>
14577                            <span>Himmennettävä</span>
14578                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14579</span>
14580                          </div>
14581                        </summary>
14582                        <div
14583                          id="FacetMobile-12-template--28113427169578__product-grid"
14584                          class="mobile-facets__submenu gradient"
14585                        >
14586                          <button
14587                            class="mobile-facets__close-button link link--text focus-inset"
14588                            aria-expanded="true"
14589                            type="button"
14590                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
14590ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14591<span>Himmennettävä</span></button>
14592                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
14593<li class="mobile-facets__item list-menu__item">
14594                                
14595                                  <label for="Filter-filter.v.m.product_attributes.dimming-mobile-1" class="facets__label mobile-facets__label
14596">
14597                                    <input
14598                                      class="mobile-facets__checkbox"
14599                                      type="checkbox"
14600                                      name="filter.v.m.product_attributes.dimming"
14601                                      value="dimmable with suitable light source"
14602                                      id="Filter-filter.v.m.product_attributes.dimming-mobile-1"
14603                                      
14604                                      
14605                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14606<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14607
14608
14609                                    <span class="facet-checkbox__text" aria-hidden="true">
14610                                  <span class="facet-checkbox__text-label">Himmentävä sopivalla valonlähteellä</span> (5)
14611                                </span>
14612                                <span class="visually-hidden">Himmentävä sopivalla valonlähteellä (5 tuotetta)
14613                                </span>
14614                                  </label>
14615                                
14616                              </li></ul>
14617
14618                          <div class="mobile-facets__footer gradient">
14619                            <facet-remove class="mobile-facets__clear-wrapper">
14620                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
14621                            </facet-remove>
14622                            <button
14623                              type="button"
14624                              class="button button--primary"
14625                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14626                            >
14627                              Käytä
14628                            </button>
14629                          </div>
14630                        </div>
14631                      </details>
14632                    
14633
14634
14635                  
14636                      <details
14637                        id="Details-Mobile-filter.v.m.product_attributes.beam_angle-template--28113427169578__product-grid"
14638                        class="mobile-facets__details js-filter"
14639                        data-index="mobile-13"
14640                      >
14641                        <summary class="mobile-facets__summary focus-inset">
14642                          <div>
14643                            <span>Beam angle</span>
14644                            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
14644ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14645</span>
14646                          </div>
14647                        </summary>
14648                        <div
14649                          id="FacetMobile-13-template--28113427169578__product-grid"
14650                          class="mobile-facets__submenu gradient"
14651                        >
14652                          <button
14653                            class="mobile-facets__close-button link link--text focus-inset"
14654                            aria-expanded="true"
14655                            type="button"
14656                          ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
14657<span>Beam angle</span></button>
14658                          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
14659<li class="mobile-facets__item list-menu__item">
14660                                
14661                                  <label for="Filter-filter.v.m.product_attributes.beam_angle-mobile-1" class="facets__label mobile-facets__label
14662">
14663                                    <input
14664                                      class="mobile-facets__checkbox"
14665                                      type="checkbox"
14666                                      name="filter.v.m.product_attributes.beam_angle"
14667                                      value="55"
14668                                      id="Filter-filter.v.m.product_attributes.beam_angle-mobile-1"
14669                                      
14670                                      
14671                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14672<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14673
14674
14675                                    <span class="facet-checkbox__text" aria-hidden="true">
14676                                  <span class="facet-checkbox__text-label">55</span> (1)
14677                                </span>
14678                                <span class="visually-hidden">55 (1 tuotetta)
14679                                </span>
14680                                  </label>
14681                                
14682                              </li>
14683<li class="mobile-facets__item list-menu__item">
14684                                
14685                                  <label for="Filter-filter.v.m.product_attributes.beam_angle-mobile-2" class="facets__label mobile-facets__label
14686">
14687                                    <input
14688                                      class="mobile-facets__checkbox"
14689                                      type="checkbox"
14690                                      name="filter.v.m.product_attributes.beam_angle"
14691                                      value="60"
14692                                      id="Filter-filter.v.m.product_attributes.beam_angle-mobile-2"
14693                                      
14694                                      
14695                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14696<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14697
14698
14699                                    <span class="facet-checkbox__text" aria-hidden="true">
14700                                  <span class="facet-checkbox__text-label">60</span> (1)
14701                                </span>
14702                                <span class="visually-hidden">60 (1 tuotetta)
14703                                </span>
14704                                  </label>
14705                                
14706                              </li>
14707<li class="mobile-facets__item list-menu__item">
14708                                
14709                                  <label for="Filter-filter.v.m.product_attributes.beam_angle-mobile-3" class="facets__label mobile-facets__label
14710">
14711                                    <input
14712                                      class="mobile-facets__checkbox"
14713                                      type="checkbox"
14714                                      name="filter.v.m.product_attributes.beam_angle"
14715                                      value="120"
14716                                      id="Filter-filter.v.m.product_attributes.beam_angle-mobile-3"
14717                                      
14718                                      
14719                                    ><span class="mobile-facets__highlight"></span><svg width="16px" height="16px" viewBox="0 0 16 16"><rect width="16" height="16" fill="none" stroke="currentColor"/></svg>
14720<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
14721
14722
14723                                    <span class="facet-checkbox__text" aria-hidden="true">
14724                                  <span class="facet-checkbox__text-label">120</span> (3)
14725                                </span>
14726                                <span class="visually-hidden">120 (3 tuotetta)
14727                                </span>
14728                                  </label>
14729                                
14730                              </li></ul>
14731
14732                          <div class="mobile-facets__footer gradient">
14733                            <facet-remove class="mobile-facets__clear-wrapper">
14734                              <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Tyhjennä</a>
14735                            </facet-remove>
14736                            <button
14737                              type="button"
14738                              class="button button--primary"
14739                              onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14740                            >
14741                              Käytä
14742                            </button>
14743                          </div>
14744                        </div>
14745                      </details>
14746                    
14747<div
14748                  id="Details-Mobile-SortBy-template--28113427169578__product-grid"
14749                  class="mobile-facets__details js-filter"
14750                  data-index="mobile-"
14751                >
14752                  <div class="mobile-facets__summary">
14753                    <div class="mobile-facets__sort">
14754                      <label for="SortBy-mobile">Lajittelu:</label>
14755                      <div class="select">
14756                        <select
14757                          name="sort_by"
14758                          class="select__select"
14759                          id="SortBy-mobile"
14760                          aria-describedby="a11y-refresh-page-message"
14761                        ><option
14762                              value="manual"
14763                              
14764                            >
14765                              Esittelyssä
14766                            </option><option
14767                              value="most-relevant"
14768                              
14769                            >
14770                              Osuvin
14771                            </option><option
14772                              value="best-selling"
14773                              
14774                                selected="selected"
14775                              
14776                            >
14777                              Eniten myydyt
14778                            </option><option
14779                              value="title-ascending"
14780                              
14781                            >
14782                              Aakkosjärjestyksessä A–Ö
14783                            </option><option
14784                              value="title-descending"
14785                              
14786                            >
14787                              Aakkosjärjestyksessä Ö–A
14788                            </option><option
14789                              value="price-ascending"
14790                              
14791                            >
14792                              Hinta pienimmästä suurimpaan
14793                            </option><option
14794                              value="price-descending"
14795                              
14796                            >
14797                              Hinta suurimmasta pienimpään
14798                            </option><option
14799                              value="created-ascending"
14800                              
14801                            >
14802                              Päivämäärä vanhimmasta uusimpaan
14803                            </option><option
14804                              value="created-descending"
14805                              
14806                            >
14807                              Päivämäärä uusimmasta vanhimpaan
14808                            </option></select>
14809                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
14810</span>
14811                      </div>
14812                    </div>
14813                  </div>
14814                </div><div class="mobile-facets__footer">
14815                <facet-remove class="mobile-facets__clear-wrapper">
14816                  <a href="/collections/garden-post-light" class="mobile-facets__clear underlined-link">Poista kaikki</a>
14817                </facet-remove>
14818                <button
14819                  type="button"
14820                  class="button button--primary"
14821                  onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"
14822                >
14823                  Käytä
14824                </button>
14825              </div>
14826            </div>
14827
14828            
14829</div>
14830        </form>
14831      </facet-filters-form>
14832    </details>
14833  </menu-drawer>
14834
14835  <div class="active-facets active-facets-mobile medium-hide large-up-hide">
14836        
14837<facet-remove class="active-facets__button-wrapper">
14838      <a href="/collections/garden-post-light" class="active-facets__button-remove underlined-link">
14839        <span>Poista kaikki</span>
14840      </a>
14841    </facet-remove>
14842  </div>
14843  
14844<div
14845    class="product-count light medium-hide large-up-hide"
14846    role="status"
14847  >
14848    <h2 class="product-count__text text-body">
14849      <span id="ProductCount">19 tuotetta
14850</span>
14851    </h2>
14852
14853<div class="loading__spinner hidden">
14854  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
14855
14856</div>
14857</div></div>
14858
14859<style>
14860  .custom-price-range-container {
14861    width: 100%;
14862    padding: 20px 10px;
14863    box-sizing: border-box;
14864    font-family: 'Montserrat', sans-serif;
14865  }
14866  
14867  .facets__disclosure-vertical .facets__selected {
14868    display: none;
14869  }
14870  
14871  .facets__header-vertical {
14872    display: none;
14873  }
14874  
14875  .custom-price-input {
14876    display: flex;
14877    justify-content: space-between;
14878    margin-bottom: 20px;
14879    font-family: 'Montserrat', sans-serif;
14880  }
14881  
14882  .custom-price-field {
14883    display: flex;
14884    align-items: center;
14885  }
14886  
14887  .custom-price-field span {
14888    margin-right: 5px;
14889    font-size: 16px;
14890    font-family: 'Montserrat', sans-serif;
14891  }
14892  
14893  .custom-price-field input {
14894    width: 80px;
14895    height: 35px;
14896    text-align: center;
14897    border: 1px solid #ddd;
14898    outline: none;
14899    -moz-appearance: textfield;
14900    font-family: 'Montserrat', sans-serif;
14901  }
14902  
14903  /* Remove arrows/spinners from number inputs */
14904  .custom-price-field input::-webkit-outer-spin-button,
14905  .custom-price-field input::-webkit-inner-spin-button {
14906    -webkit-appearance: none;
14907    margin: 0;
14908  }
14909  
14910  .custom-slider {
14911    height: 4px;
14912    position: relative;
14913    background: #e4e4e4;
14914    margin: 15px 0 25px;
14915  }
14916  
14917  .custom-slider .custom-progress {
14918    height: 100%;
14919    position: absolute;
14920    background: #000;
14921    left: 0%;
14922    right: 0%;
14923  }
14924  
14925  .custom-range-input {
14926    position: relative;
14927    height: 4px;
14928    margin-top: -29px;
14929    margin-bottom: 20px;
14930  }
14931  
14932  .custom-range-input input {
14933    position: absolute;
14934    width: 100%;
14935    height: 4px;
14936    top: 0;
14937    background: none;
14938    pointer-events: none;
14939    -webkit-appearance: none;
14940    z-index: 5;
14941  }
14942  
14943  /* Styling the thumb for webkit browsers */
14944  .custom-range-input input::-webkit-slider-thumb {
14945    height: 15px;
14946    width: 15px;
14947    border-radius: 50%;
14948    background: #000;
14949    cursor: pointer;
14950    pointer-events: auto;
14951    -webkit-appearance: none;
14952    border: 2px solid #fff;
14953    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
14954    z-index: 10;
14955  }
14956  
14957  /* Styling the thumb for Firefox */
14958  .custom-range-input input::-moz-range-thumb {
14959    height: 15px;
14960    width: 15px;
14961    border-radius: 50%;
14962    background: #000;
14963    cursor: pointer;
14964    pointer-events: auto;
14965    border: 2px solid #fff;
14966    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
14967    z-index: 10;
14968  }
14969  
14970  .custom-price-filter-button {
14971    display: block;
14972    margin: 20px auto 0;
14973    padding: 10px 30px;
14974    font-family: 'Montserrat', sans-serif;
14975    border-radius: 0;
14976    background-color: #121212;
14977    color: #fff;
14978    border: 1px solid #121212;
14979    text-transform: uppercase;
14980    transition: all 0.3s;
14981    cursor: pointer;
14982    font-size: 14px;
14983    font-weight: 500;
14984    outline: none;
14985    width: 100%;
14986    
14987  }
14988  
14989  .custom-price-filter-button:hover {
14990    background-color: #fff;
14991    color: #121212;
14992  }
14993</style>
14994
14995<script>
14996  document.addEventListener('DOMContentLoaded', function() {
14997    console.log('Adding GeeksForGeeks style price range slider (custom version)');
14998    
14999    setTimeout(function() {
15000      // Initialize elements with more specific selectors
15001      const rangeInput = document.querySelectorAll(".custom-range-input input");
15002      const priceInput = document.querySelectorAll(".custom-price-input input");
15003      const progress = document.querySelector(".custom-slider .custom-progress");
15004      const submitButton = document.querySelector(".custom-price-filter-button");
15005      
15006      // Debug information
15007      console.log('Range inputs found:', rangeInput.length);
15008      console.log('Price inputs found:', priceInput.length);
15009      console.log('Progress element found:', progress !== null);
15010      console.log('Submit button found:', submitButton !== null);
15011      
15012      // Exit if elements not found
15013      if (!rangeInput.length || !priceInput.length || !progress || !submitButton) {
15014        console.error('Required elements not found for price range slider');
15015        return;
15016      }
15017      
15018      // Set price gap
15019      const priceGap = 20; 
15020      
15021      // Set max price manually (since results.products_max_price seems to be 0)
15022      const maxPrice = 835; 
15023      console.log('Max price set manually:', maxPrice);
15024      
15025      // Get URL parameters to set initial values
15026      const urlParams = new URLSearchParams(window.location.search);
15027      const gteParam = urlParams.get('filter.v.price.gte');
15028      const lteParam = urlParams.get('filter.v.price.lte');
15029      
15030      // Set initial values
15031      if (gteParam) {
15032        priceInput[0].value = gteParam;
15033        rangeInput[0].value = gteParam;
15034      }
15035      
15036      if (lteParam) {
15037        priceInput[1].value = lteParam;
15038        rangeInput[1].value = lteParam;
15039      } else {
15040        priceInput[1].value = maxPrice;
15041        rangeInput[1].value = maxPrice;
15042      }
15043      
15044      // Force range min/max attributes
15045      rangeInput[0].setAttribute('max', maxPrice);
15046      rangeInput[1].setAttribute('max', maxPrice);
15047      
15048      // Update progress on load
15049      updateProgress();
15050      
15051      // Function to update progress bar
15052      function updateProgress() {
15053        try {
15054          const minVal = parseInt(rangeInput[0].value) || 0;
15055          const maxVal = parseInt(rangeInput[1].value) || maxPrice;
15056          
15057          if (maxVal - minVal < priceGap) {
15058            return;
15059          }
15060          
15061          const percent1 = (minVal / maxPrice) * 100;
15062          const percent2 = 100 - ((maxVal / maxPrice) * 100);
15063          
15064          console.log(`Setting progress bar: left ${percent1}%, right ${percent2}%`);
15065          progress.style.left = percent1 + "%";
15066          progress.style.right = percent2 + "%";
15067        } catch (e) {
15068          console.error('Error updating progress:', e);
15069        }
15070      }
15071      
15072      // Add event listeners to range inputs
15073      rangeInput.forEach(input => {
15074        input.addEventListener("input", (e) => {
15075          const minVal = parseInt(rangeInput[0].value) || 0;
15076          const maxVal = parseInt(rangeInput[1].value) || maxPrice;
15077          
15078          if (maxVal - minVal < priceGap) {
15079            if (e.target.className === "custom-range-min") {
15080              rangeInput[0].value = maxVal - priceGap;
15081            } else {
15082              rangeInput[1].value = minVal + priceGap;
15083            }
15084          } else {
15085            priceInput[0].value = minVal;
15086            priceInput[1].value = maxVal;
15087            updateProgress();
15088          }
15089        });
15090      });
15091      
15092      // Add event listeners to price inputs
15093      priceInput.forEach(input => {
15094        input.addEventListener("input", (e) => {
15095          let minVal = parseInt(priceInput[0].value) || 0;
15096          let maxVal = parseInt(priceInput[1].value) || maxPrice;
15097          
15098         
15099          minVal = Math.round(minVal / 5) * 5;
15100          maxVal = Math.round(maxVal / 5) * 5;
15101          
15102         
15103          if (e.target.className === "custom-min-input") {
15104            priceInput[0].value = minVal;
15105          } else {
15106            priceInput[1].value = maxVal;
15107          }
15108          
15109          if ((maxVal - minVal >= priceGap) && maxVal <= maxPrice) {
15110            if (e.target.className === "custom-min-input") {
15111              rangeInput[0].value = minVal;
15112              updateProgress();
15113            } else {
15114              rangeInput[1].value = maxVal;
15115              updateProgress();
15116            }
15117          }
15118        });
15119      });
15120      
15121      // Handle submit button click
15122      if (submitButton) {
15123        submitButton.addEventListener('click', function(e) {
15124          e.preventDefault();
15125          
15126          // Get current URL and create a new URL object
15127          const currentUrl = new URL(window.location.href);
15128          
15129          // Reset existing price filter parameters
15130          currentUrl.searchParams.delete('filter.v.price.gte');
15131          currentUrl.searchParams.delete('filter.v.price.lte');
15132          
15133          // Add new price filter parameters
15134          const minVal = parseInt(priceInput[0].value) || 0;
15135          const maxVal = parseInt(priceInput[1].value) || maxPrice;
15136          
15137          if (minVal > 0) {
15138            currentUrl.searchParams.set('filter.v.price.gte', minVal);
15139          }
15140          
15141          if (maxVal < maxPrice) {
15142            currentUrl.searchParams.set('filter.v.price.lte', maxVal);
15143          }
15144          
15145          // Force page reload with new URL
15146          window.location.href = currentUrl.toString();
15147        });
15148      }
15149      
15150      // Also handle the Enter key press on input fields
15151      priceInput.forEach(input => {
15152        if (input) {
15153          input.addEventListener('keypress', function(e) {
15154            if (e.key === 'Enter') {
15155              e.preventDefault();
15156              submitButton?.click();
15157            }
15158          });
15159        }
15160      });
15161      
15162      console.log('Price range slider initialization complete');
15163    }, 500);
15164  });
15165</script>
15165
15166
15167
15168        </aside><div
15169        class="product-grid-container"
15170        id="ProductGridContainer"
15171        data-defer-load="true"
15172        
15173      ><div class="collection">
15174            <div class="loading-overlay gradient"></div>
15175            <ul
15176              id="product-grid"
15177              data-id="template--28113427169578__product-grid"
15178              class="grid product-grid grid--2-col-tablet-down grid--3-col-desktop"
15179            >
15180              
15181
15182                <li
15183                  class="grid__item"
15184                  
15185                >
15186                  
15187<link href="//rendl.fi/cdn/shop/t/33/assets/component-rating.css?v=179577762467860590411788953233" rel="stylesheet" type="text/css" media="all" />
15188  <link href="//rendl.fi/cdn/shop/t/33/assets/component-volume-pricing.css?v=111870094811454961941788953232" rel="stylesheet" type="text/css" media="all" />
15189
15190  <link href="//rendl.fi/cdn/shop/t/33/assets/component-price.css?v=55932055337519532011788953234" rel="stylesheet" type="text/css" media="all" />
15191  <link href="//rendl.fi/cdn/shop/t/33/assets/quick-order-list.css?v=129932180309343703061788953233" rel="stylesheet" type="text/css" media="all" />
15192  <link href="//rendl.fi/cdn/shop/t/33/assets/quantity-popover.css?v=129068967981937647381788953231" rel="stylesheet" type="text/css" media="all" />
15193  
15194  <style>
15195    /* Styles for product status badge */
15196    .product-status-badge {
15197      position: absolute;
15198      top: 10px;
15199      left: 10px;
15200      z-index: 20;
15201      padding: 4px 10px;
15202      font-size: 12px;
15203      font-weight: 500;
15204      line-height: 1.2;
15205      background-color: #ffffff;
15206      text-transform: uppercase;
15207      display: inline-block;
15208      width: auto;
15209      height: auto;
15210      max-width: 90px;
15211      pointer-events: none;
15212    }
15213    
15214    /* IP rating badge styles */
15215    .ip-rate-badge {
15216      position: absolute;
15217      top: 10px;
15218      right: 10px;
15219      z-index: 20;
15220      padding: 4px 10px;
15221      font-size: 12px;
15222      font-weight: 500;
15223      line-height: 1.2;
15224      color: #4891d0;
15225      background-color: #ffffff;
15226      border: 1px solid #4891d0;
15227      text-transform: uppercase;
15228      display: inline-block;
15229      width: auto;
15230      height: auto;
15231      max-width: 90px;
15232      pointer-events: none;
15233    }
15234    
15235    /* Compare icon styles */
15236    /* Do not force .media { position: relative } — it collapses absolute product images to 0 height */
15237    .compare-icon {
15238      position: absolute;
15239      bottom: 8px;
15240      left: 8px;
15241      z-index: 25;
15242      width: 24px;
15243      height: 24px;
15244      background-color: rgba(255, 255, 255, 0.95);
15245      border-radius: 50%;
15246      display: flex;
15247      align-items: center;
15248      justify-content: center;
15249      cursor: pointer;
15250      transition: all 0.3s ease;
15251      opacity: 0;
15252      transform: scale(0.8);
15253      pointer-events: none;
15254      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
15255    }
15256    .card-wrapper:hover .compare-icon {
15257      opacity: 1;
15258      transform: scale(1);
15259      pointer-events: auto;
15260    }
15261    .compare-icon img {
15262      width: 12px;
15263      height: 12px;
15264      object-fit: contain;
15265    }
15266    @media screen and (max-width: 768px) {
15267      .compare-icon {
15268        width: 20px;
15269        height: 20px;
15270        bottom: 6px;
15271        left: 6px;
15272      }
15273      .compare-icon img {
15274        width: 10px;
15275        height: 10px;
15276      }
15277    }
15278
15279    /* Media icons stack (Energy label above DIMM) */
15280    .card-media-icons {
15281      position: absolute;
15282      bottom: 10px;
15283      right: 10px;
15284      z-index: 20;
15285      display: flex;
15286      flex-direction: column;
15287      align-items: flex-end;
15288      gap: 6px;
15289      pointer-events: none;
15290    }
15291
15292    /* Dimmable / Energy label icon styles */
15293    .dimmable-icon,
15294    .energy-label-icon {
15295      position: relative;
15296      width: 46px;
15297      height: 46px;
15298      display: flex;
15299      align-items: center;
15300      justify-content: center;
15301      font-weight: 500;
15302      cursor: help;
15303      transition: all 0.3s ease;
15304      opacity: 0;
15305      transform: scale(0.8);
15306      pointer-events: none;
15307      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
15308      background: white;
15309    }
15310    .card-wrapper:hover .dimmable-icon,
15311    .card-wrapper:hover .energy-label-icon {
15312      opacity: 1;
15313      transform: scale(1);
15314      pointer-events: auto;
15315    }
15316    .dimmable-icon img,
15317    .energy-label-icon img {
15318      width: 32px;
15319      height: 32px;
15320      object-fit: contain;
15321    }
15322
15323    .card-variant-swatches {
15324      position: absolute;
15325      left: 10px;
15326      bottom: 10px;
15327      z-index: 30;
15328      display: flex;
15329      align-items: center;
15330      gap: 6px;
15331      pointer-events: auto;
15332    }
15333
15334    .card-variant-swatch {
15335      position: relative;
15336      display: block;
15337      width: 18px;
15338      height: 18px;
15339      border-radius: 50%;
15340      border: 1px solid #aaaaaa;
15341      background-size: cover;
15342      background-position: center;
15343      background-repeat: no-repeat;
15344      flex: 0 0 18px;
15345      pointer-events: auto;
15346      cursor: pointer;
15347      text-decoration: none;
15348    }
15349
15350    .card-variant-swatch--empty {
15351      background: #f0f0f0;
15352    }
15353
15354    .card-variant-swatch-tooltip {
15355      position: absolute;
15356      left: 50%;
15357      bottom: calc(100% + 6px);
15358      transform: translateX(-50%);
15359      font-family: 'Montserrat', sans-serif;
15360      font-size: 11px;
15361      font-weight: 400;
15362      line-height: 1.2;
15363      color: #232323;
15364      background: #ffffff;
15365      border: 1px solid #eeeeee;
15366      padding: 3px 7px;
15367      white-space: nowrap;
15368      opacity: 0;
15369      visibility: hidden;
15370      transition: opacity 0.18s ease;
15371      pointer-events: none;
15372      z-index: 31;
15373    }
15374
15375    .card-variant-swatch:hover .card-variant-swatch-tooltip {
15376      opacity: 1;
15377      visibility: visible;
15378    }
15379
15380    .card-variant-swatch-discount {
15381      position: absolute;
15382      top: -12px;
15383      right: -10px;
15384      width: 18px;
15385      height: 18px;
15386      display: flex;
15387      align-items: center;
15388      justify-content: center;
15389      font-family: 'Montserrat', sans-serif;
15390      font-size: 12px;
15391      font-weight: 600;
15392      line-height: 1;
15393      color: white;
15394      background: #fc8453;
15395      border-radius: 50%;
15396      pointer-events: none;
15397    }
15398
15399    .card-variant-swatch-more {
15400      font-family: 'Montserrat', sans-serif;
15401      font-size: 11px;
15402      font-weight: 400;
15403      line-height: 1;
15404      color: #232323;
15405      background: rgba(255, 255, 255, 0.92);
15406      padding: 2px 6px;
15407      border: 1px solid rgba(0, 0, 0, 0.1);
15408      white-space: nowrap;
15409    }
15410
15411    @media screen and (max-width: 768px) {
15412      .card-media-icons {
15413        bottom: 8px;
15414        right: 8px;
15415        gap: 4px;
15416      }
15417      .dimmable-icon,
15418      .energy-label-icon {
15419        width: 36px;
15420        height: 36px;
15421      }
15422      .dimmable-icon img,
15423      .energy-label-icon img {
15424        width: 24px;
15425        height: 24px;
15426      }
15427
15428      .card-variant-swatches {
15429        left: 8px;
15430        bottom: 8px;
15431        gap: 5px;
15432      }
15433
15434      .card-variant-swatch {
15435        width: 18px;
15436        height: 18px;
15437        flex: 0 0 18px;
15438      }
15439
15440      .card-variant-swatch-more {
15441        font-size: 10px;
15442        padding: 2px 5px;
15443      }
15444    }
15445
15446    /* Dimmable / Energy label tooltip styles */
15447    .dimmable-tooltip,
15448    .energy-label-tooltip {
15449      position: absolute;
15450      bottom: 120%;
15451      right: 0;
15452      background: #FFFFFF;
15453      color: #232323;
15454      border: 1px solid #EEEEEE;
15455      box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
15456      padding: 8px 10px;
15457      font-size: 12px;
15458      font-weight: 400;
15459      line-height: 1.3;
15460      font-family: 'Montserrat', sans-serif;
15461      z-index: 10000;
15462      opacity: 0;
15463      transition: opacity 0.18s;
15464      white-space: normal;
15465      text-align: left;
15466      border-radius: 0;
15467      visibility: hidden;
15468      max-width: 180px;
15469      width: max-content;
15470      word-wrap: break-word;
15471      overflow-wrap: break-word;
15472    }
15473    .dimmable-icon:hover .dimmable-tooltip,
15474    .energy-label-icon:hover .energy-label-tooltip {
15475      visibility: visible;
15476      opacity: 1;
15477    }
15478
15479    /* Wishlist button styles for product cards */
15480    .card-wishlist-button {
15481      width: 42px;
15482      height: 42px;
15483      display: flex;
15484      align-items: center;
15485      justify-content: center;
15486      border: 1px solid #e0e0e0;
15487      background: rgba(255, 255, 255, 0.95);
15488      backdrop-filter: blur(4px);
15489      cursor: pointer;
15490      padding: 0;
15491      transition: background 0.2s ease, border-color 0.2s ease;
15492      opacity: 0;
15493      transform: scale(0.8);
15494      pointer-events: none;
15495    }
15496
15497    .card-wrapper:hover .compare-button-container .card-wishlist-button {
15498      opacity: 1;
15499      transform: scale(1);
15500      pointer-events: auto;
15501    }
15502
15503    .card-wishlist-button:hover {
15504      background: #fff;
15505      border-color: #ccc;
15506    }
15507
15508    .card-wishlist-button svg {
15509      width: 24px;
15510      height: 24px;
15511    }
15512
15513    .card-wishlist-button path {
15514      transition: fill 0.3s ease;
15515    }
15516
15517    /* Wishlist popup styles */
15518    .wishlist-category-popup {
15519      position: fixed;
15520      top: 0;
15521      left: 0;
15522      width: 100%;
15523      height: 100%;
15524      background: rgba(0, 0, 0, 0.5);
15525      z-index: 9999;
15526      display: flex;
15527      justify-content: center;
15528      align-items: center;
15529      font-family: 'Montserrat', sans-serif;
15530    }
15531
15532    .wishlist-category-popup-content {
15533      background: white;
15534      padding: 25px;
15535      width: 90%;
15536      max-width: 500px;
15537      position: relative;
15538      border: none;
15539      border-radius: 0;
15540      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
15541      max-height: 90vh;
15542      display: flex;
15543      flex-direction: column;
15544    }
15545
15546    .wishlist-category-popup h2 {
15547      margin: 0 0 20px;
15548      font-size: 20px;
15549      font-weight: 400;
15550      font-family: 'Montserrat', sans-serif;
15551      color: #333;
15552    }
15553
15554    .wishlist-category-popup button {
15555      font-family: 'Montserrat', sans-serif;
15556    }
15557
15558    .wishlist-category-popup button:focus {
15559      outline: none !important;
15560    }
15561
15562    .wishlist-category-popup input {
15563      width: 100%;
15564      padding: 10px;
15565      border: 1px solid #ddd;
15566      margin-bottom: 20px;
15567      font-family: 'Montserrat', sans-serif;
15568      font-size: 14px;
15569      border-radius: 0;
15570      height: 44px;
15571      box-sizing: border-box;
15572      box-shadow: none;
15573    }
15574
15575    .wishlist-category-popup input:focus {
15576      outline: none;
15577      border-color: #999;
15578    }
15579
15580    .wishlist-category-list {
15581      margin-bottom: 20px;
15582      max-height: 300px;
15583      overflow-y: auto;
15584      padding-right: 5px;
15585    }
15586
15587    /* Add scrollbar styling for better appearance */
15588    .wishlist-category-list::-webkit-scrollbar {
15589      width: 6px;
15590    }
15591
15592    .wishlist-category-list::-webkit-scrollbar-track {
15593      background: #f1f1f1;
15594    }
15595
15596    .wishlist-category-list::-webkit-scrollbar-thumb {
15597      background: #888;
15598      border-radius: 0;
15599    }
15600
15601    .wishlist-category-list::-webkit-scrollbar-thumb:hover {
15602      background: #555;
15603    }
15604
15605    .wishlist-category-option {
15606      padding: 12px 15px;
15607      border: 1px solid #eee;
15608      margin-bottom: 8px;
15609      cursor: pointer;
15610      font-family: 'Montserrat', sans-serif;
15611      font-size: 14px;
15612      border-radius: 0;
15613      transition: background 0.2s;
15614    }
15615
15616    .wishlist-category-option:hover {
15617      background-color: #f9f9f9;
15618    }
15619
15620    button.create-category-button {
15621      background: #1b1b1b;
15622      color: white;
15623      border: 1px solid #1b1b1b;
15624      padding: 10px 15px;
15625      cursor: pointer;
15626      width: 100%;
15627      text-transform: uppercase;
15628      letter-spacing: 0.5px;
15629      font-size: 14px;
15630      height: 44px;
15631      border-radius: 0;
15632      transition: all 0.3s;
15633    }
15634
15635    button.create-category-button:hover {
15636      background: white;
15637      color: #1b1b1b;
15638    }
15639
15640    .wishlist-category-popup label {
15641      display: block;
15642      margin-bottom: 5px;
15643      font-size: 14px;
15644      font-family: 'Montserrat', sans-serif;
15645    }
15646
15647    .wishlist-category-popup-close {
15648      position: absolute;
15649      top: 20px;
15650      right: 20px;
15651      background: none;
15652      border: none;
15653      font-size: 22px;
15654      cursor: pointer;
15655      padding: 0;
15656      line-height: 1;
15657      width: 22px;
15658      height: 22px;
15659      display: flex;
15660      align-items: center;
15661      justify-content: center;
15662    }
15663
15664    .wishlist-category-popup-close::before {
15665      content: '×';
15666      font-weight: 300;
15667    }
15668
15669    /* Toast styles */
15670    #wishlist-toast {
15671      position: fixed;
15672      bottom: 20px;
15673      right: 20px;
15674      z-index: 9999;
15675    }
15676
15677    #wishlist-toast div {
15678      background-color: #333;
15679      color: white;
15680      padding: 12px 20px;
15681      border-radius: 0;
15682      margin-top: 10px;
15683      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
15684      transition: all 0.3s ease;
15685      opacity: 0;
15686      font-family: 'Montserrat', sans-serif;
15687    }
15688
15689    @media (max-width: 768px) {
15690      .card-wishlist-button {
15691        width: 42px;
15692        height: 42px;
15693      }
15694      
15695      .card-wishlist-button svg {
15696        width: 24px;
15697        height: 24px;
15698      }
15699      
15700      .wishlist-category-popup-content {
15701        padding: 20px;
15702        width: 95%;
15703      }
15704      
15705      .wishlist-category-popup h2 {
15706        font-size: 18px;
15707      }
15708    }
15709
15710    /* Different colors for badges - outline style matching product page gallery */
15711    .product-status-badge.status-NEW {
15712      color: #8ED081;
15713      border: 1px solid #8ED081;
15714    }
15715    
15716    .product-status-badge.status-SALE {
15717      color: #ed6346;
15718      border: 1px solid #ed6346;
15719    }
15720    
15721    .product-status-badge.status-OUTLET {
15722      color: #FC8453;
15723      border: 1px solid #FC8453;
15724    }
15725    
15726    /* Styles for inner containers */
15727    .card__inner {
15728      position: relative; /* Required for absolute positioning of badge */
15729      z-index: 1;
15730      overflow: visible;
15731    }
15732
15733    .product-card-wrapper .card.card--extend-height.card--media .card__inner,
15734    .product-card-wrapper .card.card--standard.card--media .card__inner {
15735      overflow: visible !important;
15736    }
15737
15738    .product-card-wrapper .card__heading .full-unstyled-link::after {
15739      display: none !important;
15740    }
15741    
15742    .card__media-link-content {
15743      display: block;
15744      text-decoration: none;
15745      color: inherit;
15746      position: absolute;
15747      inset: 0;
15748      width: 100%;
15749      height: 100%;
15750    }
15751
15752    /* Fill ratio box so grid images are visible even if card.css cascade breaks */
15753    .product-card-wrapper .card__inner .card__media {
15754      position: absolute !important;
15755      inset: 0;
15756      width: 100%;
15757      height: 100%;
15758      margin: 0;
15759      z-index: 5;
15760      overflow: hidden;
15761    }
15762
15763    .product-card-wrapper .card__inner .card__media .media {
15764      position: absolute !important;
15765      inset: 0;
15766      width: 100%;
15767      height: 100%;
15768    }
15769
15770    .product-card-wrapper .card__inner .card__media .media > img {
15771      position: absolute !important;
15772      inset: 0;
15773      width: 100% !important;
15774      height: 100% !important;
15775      object-fit: cover;
15776      visibility: visible !important;
15777    }
15778
15779    .product-card-wrapper .card__inner .card__media .media > img:first-child {
15780      opacity: 1 !important;
15781    }
15782
15783    .product-card-wrapper .card__inner .card__media .media > img + img {
15784      opacity: 0 !important;
15785    }
15786
15787    .product-card-wrapper:hover .card__inner .card__media .media > img:first-child:not(:only-child) {
15788      opacity: 0 !important;
15789    }
15790
15791    .product-card-wrapper:hover .card__inner .card__media .media > img + img {
15792      opacity: 1 !important;
15793    }
15794
15795    /* Keep image-area badges on the media box (not at card footer) */
15796    .product-card-wrapper .card {
15797      position: relative !important;
15798    }
15799
15800    .product-card-wrapper .card__inner {
15801      position: relative !important;
15802      z-index: 1;
15803    }
15804
15805    .product-card-wrapper .product-status-badge {
15806      position: absolute !important;
15807      top: 10px !important;
15808      left: 10px !important;
15809      right: auto !important;
15810      bottom: auto !important;
15811      z-index: 20 !important;
15812    }
15813
15814    .product-card-wrapper .ip-rate-badge {
15815      position: absolute !important;
15816      top: 10px !important;
15817      right: 10px !important;
15818      left: auto !important;
15819      bottom: auto !important;
15820      z-index: 20 !important;
15821    }
15822
15823    /* Dawn sold-out/sale badge: pin to image top-left (was under the button) */
15824    .product-card-wrapper .card > .card__content > .card__badge {
15825      display: block !important;
15826      position: absolute !important;
15827      top: 10px !important;
15828      left: 10px !important;
15829      right: auto !important;
15830      bottom: auto !important;
15831      margin: 0 !important;
15832      z-index: 19 !important;
15833      grid-row: auto !important;
15834      align-self: auto !important;
15835      justify-self: auto !important;
15836    }
15837
15838    /* Avoid duplicate when custom status badge already shows on the image */
15839    .product-card-wrapper .card:has(.product-status-badge) > .card__content > .card__badge {
15840      display: none !important;
15841    }
15842
15843    /* Hide the card content inside card__inner */
15844    .card__inner .card__content {
15845      display: none; /* Hide the gray content area */
15846    }
15847    
15848    /* Product description styles */
15849    .card__description {
15850      margin: 8px 0 12px 0;
15851      font-size: 13px;
15852      line-height: 1.4;
15853      color: #666;
15854      font-family: 'Montserrat', sans-serif;
15855      font-weight: 400;
15856      overflow: hidden;
15857      display: -webkit-box;
15858      -webkit-line-clamp: 3;
15859      -webkit-box-orient: vertical;
15860      min-height:50px;
15861    }
15862    
15863    /* Show MC price only on hover with smooth height transition */
15864    .card-wrapper:hover .mc-price-container {
15865      max-height: 30px !important;
15866    }
15867
15868    /* Compare and wishlist buttons hidden from product cards */
15869    .compare-button-container {
15870      display: none;
15871    }
15872    
15873    .compare-button-simple {
15874      background: rgba(255, 255, 255, 0.95);
15875      border: 1px solid #e0e0e0;
15876      padding: 8px 12px;
15877      border-radius: 0; /* Remove border radius */
15878      font-size: 13px;
15879      font-family: 'Montserrat', sans-serif;
15880      backdrop-filter: blur(4px);
15881      cursor: pointer;
15882      display: inline-flex;
15883      align-items: center;
15884      justify-content: center;
15885      gap: 6px;
15886      transition: background 0.2s ease, border-color 0.2s ease;
15887      text-decoration: none;
15888      color: inherit;
15889      position: relative;
15890      z-index: 11;
15891      min-width: 100px; /* Ensure consistent button width */
15892    }
15893    
15894    .compare-button-simple:hover {
15895      background: #fff;
15896      border-color: #ccc;
15897    }
15898    
15899    .compare-button-content {
15900      display: flex;
15901      align-items: center;
15902      gap: 6px;
15903      transition: opacity 0.2s ease;
15904    }
15905    
15906    .compare-text {
15907      font-weight: 400;
15908      color: #333;
15909      font-family: 'Montserrat', sans-serif;
15910    }
15911    
15912    .compare-icon-small {
15913      width: 24px;
15914      height: 24px;
15915      opacity: 1;
15916      transition: opacity 0.2s;
15917    }
15918    
15919    .compare-button-simple:hover .compare-icon-small {
15920      opacity: 1;
15921    }
15922    
15923    .compare-spinner-small {
15924      display: none;
15925      align-items: center;
15926      justify-content: center;
15927      position: absolute;
15928      top: 50%;
15929      left: 50%;
15930      transform: translate(-50%, -50%);
15931    }
15932    
15933    .spinner-svg-small {
15934      display: block;
15935    }
15936    
15937    /* When spinner is active, hide text and icon */
15938    .compare-button-simple.loading .compare-button-content {
15939      opacity: 0;
15940    }
15941    
15942    .compare-button-simple.loading .compare-spinner-small {
15943      display: flex;
15944    }
15945    
15946    /* Success state for button text */
15947    .compare-button-simple.success .compare-text {
15948      color: #28a745; /* Green color for success */
15949      font-weight: 500;
15950    }
15951    
15952    /* Remove state styles - red color */
15953    .compare-button-simple.in-comparison {
15954      border-color: #dc3545; /* Red border */
15955      background: rgba(220, 53, 69, 0.1); /* Light red background */
15956    }
15957    
15958    .compare-button-simple.in-comparison:hover {
15959      background: rgba(220, 53, 69, 0.2); /* Darker red on hover */
15960      border-color: #c82333; /* Darker red border on hover */
15961    }
15962    
15963    .compare-button-simple.in-comparison .compare-text {
15964      color: #dc3545; /* Red text color */
15965      font-weight: 500;
15966    }
15967    
15968    .compare-button-container.in-comparison {
15969      opacity: 1; /* Always visible when item is in comparison */
15970      max-height: 50px;
15971      pointer-events: auto;
15972    }
15973    .compare-button-simple.in-comparison .compare-icon-small {
15974      /* Red filter */
15975      filter: brightness(0) saturate(100%) invert(19%) sepia(97%) saturate(7482%) hue-rotate(357deg) brightness(97%) contrast(119%);
15976    }
15977  </style>
15978  
15979<div class="card-wrapper product-card-wrapper underline-links-hover">
15980
15981    <div
15982      class="
15983        card card--standard
15984         card--media
15985        
15986        
15987        
15988        
15989        
15990      "
15991      style="--ratio-percent: 100.0%;"
15992      data-product-id="9746642796842"
15993      data-description="Ulkokäyttöön tarkoitettu LED-pylväs, maalattua alumiinia, jossa on alaspäin suuntautuva valaistus. Soveltuu kulkuväylien ja polkujen valaistukseen."
15994      data-status-in-sortiment="NEW"
15995      data-ip-rate="IP65"
15996      
15997      data-variant-id="52387454583082"
15998      data-price="120.00 EUR"
15999      data-compare-at-price=""
16000      data-available="false"
16001      data-barcode="8595685429137"
16002      data-ip-rate="IP65"
16003      data-lumens="580"
16004      data-power-source=""
16005      data-watt="7.0"
16006      data-kelvin="3000"
16007      data-light-color=""
16008      data-diameter=""
16009      data-weight-netto="1115.0"
16010      data-weight-unit="g"
16011      data-mounting-hole-size=""
16012      data-recess-depth=""
16013      data-suspension-lenght=""
16014      data-turn-angle=""
16015      data-tilt-angle=""
16016      data-switch=""
16017      data-socket=""
16018      data-light-source-recomended=""
16019      data-height="30"
16020      data-length="7.5"
16021      data-Length=""
16022    >
16023      <div
16024        class="card__inner color-scheme-2 gradient ratio"
16025        style="--ratio-percent: 100.0%;"
16026      >
16027        
16028<div class="product-status-badge status-NEW">
16029            <span>NEW</span>
16030          </div>
16031<div class="ip-rate-badge">
16032            <span>IP65</span>
16033          </div><div class="card__media">
16034            <a class="card__media-link-content" href="/products/torin-30-floor-lamp" aria-label="TORIN 30">
16035              <div class="media media--transparent media--hover-effect">
16036              
16037              <img
16038                class="product-image motion-reduce"
16039                srcset="//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=165 165w,//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=360 360w,//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=533 533w,//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=720 720w,//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=940 940w,//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=1066 1066w,//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897 3162w
16040                "
16041                src="//rendl.fi/cdn/shop/files/r14169-1.jpg?v=1770944897&width=533"
16042                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
16043                alt="RENDL outdoor lamp TORIN 30 floor light grey  230V LED 7W 120° IP65  3000K R14169 1"
16044                
16045                width="3162"
16046                height="3162"
16047              >
16048              
16049<img
16050                  class="product-image motion-reduce"
16051                  srcset="//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=165 165w,//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=360 360w,//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=533 533w,//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=720 720w,//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=940 940w,//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=1066 1066w,//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240 3162w
16052                  "
16053                  src="//rendl.fi/cdn/shop/files/r14169-3.jpg?v=1783732240&width=533"
16054                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
16055                  alt=""
16056                  loading="lazy"
16057                  width="3162"
16058                  height="3162"
16059                ></div>
16060            </a>
16061            
16062<div class="card-media-icons"><div class="energy-label-icon">
16063                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
16064                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
16065</div>
16066                  </div></div><div class="card-variant-swatches"><a
16067                    class="card-variant-swatch"
16068                    href="/products/torin-30-floor-lamp?variant=52387454583082"
16069                    
16070                      style="background-image: url('//rendl.fi/cdn/shop/files/55_light-grey.jpg?v=1739538326&width=64');"
16071                    
16072                    aria-label="vaaleanharmaa"
16073                  >
16074                    <span class="card-variant-swatch-tooltip">vaaleanharmaa</span></a><a
16075                    class="card-variant-swatch"
16076                    href="/products/torin-30-floor-lamp?variant=52387454615850"
16077                    
16078                      style="background-image: url('//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=64');"
16079                    
16080                    aria-label="musta"
16081                  >
16082                    <span class="card-variant-swatch-tooltip">musta</span></a></div></div><div class="card__content">
16083          <div class="card__information">
16084            <h3
16085              class="card__heading"
16086              
16087            >
16088              <a
16089                href="/products/torin-30-floor-lamp"
16090                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746642796842"
16091                class="full-unstyled-link"
16092                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746642796842 NoMediaStandardBadge-template--28113427169578__product-grid-9746642796842"
16093              >
16094                TORIN 30
16095              </a>
16096            </h3>
16097          </div>
16098          <div class="card__badge bottom left"><span
16099                id="NoMediaStandardBadge-template--28113427169578__product-grid-9746642796842"
16100                class="badge badge--bottom-left color-scheme-3"
16101              >Matkalla</span></div>
16102        </div>
16103      </div>
16104      <div class="card__content">
16105        <div class="card__information">
16106          <h3
16107            class="card__heading h5"
16108            
16109              id="title-template--28113427169578__product-grid-9746642796842"
16110            
16111          >
16112            <a
16113              href="/products/torin-30-floor-lamp"
16114              id="CardLink-template--28113427169578__product-grid-9746642796842"
16115              class="full-unstyled-link"
16116              aria-labelledby="CardLink-template--28113427169578__product-grid-9746642796842 Badge-template--28113427169578__product-grid-9746642796842"
16117            >
16118              TORIN 30
16119            </a>
16120          </h3><div class="card__description">
16121              Ulkokäyttöön tarkoitettu LED-pylväs, maalattua alumiinia, jossa on alaspäin suuntautuva valaistus. Soveltuu kulkuväylien ja polkujen valaistukseen.
16122            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
16123              
16124<div
16125    class="
16126      price  price--sold-out"
16127  >
16128    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
16129          <span class="price-item price-item--regular">
16130            120.00 EUR
16131          </span></div>
16132      <div class="price__sale">
16133          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
16134          <span>
16135            <s class="price-item price-item--regular">
16136              
16137                
16138              
16139            </s>
16140          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
16141        <span class="price-item price-item--sale price-item--last">
16142          120.00 EUR
16143        </span>
16144      </div>
16145      <small class="unit-price caption hidden">
16146        <span class="visually-hidden">Yksikköhinta</span>
16147        <span class="price-item price-item--last">
16148          <span></span>
16149          <span aria-hidden="true">/</span>
16150          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
16151          <span>
16152          </span>
16153        </span>
16154      </small>
16155    </div></div>
16156
16157
16158</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
16159              <button class="compare-button-simple" 
16160                      data-product-id="9746642796842" 
16161                      data-product-title="TORIN 30"
16162                      data-product-handle="torin-30-floor-lamp">
16163                              <span class="compare-button-content">
16164                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
16165                    <span class="compare-text" data-translate="compare">compare</span>
16166                  </span>
16167                <span class="compare-spinner-small">
16168                  <!-- Small spinner for button -->
16169                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
16170                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
16171                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
16172                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indefinite"/>
16173                    </path>
16174                  </svg>
16175                </span>
16176              </button>
16177              
16178              <!-- Wishlist button next to compare button -->
16179              <button type="button" class="card-wishlist-button" data-wishlist-product="9746642796842">
16180                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
16181                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
16182                </svg>
16183              </button>
16184            </div></div>
16185        </div>
16186        
16187        
16188        
16189          <div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-9746642796842">
16190                <button
16191                  id="quick-add-template--28113427169578__product-grid9746642796842-submit"
16192                  type="submit"
16193                  name="add"
16194                  class="quick-add__submit button button--full-width button--secondary"
16195                  aria-haspopup="dialog"
16196                  aria-labelledby="quick-add-template--28113427169578__product-grid9746642796842-submit title-template--28113427169578__product-grid-9746642796842"
16197                  data-product-url="/products/torin-30-floor-lamp"
16198                >
16199                  Valitse vaihtoehdot
16200
16201
16202<div class="loading__spinner hidden">
16203  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
16204
16205</div>
16206</button>
16207              </modal-opener>
16208              <quick-add-modal id="QuickAdd-9746642796842" class="quick-add-modal">
16209                <div
16210                  role="dialog"
16211                  aria-label="Valitse vaihtoehtoja tuotteelle TORIN 30"
16212                  aria-modal="true"
16213                  class="quick-add-modal__content global-settings-popup"
16214                  tabindex="-1"
16215                >
16216                  <button
16217                    id="ModalClose-9746642796842"
16218                    type="button"
16219                    class="quick-add-modal__toggle"
16220                    aria-label="Sulje"
16221                  ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
16222</button>
16223                  <div id="QuickAddInfo-9746642796842" class="quick-add-modal__content-info"></div>
16224                </div>
16225              </quick-add-modal></div>
16226        
16227        <div class="card__badge bottom left"><span
16228              id="Badge-template--28113427169578__product-grid-9746642796842"
16229              class="badge badge--bottom-left color-scheme-3"
16230            >Matkalla</span></div>
16231      </div>
16232    </div>
16233  </div>
16233<script>
16234  // Initialize global compare translations only once
16235  if (typeof window.compareButtonTranslations === 'undefined') {
16236    window.compareButtonTranslations = {
16237      compare: {
16238        en: 'compare',
16239        cs: 'porovnat',
16240        sk: 'porovnať',
16241        de: 'vergleichen',
16242        at: 'vergleichen',
16243        ch: 'vergleichen',
16244        fr: 'comparer',
16245        be: 'comparer',
16246        lu: 'comparer',
16247        it: 'confronta',
16248        es: 'comparar',
16249        nl: 'vergelijken',
16250        pl: 'porównaj',
16251        hu: 'összehasonlít',
16252        ro: 'compară',
16253        bg: 'сравни',
16254        hr: 'usporedi',
16255        fi: 'vertaile',
16256        gr: 'σύγκριση',
16257        el: 'σύγκριση',
16258        no: 'sammenlign',
16259        'pt-PT': 'comparar',
16260        sl: 'primerjaj',
16261        sv: 'jämför',
16262        lv: 'salīdzināt',
16263        lt: 'palyginti',
16264        ee: 'võrdle',
16265        dk: 'sammenlign',
16266        gb: 'compare',
16267        uk: 'compare',
16268        ie: 'compare',
16269        us: 'compare',
16270        ca: 'compare',
16271        au: 'compare',
16272        nz: 'compare',
16273        ru: 'сравнить'
16274      },
16275      remove: {
16276        en: 'remove',
16277        cs: 'odebrat',
16278        sk: 'odobrať',
16279        de: 'entfernen',
16280        at: 'entfernen',
16281        ch: 'entfernen',
16282        fr: 'supprimer',
16283        be: 'supprimer',
16284        lu: 'supprimer',
16285        it: 'rimuovi',
16286        es: 'eliminar',
16287        nl: 'verwijderen',
16288        pl: 'usuń',
16289        hu: 'eltávolít',
16290        ro: 'elimină',
16291        bg: 'премахни',
16292        hr: 'ukloni',
16293        fi: 'poista',
16294        gr: 'αφαίρεση',
16295        el: 'αφαίρεση',
16296        no: 'fjern',
16297        'pt-PT': 'remover',
16298        sl: 'odstrani',
16299        sv: 'ta bort',
16300        lv: 'noņemt',
16301        lt: 'pašalinti',
16302        ee: 'eemalda',
16303        dk: 'fjern',
16304        gb: 'remove',
16305        uk: 'remove',
16306        ie: 'remove',
16307        us: 'remove',
16308        ca: 'remove',
16309        au: 'remove',
16310        nz: 'remove',
16311        ru: 'удалить'
16312      },
16313      added: {
16314        en: 'Added!',
16315        cs: 'Přidáno!',
16316        sk: 'Pridané!',
16317        de: 'Hinzugefügt!',
16318        at: 'Hinzugefügt!',
16319        ch: 'Hinzugefügt!',
16320        fr: 'Ajouté!',
16321        be: 'Ajouté!',
16322        lu: 'Ajouté!',
16323        it: 'Aggiunto!',
16324        es: '¡Añadido!',
16325        nl: 'Toegevoegd!',
16326        pl: 'Dodano!',
16327        hu: 'Hozzáadva!',
16328        ro: 'Adăugat!',
16329        bg: 'Добавено!',
16330        hr: 'Dodano!',
16331        fi: 'Lisätty!',
16332        gr: 'Προστέθηκε!',
16333        el: 'Προστέθηκε!',
16334        no: 'Lagt til!',
16335        'pt-PT': 'Adicionado!',
16336        sl: 'Dodano!',
16337        sv: 'Tillagd!',
16338        lv: 'Pievienots!',
16339        lt: 'Pridėta!',
16340        ee: 'Lisatud!',
16341        dk: 'Tilføjet!',
16342        gb: 'Added!',
16343        uk: 'Added!',
16344        ie: 'Added!',
16345        us: 'Added!',
16346        ca: 'Added!',
16347        au: 'Added!',
16348        nz: 'Added!',
16349        ru: 'Добавлено!'
16350      },
16351      removed: {
16352        en: 'Removed!',
16353        cs: 'Odebráno!',
16354        sk: 'Odobrané!',
16355        de: 'Entfernt!',
16356        at: 'Entfernt!',
16357        ch: 'Entfernt!',
16358        fr: 'Supprimé!',
16359        be: 'Supprimé!',
16360        lu: 'Supprimé!',
16361        it: 'Rimosso!',
16362        es: '¡Eliminado!',
16363        nl: 'Verwijderd!',
16364        pl: 'Usunięto!',
16365        hu: 'Eltávolítva!',
16366        ro: 'Eliminat!',
16367        bg: 'Премахнато!',
16368        hr: 'Uklonjeno!',
16369        fi: 'Poistettu!',
16370        gr: 'Αφαιρέθηκε!',
16371        el: 'Αφαιρέθηκε!',
16372        no: 'Fjernet!',
16373        'pt-PT': 'Removido!',
16374        sl: 'Odstranjeno!',
16375        sv: 'Borttaget!',
16376        lv: 'Noņemts!',
16377        lt: 'Pašalinta!',
16378        ee: 'Eemaldatud!',
16379        dk: 'Fjernet!',
16380        gb: 'Removed!',
16381        uk: 'Removed!',
16382        ie: 'Removed!',
16383        us: 'Removed!',
16384        ca: 'Removed!',
16385        au: 'Removed!',
16386        nz: 'Removed!',
16387        ru: 'Удалено!'
16388      }
16389    };
16390
16391    // Tooltip translations for price info
16392    window.tooltipTranslations = {
16393      tooltipPrice: {
16394        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16395        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
16396        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
16397        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
16398        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
16399        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
16400        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
16401        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
16402        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
16403        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
16404        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
16405        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
16406        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
16407        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
16408        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
16409        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
16410        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
16411        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
16412        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
16413        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
16414        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
16415        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
16416        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
16417        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
16418        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
16418iks atskaitīts, ja piemērojams.",
16419        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
16420        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
16421        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
16422        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16423        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16424        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16425        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16426        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16427        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16428        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
16429        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
16430      },
16431      tooltipOutlet: {
16432        en: "We do not provide additional wholesale discounts on outlet products.",
16433        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
16434        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
16435        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
16436        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
16437        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
16438        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
16439        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
16440        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
16441        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
16442        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
16443        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
16444        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
16445        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
16446        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
16447        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
16448        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
16449        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
16450        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
16451        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
16452        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
16453        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
16454        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
16455        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
16456        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
16457        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
16458        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
16459        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
16460        gb: "We do not provide additional wholesale discounts on outlet products.",
16461        uk: "We do not provide additional wholesale discounts on outlet products.",
16462        ie: "We do not provide additional wholesale discounts on outlet products.",
16463        us: "We do not provide additional wholesale discounts on outlet products.",
16464        ca: "We do not provide additional wholesale discounts on outlet products.",
16465        au: "We do not provide additional wholesale discounts on outlet products.",
16466        nz: "We do not provide additional wholesale discounts on outlet products.",
16467        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
16468      }
16469    };
16470
16471    // Get current locale from document
16472    window.currentLocale = document.documentElement.lang || 'en';
16473
16474    // Function to translate compare buttons
16475    window.translateCompareButtons = function() {
16476      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
16477      compareTexts.forEach(function(textEl) {
16478        const button = textEl.closest('.compare-button-simple');
16479        const isInComparison = button && button.hasAttribute('data-in-comparison');
16480        
16481        if (isInComparison) {
16482          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
16483          textEl.textContent = translation;
16484        } else {
16485          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
16486          textEl.textContent = translation;
16487        }
16488      });
16489    };
16490
16491    // Function to format price with space as thousands separator (only for tooltip)
16492    function formatTooltipPrice(price) {
16493      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
16494      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
16495    }
16496
16497    // Function to translate tooltips with price
16498    window.translateTooltips = function() {
16499      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
16500      tooltips.forEach(function(tooltip) {
16501        const icon = tooltip.closest('.price-info-icon');
16502        if (icon) {
16503          const status = icon.getAttribute('data-status');
16504          // Check if this is an outlet product
16505          if (status === 'outlet') {
16506            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
16507            tooltip.textContent = translation;
16508            return; // Exit early for outlet products
16509          }
16510          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
16511          // Get wholesale price from the actual price display on the card
16512          const card = icon.closest('[data-product-id]');
16513          let wholesalePrice = '';
16514          if (card) {
16515            // Find the main price element on the card
16516            const priceElement = card.querySelector('.price .price-item--regular');
16517            if (priceElement) {
16518              wholesalePrice = priceElement.textContent.trim();
16519            }
16520          }
16521          if (retailPrice && wholesalePrice) {
16522            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
16523            let formattedRetailPrice = formatTooltipPrice(retailPrice);
16524            let formattedWholesalePrice = wholesalePrice;
16525            if (window.formatPriceText) {
16526              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
16527            }
16528            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
16529            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
16530            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
16531            tooltip.textContent = translatedText;
16532          }
16533        }
16534      });
16535    };
16536
16537    // Function to update button state based on comparison status
16538    window.updateCompareButtonState = function(productId, isInComparison) {
16539      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
16540      buttons.forEach(function(button) {
16541        const buttonContainer = button.closest('.compare-button-container');
16542        const compareText = button.querySelector('.compare-text');
16543        
16544        if (isInComparison) {
16545          button.setAttribute('data-in-comparison', 'true');
16546          button.classList.add('in-comparison');
16547          buttonContainer.classList.add('in-comparison');
16548          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
16549          compareText.textContent = removeText;
16550        } else {
16551          button.removeAttribute('data-in-comparison');
16552          button.classList.remove('in-comparison');
16553          buttonContainer.classList.remove('in-comparison');
16554          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
16555          compareText.textContent = compareTextTranslation;
16556        }
16557      });
16558    };
16559  }
16560
16561  // Initialize compare button states based on localStorage
16562  window.initializeCompareButtonStates = function() {
16563    if (typeof window.RendlCompare !== 'undefined') {
16564      const compareItems = window.RendlCompare.getItems();
16565      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
16566        const productId = button.getAttribute('data-product-id');
16567        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
16568        window.updateCompareButtonState(productId, isInComparison);
16569      });
16570    }
16571  };
16572
16573  // Compare button UI animation - the actual functionality is handled by compare-system.js
16574  document.addEventListener('DOMContentLoaded', function() {
16575    // Apply translations on page load
16576    if (window.translateCompareButtons) {
16577      window.translateCompareButtons();
16578    }
16579    
16580    // Initialize button states based on comparison data
16581    setTimeout(function() {
16582      if (window.initializeCompareButtonStates) {
16583        window.initializeCompareButtonStates();
16584      }
16585    }, 100); // Small delay to ensure compare system is loaded
16586    
16587    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
16588      // Skip if already has event listener
16589      if (button.hasAttribute('data-compare-initialized')) {
16590        return;
16591      }
16592      button.setAttribute('data-compare-initialized', 'true');
16593      
16594      button.addEventListener('click', function(e) {
16595        var buttonContainer = button.closest('.compare-button-container');
16596        var compareText = button.querySelector('.compare-text');
16597        var isInComparison = button.hasAttribute('data-in-comparison');
16598        var productId = button.getAttribute('data-product-id');
16599        
16600        // Prevent multiple clicks during loading
16601        if (button.classList.contains('loading')) {
16602          return;
16603        }
16604        
16605        // Make button always visible during the process
16606        buttonContainer.classList.add('active');
16607        
16608        // Add loading class to show spinner
16609        button.classList.add('loading');
16610        
16611        // UI feedback timing
16612        setTimeout(function() {
16613          // Remove loading class and show success message
16614          button.classList.remove('loading');
16615          button.classList.add('success');
16616          
16617          if (isInComparison) {
16618            // Removing from comparison
16619            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
16620            
16621            // Update button state after removal
16622            setTimeout(function() {
16623              button.classList.remove('success');
16624              window.updateCompareButtonState(productId, false);
16625              buttonContainer.classList.remove('active');
16626            }, 1500);
16627          } else {
16628            // Adding to comparison
16629            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
16630            
16631            // Update button state after addition
16632            setTimeout(function() {
16633              button.classList.remove('success');
16634              window.updateCompareButtonState(productId, true);
16635              buttonContainer.classList.remove('active');
16636            }, 1500);
16637          }
16638        }, 1200);
16639      });
16640    });
16641
16642    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
16643    setTimeout(function() {
16644      if (window.translateTooltips) {
16645        window.translateTooltips();
16646      }
16647    }, 100);
16648  });
16649
16650  // Ensure compare button states are initialized after RendlCompare is available
16651  document.addEventListener('DOMContentLoaded', function() {
16652    function tryInitCompareButtons() {
16653      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
16654        window.initializeCompareButtonStates();
16655      } else {
16656        setTimeout(tryInitCompareButtons, 100);
16657      }
16658    }
16659    tryInitCompareButtons();
16660  });
16661
16662  // Self-contained wishlist functionality for card-product
16663  (function() {
16664    // Wishlist translations
16665    var wishlistTranslations = {
16666      'en': {
16667        addToWishlist: 'Add to My Favorites',
16668        createCategory: 'Create new category:',
16669        categoryPlaceholder: 'Category name',
16670        createAndAdd: 'Create & Add Item',
16671        alreadyAdded: '(Already added)',
16672        addedToWishlist: 'added to My Favorites',
16673        removedFromWishlist: 'removed from My Favorites',
16674        allFavorites: 'All Favorites'
16675      },
16676      'cs': {
16677        addToWishlist: 'Přidat do oblíbených',
16678        createCategory: 'Vytvořit novou skupinu:',
16679        categoryPlaceholder: 'Název nové skupiny',
16680        createAndAdd: 'Vytvořit a přidat skupinu',
16681        alreadyAdded: '(Již přidáno)',
16682        addedToWishlist: 'přidáno do oblíbených',
16683        removedFromWishlist: 'odebráno z oblíbených',
16684        allFavorites: 'Všechny oblíbené'
16685      },
16686      'sk': {
16687        addToWishlist: 'Pridať do obľúbených',
16688        createCategory: 'Vytvoriť novú kategóriu:',
16689        categoryPlaceholder: 'Názov kategórie',
16690        createAndAdd: 'Vytvoriť a pridať položku',
16691        alreadyAdded: '(Už pridané)',
16692        addedToWishlist: 'pridané do obľúbených',
16693        removedFromWishlist: 'odstránené z obľúbených',
16694        allFavorites: 'Všetky obľúbené'
16695      },
16696      'de': {
16697        addToWishlist: 'Zu meinen Favoriten hinzufügen',
16698        createCategory: 'Neue Kategorie erstellen:',
16699        categoryPlaceholder: 'Kategoriename',
16700        createAndAdd: 'Erstellen & hinzufügen',
16701        alreadyAdded: '(Bereits hinzugefügt)',
16702        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
16703        removedFromWishlist: 'aus meinen Favoriten entfernt',
16704        allFavorites: 'Alle Favoriten'
16705      },
16706      'fr': {
16707        addToWishlist: 'Ajouter à mes favoris',
16708        createCategory: 'Créer une nouvelle catégorie :',
16709        categoryPlaceholder: 'Nom de la catégorie',
16710        createAndAdd: 'Créer et ajouter',
16711        alreadyAdded: '(Déjà ajouté)',
16712        addedToWishlist: 'ajouté à mes favoris',
16713        removedFromWishlist: 'retiré de mes favoris',
16714        allFavorites: 'Tous les favoris'
16715      },
16716      'it': {
16717        addToWishlist: 'Aggiungi ai preferiti',
16718        createCategory: 'Crea nuova categoria:',
16719        categoryPlaceholder: 'Nome categoria',
16720        createAndAdd: 'Crea e aggiungi',
16721        alreadyAdded: '(Già aggiunto)',
16722        addedToWishlist: 'aggiunto ai preferiti',
16723        removedFromWishlist: 'rimosso dai preferiti',
16724        allFavorites: 'Tutti i preferiti'
16725      },
16726      'es': {
16727        addToWishlist: 'Añadir a mis favoritos',
16728        createCategory: 'Crear nueva categoría:',
16729        categoryPlaceholder: 'Nombre de la categoría',
16730        createAndAdd: 'Crear y añadir',
16731        alreadyAdded: '(Ya añadido)',
16732        addedToWishlist: 'añadido a mis favoritos',
16733        removedFromWishlist: 'eliminado de mis favoritos',
16734        allFavorites: 'Todos los favoritos'
16735      },
16736      'nl': {
16737        addToWishlist: 'Toevoegen aan mijn favorieten',
16738        createCategory: 'Nieuwe categorie aanmaken:',
16739        categoryPlaceholder: 'Categorienaam',
16740        createAndAdd: 'Aanmaken & toevoegen',
16741        alreadyAdded: '(Al toegevoegd)',
16742        addedToWishlist: 'toegevoegd aan mijn favorieten',
16743        removedFromWishlist: 'verwijderd uit mijn favorieten',
16744        allFavorites: 'Alle favorieten'
16745      },
16746      'pl': {
16747        addToWishlist: 'Dodaj do ulubionych',
16748        createCategory: 'Utwórz nową kategorię:',
16749        categoryPlaceholder: 'Nazwa kategorii',
16750        createAndAdd: 'Utwórz i dodaj',
16751        alreadyAdded: '(Już dodane)',
16752        addedToWishlist: 'dodano do ulubionych',
16753        removedFromWishlist: 'usunięto z ulubionych',
16754        allFavorites: 'Wszystkie ulubione'
16755      },
16756      'hu': {
16757        addToWishlist: 'Hozzáadás a kedvencekhez',
16758        createCategory: 'Új kategória létrehozása:',
16759        categoryPlaceholder: 'Kategória neve',
16760        createAndAdd: 'Létrehozás és hozzáadás',
16761        alreadyAdded: '(Már hozzáadva)',
16762        addedToWishlist: 'hozzáadva a kedvencekhez',
16763        removedFromWishlist: 'eltávolítva a kedvencekből',
16764        allFavorites: 'Minden kedvenc'
16765      },
16766      'ro': {
16767        addToWishlist: 'Adaugă la favorite',
16768        createCategory: 'Creează o nouă categorie:',
16769        categoryPlaceholder: 'Nume categorie',
16770        createAndAdd: 'Creează și adaugă',
16771        alreadyAdded: '(Deja adăugat)',
16772        addedToWishlist: 'adăugat la favorite',
16773        removedFromWishlist: 'eliminat din favorite',
16774        allFavorites: 'Toate preferințele'
16775      },
16776      'bg': {
16777        addToWishlist: 'Добави в любими',
16778        createCategory: 'Създай нова категория:',
16779        categoryPlaceholder: 'Име на категория',
16780        createAndAdd: 'Създай и добави',
16781        alreadyAdded: '(Вече добавено)',
16782        addedToWishlist: 'добавено в любими',
16783        removedFromWishlist: 'премахнато от любими',
16784        allFavorites: 'Всички любими'
16785      },
16786      'hr': {
16787        addToWishlist: 'Dodaj u favorite',
16788        createCategory: 'Kreiraj novu kategoriju:',
16789        categoryPlaceholder: 'Naziv kategorije',
16790        createAndAdd: 'Kreiraj i dodaj',
16791        alreadyAdded: '(Već dodano)',
16792        addedToWishlist: 'dodano u favorite',
16793        removedFromWishlist: 'uklonjeno iz favorita',
16794        allFavorites: 'Sva omiljena'
16795      },
16796      'fi': {
16797        addToWishlist: 'Lisää suosikkeihin',
16798        createCategory: 'Luo uusi kategoria:',
16799        categoryPlaceholder: 'Kategorian nimi',
16800        createAndAdd: 'Luo ja lisää',
16801        alreadyAdded: '(Jo lisätty)',
16802        addedToWishlist: 'lisätty suosikkeihin',
16803        removedFromWishlist: 'poistettu suosikeista',
16804        allFavorites: 'Kaikki suosikit'
16805      },
16806      'gr': {
16807        addToWishlist: 'Προσθήκη στα αγαπημένα',
16808        createCategory: 'Δημιουργία νέας κατηγορίας:',
16809        categoryPlaceholder: 'Όνομα κατηγορίας',
16810        createAndAdd: 'Δημιουργία & προσθήκη',
16811        alreadyAdded: '(Ήδη προστέθηκε)',
16812        addedToWishlist: 'προστέθηκε στα αγαπημένα',
16813        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
16814        allFavorites: 'Όλα τα αγαπημένα'
16815      },
16816      'no': {
16817        addToWishlist: 'Legg til i favoritter',
16818        createCategory: 'Opprett ny kategori:',
16819        categoryPlaceholder: 'Kategorinavn',
16820        createAndAdd: 'Opprett og legg til',
16821        alreadyAdded: '(Allerede lagt til)',
16822        addedToWishlist: 'lagt til i favoritter',
16823        removedFromWishlist: 'fjernet fra favoritter',
16824        allFavorites: 'Alle favoritter'
16825      },
16826      'pt-PT': {
16827        addToWishlist: 'Adicionar aos favoritos',
16828        createCategory: 'Criar nova categoria:',
16829        categoryPlaceholder: 'Nome da categoria',
16830        createAndAdd: 'Criar e adicionar',
16831        alreadyAdded: '(Já adicionado)',
16832        addedToWishlist: 'adicionado aos favoritos',
16833        removedFromWishlist: 'removido dos favoritos',
16834        allFavorites: 'Todos os favoritos'
16835      },
16836      'sl': {
16837        addToWishlist: 'Dodaj med priljubljene',
16838        createCategory: 'Ustvari novo kategorijo:',
16839        categoryPlaceholder: 'Ime kategorije',
16840        createAndAdd: 'Ustvari in dodaj',
16841        alreadyAdded: '(Že dodano)',
16842        addedToWishlist: 'dodano med priljubljene',
16843        removedFromWishlist: 'odstranjeno iz priljubljenih',
16844        allFavorites: 'Vsi priljubljeni'
16845      },
16846      'sv': {
16847        addToWishlist: 'Lägg till i favoriter',
16848        createCategory: 'Skapa ny kategori:',
16849        categoryPlaceholder: 'Kategorinamn',
16850        createAndAdd: 'Skapa och lägg till',
16851        alreadyAdded: '(Redan tillagd)',
16852        addedToWishlist: 'tillagd i favoriter',
16853        removedFromWishlist: 'borttagen från favoriter',
16854        allFavorites: 'Alla favoriter'
16855      },
16856      'lv': {
16857        addToWishlist: 'Pievienot favorītiem',
16858        createCategory: 'Izveidot jaunu kategoriju:',
16859        categoryPlaceholder: 'Kategorijas nosaukums',
16860        createAndAdd: 'Izveidot un pievienot',
16861        alreadyAdded: '(Jau pievienots)',
16862        addedToWishlist: 'pievienots favorītiem',
16863        removedFromWishlist: 'noņemts no favorītiem',
16864        allFavorites: 'Visas favorītus'
16865      },
16866      'lt': {
16867        addToWishlist: 'Pridėti į mėgstamiausius',
16868        createCategory: 'Sukurti naują kategoriją:',
16869        categoryPlaceholder: 'Kategorijos pavadinimas',
16870        createAndAdd: 'Sukurti ir pridėti',
16871        alreadyAdded: '(Jau pridėta)',
16872        addedToWishlist: 'pridėta į mėgstamiausius',
16873        removedFromWishlist: 'pašalinta iš mėgstamiausių',
16874        allFavorites: 'Visos mėgstamiausios'
16875      },
16876      'ee': {
16877        addToWishlist: 'Lisa lemmikutesse',
16878        createCategory: 'Loo uus kategooria:',
16879        categoryPlaceholder: 'Kategooria nimi',
16880        createAndAdd: 'Loo ja lisa',
16881        alreadyAdded: '(Juba lisatud)',
16882        addedToWishlist: 'lisatud lemmikutesse',
16883        removedFromWishlist: 'eemaldatud lemmikutest',
16884        allFavorites: 'Kõik lemmikud'
16885      },
16886      'dk': {
16887        addToWishlist: 'Tilføj til favoritter',
16888        createCategory: 'Opret ny kategori:',
16889        categoryPlaceholder: 'Kategorinavn',
16890        createAndAdd: 'Opret og tilføj',
16891        alreadyAdded: '(Allerede tilføjet)',
16892        addedToWishlist: 'tilføjet til favoritter',
16893        removedFromWishlist: 'fjernet fra favoritter',
16894        allFavorites: 'Alle favoritter'
16895      }
16896    };
16897
16898    function getWishlistLang() {
16899      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
16900      // Normalize for region codes (e.g., pt-PT, sl)
16901      if (lang.startsWith('pt-PT')) return 'pt-PT';
16902      if (lang.startsWith('sl')) return 'sl';
16903      if (lang.startsWith('cs')) return 'cs';
16904      if (lang.startsWith('sk')) return 'sk';
16905      if (lang.startsWith('de')) return 'de';
16906      if (lang.startsWith('fr')) return 'fr';
16907      if (lang.startsWith('it')) return 'it';
16908      if (lang.startsWith('es')) return 'es';
16909      if (lang.startsWith('nl')) return 'nl';
16910      if (lang.startsWith('pl')) return 'pl';
16911      if (lang.startsWith('hu')) return 'hu';
16912      if (lang.startsWith('ro')) return 'ro';
16913      if (lang.startsWith('bg')) return 'bg';
16914      if (lang.startsWith('hr')) return 'hr';
16915      if (lang.startsWith('fi')) return 'fi';
16916      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
16917      if (lang.startsWith('no')) return 'no';
16918      if (lang.startsWith('sv')) return 'sv';
16919      if (lang.startsWith('lv')) return 'lv';
16920      if (lang.startsWith('lt')) return 'lt';
16921      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
16922      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
16923      return 'en';
16924    }
16925
16926    // Get or initialize the wishlist array in localStorage
16927    function getWishlist() {
16928      const wishlistJSON = localStorage.getItem('rendl_wishlist');
16929      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
16930        categories: [
16931          {
16932            id: 'all-favorites',
16933            name: 'All Favorites',
16934            items: []
16935          }
16936        ],
16937        version: 2
16938      };
16939      
16940      // Handle migration from old format (array of items) to new format (categories)
16941      if (Array.isArray(wishlist)) {
16942        return {
16943          categories: [
16944            {
16945              id: 'all-favorites',
16946              name: 'All Favorites',
16947              items: wishlist
16948            }
16949          ],
16950          version: 2
16951        };
16952      }
16953      
16954      return wishlist;
16955    }
16956    
16957    // Save wishlist to localStorage
16958    function saveWishlist(wishlist) {
16959      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
16960      // Dispatch an event so other parts of the site can react to wishlist changes
16961      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
16962        detail: { wishlist: wishlist } 
16963      }));
16964      
16965      // Count total items across all categories
16966      const totalItems = wishlist.categories.reduce((total, category) => {
16967        return total + category.items.length;
16968      }, 0);
16969      
16970      // Update all wishlist counters
16971      updateWishlistCounters(totalItems);
16972    }
16973    
16974    // Update all wishlist counters on the page
16975    function updateWishlistCounters(count) {
16976      const counters = document.querySelectorAll('.wishlist-count');
16977      counters.forEach(counter => {
16978        counter.textContent = count;
16979        
16980        // If the counter is hidden and count > 0, show it
16981        if (count > 0 && counter.hasAttribute('hidden')) {
16982          counter.removeAttribute('hidden');
16983        }
16984        // If the counter is visible and count = 0, hide it
16985        else if (count === 0 && !counter.hasAttribute('hidden')) {
16986          counter.setAttribute('hidden', 'true');
16987        }
16988      });
16989    }
16990    
16991    // Check if a product is in the wishlist (in any category)
16992    function isInWishlist(productId) {
16993      const wishlist = getWishlist();
16994      return wishlist.categories.some(category => 
16995        category.items.some(item => item.id === productId)
16996      );
16997    }
16998    
16999    // Get all categories
17000    function getCategories() {
17001      return getWishlist().categories;
17002    }
17003    
17004    // Create a new category
17005    function createCategory(name) {
17006      const wishlist = getWishlist();
17007      const categoryId = 'category-' + Date.now();
17008      
17009      wishlist.categories.push({
17010        id: categoryId,
17011        name: name,
17012        items: []
17013      });
17014      
17015      saveWishlist(wishlist);
17016      return categoryId;
17017    }
17018    
17019    // Add a product to a specific category
17020    function addToCategory(product, categoryId) {
17021      const wishlist = getWishlist();
17022      const category = wishlist.categories.find(cat => cat.id === categoryId);
17023      
17024      if (!category) return false;
17025      
17026      // Check if product already exists in ANY category (not just this one)
17027      if (isInWishlist(product.id)) {
17028        return false; // Product already in wishlist
17029      }
17030      
17031      // Add product to category
17032      category.items.push(product);
17033      saveWishlist(wishlist);
17034      
17035      // Dispatch event for global sync
17036      document.dispatchEvent(new CustomEvent('wishlist:updated', {
17037        detail: { productId: product.id, added: true }
17038      }));
17039      
17040      return true;
17041    }
17042    
17043    // Add a product to the default "All Favorites" category
17044    function addToWishlist(product) {
17045      return addToCategory(product, 'all-favorites');
17046    }
17047    
17048    // Remove a product from all categories
17049    function removeFromWishlist(productId) {
17050      const wishlist = getWishlist();
17051      let removed = false;
17052      
17053      wishlist.categories.forEach(category => {
17054        const initialLength = category.items.length;
17055        category.items = category.items.filter(item => item.id !== productId);
17056        if (category.items.length !== initialLength) {
17057          removed = true;
17058        }
17059      });
17060      
17061      if (removed) {
17062        saveWishlist(wishlist);
17063      }
17064      
17065      return removed;
17066    }
17067    
17068    // Toggle a product in the wishlist
17069    function toggleWishlistItem(product) {
17070      if (isInWishlist(product.id)) {
17071        // If already in wishlist, remove it
17072        const wasRemoved = removeFromWishlist(product.id);
17073        
17074        // Update heart icon if the product was successfully removed
17075        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
17076        if (heartIcon && wasRemoved) {
17077          heartIcon.setAttribute('fill', 'none');
17078          showWishlistToast(false, product.title);
17079          
17080          // Dispatch event for global sync
17081          document.dispatchEvent(new CustomEvent('wishlist:updated', {
17082            detail: { productId: product.id, added: false }
17083          }));
17084        }
17085        return wasRemoved;
17086      } else {
17087        // If not in wishlist, show category selection popup
17088        showCategorySelectionPopup(product);
17089        return false; // Don't return true unless we actually add the product
17090      }
17091    }
17092    
17093    // Show wishlist category selection popup
17094    function showCategorySelectionPopup(product) {
17095      // Remove any existing popup
17096      const existingPopup = document.getElementById('wishlist-category-popup');
17097      if (existingPopup) {
17098        existingPopup.remove();
17099      }
17100
17101      const lang = getWishlistLang();
17102      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
17103
17104      // Create popup container
17105      const popup = document.createElement('div');
17106      popup.id = 'wishlist-category-popup';
17107      popup.className = 'wishlist-category-popup';
17108
17109      // Create popup content
17110      const content = document.createElement('div');
17111      content.className = 'wishlist-category-popup-content';
17112
17113      // Create header
17114      const title = document.createElement('h2');
17115      title.textContent = translations.addToWishlist; // Translate
17116
17117      const closeButton = document.createElement('button');
17118      closeButton.className = 'wishlist-category-popup-close';
17119      closeButton.setAttribute('aria-label', 'Close');
17120      closeButton.addEventListener('click', () => {
17121        popup.remove();
17122      });
17123      
17124      // Create category list
17125      const categoryList = document.createElement('div');
17126      categoryList.className = 'wishlist-category-list';
17127      
17128      // Get categories
17129      const categories = getCategories();
17130      
17131      // Add category options
17132      categories.forEach(category => {
17133        const categoryOption = document.createElement('div');
17134        categoryOption.className = 'wishlist-category-option';
17135        
17136        // Use translation for default category name
17137        categoryOption.textContent = category.id === 'all-favorites'
17138          ? (translations.allFavorites || category.name)
17139          : category.name;
17140
17141        // Highlight if product already in this category
17142        if (category.items.some(item => item.id === product.id)) {
17143          categoryOption.style.backgroundColor = '#f0f0f0';
17144          categoryOption.style.color = '#999';
17145          categoryOption.style.fontStyle = 'italic';
17146          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
17147          categoryOption.style.cursor = 'default';
17148        } else {
17149          categoryOption.addEventListener('click', () => {
17150            const wasAdded = addToCategory(product, category.id);
17151            
17152            if (wasAdded) {
17153              // Update heart icon after successful addition
17154              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
17155              if (heartIcon) {
17156                heartIcon.setAttribute('fill', '#333333');
17157              }
17158              
17159              showWishlistToast(true, product.title);
17160              popup.remove();
17161            }
17162          });
17163        }
17164        
17165        categoryList.appendChild(categoryOption);
17166      });
17167      
17168      // Create "add new category" section
17169      const newCategorySection = document.createElement('div');
17170      newCategorySection.style.borderTop = '1px solid #eee';
17171      newCategorySection.style.paddingTop = '15px';
17172      newCategorySection.style.marginTop = '10px';
17173      
17174      const newCategoryLabel = document.createElement('label');
17175      newCategoryLabel.textContent = translations.createCategory; // Translate
17176
17177      const newCategoryInput = document.createElement('input');
17178      newCategoryInput.type = 'text';
17179      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
17180
17181      const createButton = document.createElement('button');
17182      createButton.className = 'create-category-button';
17183      createButton.textContent = translations.createAndAdd; // Translate
17184
17185      createButton.addEventListener('click', () => {
17186        const categoryName = newCategoryInput.value.trim();
17187        if (categoryName) {
17188          const categoryId = createCategory(categoryName);
17189          const wasAdded = addToCategory(product, categoryId);
17190          
17191          if (wasAdded) {
17192            // Update heart icon after successful addition
17193            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
17194            if (heartIcon) {
17195              heartIcon.setAttribute('fill', '#333333');
17196            }
17197            
17198            showWishlistToast(true, product.title);
17199            popup.remove();
17200          }
17201        }
17202      });
17203      
17204      newCategorySection.appendChild(newCategoryLabel);
17205      newCategorySection.appendChild(newCategoryInput);
17206      newCategorySection.appendChild(createButton);
17207      
17208      // Assemble popup
17209      content.appendChild(title);
17210      content.appendChild(closeButton);
17211      content.appendChild(categoryList);
17212      content.appendChild(newCategorySection);
17213      popup.appendChild(content);
17214      
17215      // Add to document
17216      document.body.appendChild(popup);
17217      
17218      // Focus the input
17219      setTimeout(() => {
17220        newCategoryInput.focus();
17221      }, 100);
17222      
17223      // Close when clicking outside content
17224      popup.addEventListener('click', (e) => {
17225        if (e.target === popup) {
17226          popup.remove();
17227        }
17228      });
17229    }
17230    
17231    // Show a toast notification
17232    function showWishlistToast(added, productTitle) {
17233      // Create or get toast container
17234      let toastContainer = document.getElementById('wishlist-toast');
17235      if (!toastContainer) {
17236        toastContainer = document.createElement('div');
17237        toastContainer.id = 'wishlist-toast';
17238        toastContainer.style.position = 'fixed';
17239        toastContainer.style.bottom = '20px';
17240        toastContainer.style.right = '20px';
17241        toastContainer.style.zIndex = '9999';
17242        document.body.appendChild(toastContainer);
17243      }
17244      
17245      // Create toast
17246      const toast = document.createElement('div');
17247      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
17248      toast.style.color = 'white';
17249      toast.style.padding = '12px 20px';
17250      toast.style.borderRadius = '0';
17251      toast.style.marginTop = '10px';
17252      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
17253      toast.style.transition = 'all 0.3s ease';
17254      toast.style.opacity = '0';
17255      toast.style.fontFamily = 'Montserrat, sans-serif';
17256      
17257      // Choose text based on action
17258      const lang = getWishlistLang();
17259      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
17260      toast.textContent = added
17261        ? `${productTitle} ${translations.addedToWishlist}` // Translate
17262        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
17263      
17264      // Add to container
17265      toastContainer.appendChild(toast);
17266      
17267      // Animate in
17268      setTimeout(() => {
17269        toast.style.opacity = '1';
17270      }, 10);
17271      
17272      // Animate out and remove
17273      setTimeout(() => {
17274        toast.style.opacity = '0';
17275        setTimeout(() => {
17276          toastContainer.removeChild(toast);
17277        }, 300);
17278      }, 3000);
17279    }
17280
17281    // Initialize wishlist buttons
17282    function initCardWishlistButtons() {
17283      const wishlistButtons = document.querySelectorAll('.card-wis
17283hlist-button');
17284      
17285      wishlistButtons.forEach(button => {
17286        // Skip if already initialized
17287        if (button.dataset.initializedWishlist === 'true') return;
17288        button.dataset.initializedWishlist = 'true';
17289        
17290        const productId = button.getAttribute('data-wishlist-product');
17291        if (!productId) return;
17292        
17293        // Get product details from the card
17294        const card = button.closest('.card-wrapper');
17295        const productDetails = {
17296          id: productId,
17297          title: card.querySelector('.card__heading')?.textContent.trim() || '',
17298          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
17299          price: card.querySelector('.price')?.textContent.trim() || '',
17300          image: card.querySelector('img')?.src || '',
17301          url: card.querySelector('a[href*="/products/"]')?.href || ''
17302        };
17303        
17304        // Set initial state using global function
17305        const heartIcon = button.querySelector('path');
17306        if (heartIcon) {
17307          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
17308            heartIcon.setAttribute('fill', '#333333');
17309          } else {
17310            heartIcon.setAttribute('fill', 'none');
17311          }
17312        }
17313        
17314        // Add click handler
17315        button.addEventListener('click', function(e) {
17316          e.preventDefault();
17317          e.stopPropagation();
17318          e.stopImmediatePropagation();
17319          toggleWishlistItem(productDetails);
17320        });
17321        
17322        // Prevent navigation on mousedown/touchstart
17323        button.addEventListener('mousedown', function(e) {
17324          e.preventDefault();
17325          e.stopPropagation();
17326        });
17327        
17328        button.addEventListener('touchstart', function(e) {
17329          e.preventDefault();
17330          e.stopPropagation();
17331        });
17332      });
17333    }
17334
17335    // Initialize the wishlist counter on page load
17336    const wishlist = getWishlist();
17337    const totalItems = wishlist.categories.reduce((total, category) => {
17338      return total + category.items.length;
17339    }, 0);
17340    updateWishlistCounters(totalItems);
17341
17342    // Initialize on DOM ready
17343    if (document.readyState === 'loading') {
17344      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
17345    } else {
17346      initCardWishlistButtons();
17347    }
17348
17349    // Reinitialize on Shopify section load
17350    document.addEventListener('shopify:section:load', function() {
17351      setTimeout(initCardWishlistButtons, 100);
17352    });
17353
17354    // Listen for wishlist updates from other parts of the site
17355    document.addEventListener('wishlist:updated', function() {
17356      setTimeout(initCardWishlistButtons, 100);
17357    });
17358  })();
17359</script>
17359
17360
17361<!-- Price info icon styles -->
17362<style>
17363  /* Price container with icon */
17364  .price-container-with-info {
17365    position: relative;
17366    display: flex;
17367    align-items: center;
17368    gap: 8px;
17369  }
17370
17371  /* Info icon - hidden by default, shown on card hover */
17372  .price-info-icon {
17373    position: relative;
17374    display: inline-flex;
17375    align-items: center;
17376    justify-content: center;
17377    color: #666;
17378    cursor: help;
17379    opacity: 0;
17380    transition: opacity 0.3s ease;
17381
17382    padding: 4px; /* Add padding to increase clickable area */
17383    min-width: 20px; /* Ensure minimum clickable area */
17384    min-height: 20px;
17385    z-index: 15; /* Above everything else including compare button */
17386    pointer-events: auto; /* Allow interaction */
17387  }
17388
17389  /* Show icon on card hover */
17390  .card-wrapper:hover .price-info-icon {
17391    opacity: 1;
17392  }
17393
17394  .price-info-icon svg {
17395    width: 14px;
17396    height: 14px;
17397    stroke-width: 1.5;
17398  }
17399
17400  /* Tooltip styles */
17401  .price-info-tooltip {
17402    position: absolute;
17403    bottom: calc(100% + 6px);
17404    top: auto;
17405    left: 0;
17406    transform: none;
17407    min-width: 310px;
17408    background: #FFFFFF;
17409    color: #232323;
17410    border: 1px solid #EEEEEE;
17411    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
17412    padding: 12px 16px;
17413    font-size: 13px;
17414    font-family: 'Montserrat', sans-serif;
17415    z-index: 10000;
17416    opacity: 0;
17417    transition: opacity 0.18s;
17418    white-space: pre-line;
17419    text-align: left;
17420    border-radius: 0;
17421    visibility: hidden;
17422    pointer-events: none;
17423  }
17424
17425  /* Show tooltip on icon hover */
17426  .price-info-icon:hover .price-info-tooltip {
17427    visibility: visible;
17428    opacity: 1;
17429  }
17430
17431  /* Ensure tooltip is never clipped */
17432  .price-container-with-info,
17433  .card-information,
17434  .card__content {
17435    overflow: visible !important;
17436  }
17437
17438  /* Mobile adjustments */
17439  @media screen and (max-width: 768px) {
17440    .price-info-tooltip {
17441      min-width: 200px;
17442      font-size: 12px;
17443      padding: 10px 12px;
17444    }
17445  }
17446</style>
17447
17448                </li>
17449                <li
17450                  class="grid__item"
17451                  
17452                >
17453                  
17454<div class="card-wrapper product-card-wrapper underline-links-hover">
17455
17456    <div
17457      class="
17458        card card--standard
17459         card--media
17460        
17461        
17462        
17463        
17464        
17465      "
17466      style="--ratio-percent: 100.0%;"
17467      data-product-id="9746642469162"
17468      data-description="Ulkokäyttöön tarkoitettu LED-pylväs, maalattua alumiinia, jossa on alaspäin suuntautuva valaistus. Soveltuu kulkuväylien ja polkujen valaistukseen."
17469      data-status-in-sortiment="NEW"
17470      data-ip-rate="IP65"
17471      
17472      data-variant-id="52387453239594"
17473      data-price="178.00 EUR"
17474      data-compare-at-price=""
17475      data-available="true"
17476      data-barcode="8595685429168"
17477      data-ip-rate="IP65"
17478      data-lumens="580"
17479      data-power-source=""
17480      data-watt="7.0"
17481      data-kelvin="3000"
17482      data-light-color=""
17483      data-diameter=""
17484      data-weight-netto="1955.0"
17485      data-weight-unit="g"
17486      data-mounting-hole-size=""
17487      data-recess-depth=""
17488      data-suspension-lenght=""
17489      data-turn-angle=""
17490      data-tilt-angle=""
17491      data-switch=""
17492      data-socket=""
17493      data-light-source-recomended=""
17494      data-height="60"
17495      data-length="7.5"
17496      data-Length=""
17497    >
17498      <div
17499        class="card__inner color-scheme-2 gradient ratio"
17500        style="--ratio-percent: 100.0%;"
17501      >
17502        
17503<div class="product-status-badge status-NEW">
17504            <span>NEW</span>
17505          </div>
17506<div class="ip-rate-badge">
17507            <span>IP65</span>
17508          </div><div class="card__media">
17509            <a class="card__media-link-content" href="/products/torin-60-floor-lamp" aria-label="TORIN 60">
17510              <div class="media media--transparent media--hover-effect">
17511              
17512              <img
17513                class="product-image motion-reduce"
17514                srcset="//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=165 165w,//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=360 360w,//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=533 533w,//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=720 720w,//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=940 940w,//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=1066 1066w,//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896 3162w
17515                "
17516                src="//rendl.fi/cdn/shop/files/r14172-1.jpg?v=1770944896&width=533"
17517                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
17518                alt="RENDL outdoor lamp TORIN 60 floor black  230V LED 7W 120° IP65  3000K R14172 1"
17519                
17520                width="3162"
17521                height="3162"
17522              >
17523              
17524<img
17525                  class="product-image motion-reduce"
17526                  srcset="//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=165 165w,//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=360 360w,//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=533 533w,//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=720 720w,//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=940 940w,//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=1066 1066w,//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626 3162w
17527                  "
17528                  src="//rendl.fi/cdn/shop/files/r14172-3.jpg?v=1783818626&width=533"
17529                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
17530                  alt=""
17531                  loading="lazy"
17532                  width="3162"
17533                  height="3162"
17534                ></div>
17535            </a>
17536            
17537<div class="card-media-icons"><div class="energy-label-icon">
17538                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
17539                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
17540</div>
17541                  </div></div><div class="card-variant-swatches"><a
17542                    class="card-variant-swatch"
17543                    href="/products/torin-60-floor-lamp?variant=52387453239594"
17544                    
17545                      style="background-image: url('//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=64');"
17546                    
17547                    aria-label="musta"
17548                  >
17549                    <span class="card-variant-swatch-tooltip">musta</span></a><a
17550                    class="card-variant-swatch"
17551                    href="/products/torin-60-floor-lamp?variant=52387453272362"
17552                    
17553                      style="background-image: url('//rendl.fi/cdn/shop/files/55_light-grey.jpg?v=1739538326&width=64');"
17554                    
17555                    aria-label="vaaleanharmaa"
17556                  >
17557                    <span class="card-variant-swatch-tooltip">vaaleanharmaa</span></a></div></div><div class="card__content">
17558          <div class="card__information">
17559            <h3
17560              class="card__heading"
17561              
17562            >
17563              <a
17564                href="/products/torin-60-floor-lamp"
17565                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746642469162"
17566                class="full-unstyled-link"
17567                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746642469162 NoMediaStandardBadge-template--28113427169578__product-grid-9746642469162"
17568              >
17569                TORIN 60
17570              </a>
17571            </h3>
17572          </div>
17573          <div class="card__badge bottom left"></div>
17574        </div>
17575      </div>
17576      <div class="card__content">
17577        <div class="card__information">
17578          <h3
17579            class="card__heading h5"
17580            
17581              id="title-template--28113427169578__product-grid-9746642469162"
17582            
17583          >
17584            <a
17585              href="/products/torin-60-floor-lamp"
17586              id="CardLink-template--28113427169578__product-grid-9746642469162"
17587              class="full-unstyled-link"
17588              aria-labelledby="CardLink-template--28113427169578__product-grid-9746642469162 Badge-template--28113427169578__product-grid-9746642469162"
17589            >
17590              TORIN 60
17591            </a>
17592          </h3><div class="card__description">
17593              Ulkokäyttöön tarkoitettu LED-pylväs, maalattua alumiinia, jossa on alaspäin suuntautuva valaistus. Soveltuu kulkuväylien ja polkujen valaistukseen.
17594            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
17595              
17596<div
17597    class="
17598      price "
17599  >
17600    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
17601          <span class="price-item price-item--regular">
17602            178.00 EUR
17603          </span></div>
17604      <div class="price__sale">
17605          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
17606          <span>
17607            <s class="price-item price-item--regular">
17608              
17609                
17610              
17611            </s>
17612          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
17613        <span class="price-item price-item--sale price-item--last">
17614          178.00 EUR
17615        </span>
17616      </div>
17617      <small class="unit-price caption hidden">
17618        <span class="visually-hidden">Yksikköhinta</span>
17619        <span class="price-item price-item--last">
17620          <span></span>
17621          <span aria-hidden="true">/</span>
17622          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
17623          <span>
17624          </span>
17625        </span>
17626      </small>
17627    </div></div>
17628
17629
17630</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
17631              <button class="compare-button-simple" 
17632                      data-product-id="9746642469162" 
17633                      data-product-title="TORIN 60"
17634                      data-product-handle="torin-60-floor-lamp">
17635                              <span class="compare-button-content">
17636                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
17637                    <span class="compare-text" data-translate="compare">compare</span>
17638                  </span>
17639                <span class="compare-spinner-small">
17640                  <!-- Small spinner for button -->
17641                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
17642                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
17643                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
17644                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indefinite"/>
17645                    </path>
17646                  </svg>
17647                </span>
17648              </button>
17649              
17650              <!-- Wishlist button next to compare button -->
17651              <button type="button" class="card-wishlist-button" data-wishlist-product="9746642469162">
17652                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17653                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
17654                </svg>
17655              </button>
17656            </div></div>
17657        </div>
17658        
17659        
17660        
17661          <div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-9746642469162">
17662                <button
17663                  id="quick-add-template--28113427169578__product-grid9746642469162-submit"
17664                  type="submit"
17665                  name="add"
17666                  class="quick-add__submit button button--full-width button--secondary"
17667                  aria-haspopup="dialog"
17668                  aria-labelledby="quick-add-template--28113427169578__product-grid9746642469162-submit title-template--28113427169578__product-grid-9746642469162"
17669                  data-product-url="/products/torin-60-floor-lamp"
17670                >
17671                  Valitse vaihtoehdot
17672
17673
17674<div class="loading__spinner hidden">
17675  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
17676
17677</div>
17678</button>
17679              </modal-opener>
17680              <quick-add-modal id="QuickAdd-9746642469162" class="quick-add-modal">
17681                <div
17682                  role="dialog"
17683                  aria-label="Valitse vaihtoehtoja tuotteelle TORIN 60"
17684                  aria-modal="true"
17685                  class="quick-add-modal__content global-settings-popup"
17686                  tabindex="-1"
17687                >
17688                  <button
17689                    id="ModalClose-9746642469162"
17690                    type="button"
17691                    class="quick-add-modal__toggle"
17692                    aria-label="Sulje"
17693                  ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
17694</button>
17695                  <div id="QuickAddInfo-9746642469162" class="quick-add-modal__content-info"></div>
17696                </div>
17697              </quick-add-modal></div>
17698        
17699        <div class="card__badge bottom left"></div>
17700      </div>
17701    </div>
17702  </div>
17702<script>
17703  // Initialize global compare translations only once
17704  if (typeof window.compareButtonTranslations === 'undefined') {
17705    window.compareButtonTranslations = {
17706      compare: {
17707        en: 'compare',
17708        cs: 'porovnat',
17709        sk: 'porovnať',
17710        de: 'vergleichen',
17711        at: 'vergleichen',
17712        ch: 'vergleichen',
17713        fr: 'comparer',
17714        be: 'comparer',
17715        lu: 'comparer',
17716        it: 'confronta',
17717        es: 'comparar',
17718        nl: 'vergelijken',
17719        pl: 'porównaj',
17720        hu: 'összehasonlít',
17721        ro: 'compară',
17722        bg: 'сравни',
17723        hr: 'usporedi',
17724        fi: 'vertaile',
17725        gr: 'σύγκριση',
17726        el: 'σύγκριση',
17727        no: 'sammenlign',
17728        'pt-PT': 'comparar',
17729        sl: 'primerjaj',
17730        sv: 'jämför',
17731        lv: 'salīdzināt',
17732        lt: 'palyginti',
17733        ee: 'võrdle',
17734        dk: 'sammenlign',
17735        gb: 'compare',
17736        uk: 'compare',
17737        ie: 'compare',
17738        us: 'compare',
17739        ca: 'compare',
17740        au: 'compare',
17741        nz: 'compare',
17742        ru: 'сравнить'
17743      },
17744      remove: {
17745        en: 'remove',
17746        cs: 'odebrat',
17747        sk: 'odobrať',
17748        de: 'entfernen',
17749        at: 'entfernen',
17750        ch: 'entfernen',
17751        fr: 'supprimer',
17752        be: 'supprimer',
17753        lu: 'supprimer',
17754        it: 'rimuovi',
17755        es: 'eliminar',
17756        nl: 'verwijderen',
17757        pl: 'usuń',
17758        hu: 'eltávolít',
17759        ro: 'elimină',
17760        bg: 'премахни',
17761        hr: 'ukloni',
17762        fi: 'poista',
17763        gr: 'αφαίρεση',
17764        el: 'αφαίρεση',
17765        no: 'fjern',
17766        'pt-PT': 'remover',
17767        sl: 'odstrani',
17768        sv: 'ta bort',
17769        lv: 'noņemt',
17770        lt: 'pašalinti',
17771        ee: 'eemalda',
17772        dk: 'fjern',
17773        gb: 'remove',
17774        uk: 'remove',
17775        ie: 'remove',
17776        us: 'remove',
17777        ca: 'remove',
17778        au: 'remove',
17779        nz: 'remove',
17780        ru: 'удалить'
17781      },
17782      added: {
17783        en: 'Added!',
17784        cs: 'Přidáno!',
17785        sk: 'Pridané!',
17786        de: 'Hinzugefügt!',
17787        at: 'Hinzugefügt!',
17788        ch: 'Hinzugefügt!',
17789        fr: 'Ajouté!',
17790        be: 'Ajouté!',
17791        lu: 'Ajouté!',
17792        it: 'Aggiunto!',
17793        es: '¡Añadido!',
17794        nl: 'Toegevoegd!',
17795        pl: 'Dodano!',
17796        hu: 'Hozzáadva!',
17797        ro: 'Adăugat!',
17798        bg: 'Добавено!',
17799        hr: 'Dodano!',
17800        fi: 'Lisätty!',
17801        gr: 'Προστέθηκε!',
17802        el: 'Προστέθηκε!',
17803        no: 'Lagt til!',
17804        'pt-PT': 'Adicionado!',
17805        sl: 'Dodano!',
17806        sv: 'Tillagd!',
17807        lv: 'Pievienots!',
17808        lt: 'Pridėta!',
17809        ee: 'Lisatud!',
17810        dk: 'Tilføjet!',
17811        gb: 'Added!',
17812        uk: 'Added!',
17813        ie: 'Added!',
17814        us: 'Added!',
17815        ca: 'Added!',
17816        au: 'Added!',
17817        nz: 'Added!',
17818        ru: 'Добавлено!'
17819      },
17820      removed: {
17821        en: 'Removed!',
17822        cs: 'Odebráno!',
17823        sk: 'Odobrané!',
17824        de: 'Entfernt!',
17825        at: 'Entfernt!',
17826        ch: 'Entfernt!',
17827        fr: 'Supprimé!',
17828        be: 'Supprimé!',
17829        lu: 'Supprimé!',
17830        it: 'Rimosso!',
17831        es: '¡Eliminado!',
17832        nl: 'Verwijderd!',
17833        pl: 'Usunięto!',
17834        hu: 'Eltávolítva!',
17835        ro: 'Eliminat!',
17836        bg: 'Премахнато!',
17837        hr: 'Uklonjeno!',
17838        fi: 'Poistettu!',
17839        gr: 'Αφαιρέθηκε!',
17840        el: 'Αφαιρέθηκε!',
17841        no: 'Fjernet!',
17842        'pt-PT': 'Removido!',
17843        sl: 'Odstranjeno!',
17844        sv: 'Borttaget!',
17845        lv: 'Noņemts!',
17846        lt: 'Pašalinta!',
17847        ee: 'Eemaldatud!',
17848        dk: 'Fjernet!',
17849        gb: 'Removed!',
17850        uk: 'Removed!',
17851        ie: 'Removed!',
17852        us: 'Removed!',
17853        ca: 'Removed!',
17854        au: 'Removed!',
17855        nz: 'Removed!',
17856        ru: 'Удалено!'
17857      }
17858    };
17859
17860    // Tooltip translations for price info
17861    window.tooltipTranslations = {
17862      tooltipPrice: {
17863        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17864        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
17865        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
17866        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
17867        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
17868        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
17869        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
17870        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
17871        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
17872        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
17873        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
17874        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
17875        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
17876        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
17877        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
17878        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
17879        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
17880        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
17881        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
17882        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
17883        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
17884        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
17885        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
17886        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
17887        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
17887iks atskaitīts, ja piemērojams.",
17888        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
17889        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
17890        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
17891        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17892        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17893        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17894        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17895        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17896        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17897        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
17898        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
17899      },
17900      tooltipOutlet: {
17901        en: "We do not provide additional wholesale discounts on outlet products.",
17902        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
17903        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
17904        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
17905        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
17906        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
17907        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
17908        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
17909        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
17910        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
17911        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
17912        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
17913        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
17914        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
17915        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
17916        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
17917        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
17918        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
17919        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
17920        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
17921        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
17922        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
17923        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
17924        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
17925        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
17926        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
17927        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
17928        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
17929        gb: "We do not provide additional wholesale discounts on outlet products.",
17930        uk: "We do not provide additional wholesale discounts on outlet products.",
17931        ie: "We do not provide additional wholesale discounts on outlet products.",
17932        us: "We do not provide additional wholesale discounts on outlet products.",
17933        ca: "We do not provide additional wholesale discounts on outlet products.",
17934        au: "We do not provide additional wholesale discounts on outlet products.",
17935        nz: "We do not provide additional wholesale discounts on outlet products.",
17936        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
17937      }
17938    };
17939
17940    // Get current locale from document
17941    window.currentLocale = document.documentElement.lang || 'en';
17942
17943    // Function to translate compare buttons
17944    window.translateCompareButtons = function() {
17945      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
17946      compareTexts.forEach(function(textEl) {
17947        const button = textEl.closest('.compare-button-simple');
17948        const isInComparison = button && button.hasAttribute('data-in-comparison');
17949        
17950        if (isInComparison) {
17951          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
17952          textEl.textContent = translation;
17953        } else {
17954          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
17955          textEl.textContent = translation;
17956        }
17957      });
17958    };
17959
17960    // Function to format price with space as thousands separator (only for tooltip)
17961    function formatTooltipPrice(price) {
17962      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
17963      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
17964    }
17965
17966    // Function to translate tooltips with price
17967    window.translateTooltips = function() {
17968      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
17969      tooltips.forEach(function(tooltip) {
17970        const icon = tooltip.closest('.price-info-icon');
17971        if (icon) {
17972          const status = icon.getAttribute('data-status');
17973          // Check if this is an outlet product
17974          if (status === 'outlet') {
17975            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
17976            tooltip.textContent = translation;
17977            return; // Exit early for outlet products
17978          }
17979          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
17980          // Get wholesale price from the actual price display on the card
17981          const card = icon.closest('[data-product-id]');
17982          let wholesalePrice = '';
17983          if (card) {
17984            // Find the main price element on the card
17985            const priceElement = card.querySelector('.price .price-item--regular');
17986            if (priceElement) {
17987              wholesalePrice = priceElement.textContent.trim();
17988            }
17989          }
17990          if (retailPrice && wholesalePrice) {
17991            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
17992            let formattedRetailPrice = formatTooltipPrice(retailPrice);
17993            let formattedWholesalePrice = wholesalePrice;
17994            if (window.formatPriceText) {
17995              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
17996            }
17997            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
17998            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
17999            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
18000            tooltip.textContent = translatedText;
18001          }
18002        }
18003      });
18004    };
18005
18006    // Function to update button state based on comparison status
18007    window.updateCompareButtonState = function(productId, isInComparison) {
18008      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
18009      buttons.forEach(function(button) {
18010        const buttonContainer = button.closest('.compare-button-container');
18011        const compareText = button.querySelector('.compare-text');
18012        
18013        if (isInComparison) {
18014          button.setAttribute('data-in-comparison', 'true');
18015          button.classList.add('in-comparison');
18016          buttonContainer.classList.add('in-comparison');
18017          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
18018          compareText.textContent = removeText;
18019        } else {
18020          button.removeAttribute('data-in-comparison');
18021          button.classList.remove('in-comparison');
18022          buttonContainer.classList.remove('in-comparison');
18023          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
18024          compareText.textContent = compareTextTranslation;
18025        }
18026      });
18027    };
18028  }
18029
18030  // Initialize compare button states based on localStorage
18031  window.initializeCompareButtonStates = function() {
18032    if (typeof window.RendlCompare !== 'undefined') {
18033      const compareItems = window.RendlCompare.getItems();
18034      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
18035        const productId = button.getAttribute('data-product-id');
18036        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
18037        window.updateCompareButtonState(productId, isInComparison);
18038      });
18039    }
18040  };
18041
18042  // Compare button UI animation - the actual functionality is handled by compare-system.js
18043  document.addEventListener('DOMContentLoaded', function() {
18044    // Apply translations on page load
18045    if (window.translateCompareButtons) {
18046      window.translateCompareButtons();
18047    }
18048    
18049    // Initialize button states based on comparison data
18050    setTimeout(function() {
18051      if (window.initializeCompareButtonStates) {
18052        window.initializeCompareButtonStates();
18053      }
18054    }, 100); // Small delay to ensure compare system is loaded
18055    
18056    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
18057      // Skip if already has event listener
18058      if (button.hasAttribute('data-compare-initialized')) {
18059        return;
18060      }
18061      button.setAttribute('data-compare-initialized', 'true');
18062      
18063      button.addEventListener('click', function(e) {
18064        var buttonContainer = button.closest('.compare-button-container');
18065        var compareText = button.querySelector('.compare-text');
18066        var isInComparison = button.hasAttribute('data-in-comparison');
18067        var productId = button.getAttribute('data-product-id');
18068        
18069        // Prevent multiple clicks during loading
18070        if (button.classList.contains('loading')) {
18071          return;
18072        }
18073        
18074        // Make button always visible during the process
18075        buttonContainer.classList.add('active');
18076        
18077        // Add loading class to show spinner
18078        button.classList.add('loading');
18079        
18080        // UI feedback timing
18081        setTimeout(function() {
18082          // Remove loading class and show success message
18083          button.classList.remove('loading');
18084          button.classList.add('success');
18085          
18086          if (isInComparison) {
18087            // Removing from comparison
18088            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
18089            
18090            // Update button state after removal
18091            setTimeout(function() {
18092              button.classList.remove('success');
18093              window.updateCompareButtonState(productId, false);
18094              buttonContainer.classList.remove('active');
18095            }, 1500);
18096          } else {
18097            // Adding to comparison
18098            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
18099            
18100            // Update button state after addition
18101            setTimeout(function() {
18102              button.classList.remove('success');
18103              window.updateCompareButtonState(productId, true);
18104              buttonContainer.classList.remove('active');
18105            }, 1500);
18106          }
18107        }, 1200);
18108      });
18109    });
18110
18111    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
18112    setTimeout(function() {
18113      if (window.translateTooltips) {
18114        window.translateTooltips();
18115      }
18116    }, 100);
18117  });
18118
18119  // Ensure compare button states are initialized after RendlCompare is available
18120  document.addEventListener('DOMContentLoaded', function() {
18121    function tryInitCompareButtons() {
18122      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
18123        window.initializeCompareButtonStates();
18124      } else {
18125        setTimeout(tryInitCompareButtons, 100);
18126      }
18127    }
18128    tryInitCompareButtons();
18129  });
18130
18131  // Self-contained wishlist functionality for card-product
18132  (function() {
18133    // Wishlist translations
18134    var wishlistTranslations = {
18135      'en': {
18136        addToWishlist: 'Add to My Favorites',
18137        createCategory: 'Create new category:',
18138        categoryPlaceholder: 'Category name',
18139        createAndAdd: 'Create & Add Item',
18140        alreadyAdded: '(Already added)',
18141        addedToWishlist: 'added to My Favorites',
18142        removedFromWishlist: 'removed from My Favorites',
18143        allFavorites: 'All Favorites'
18144      },
18145      'cs': {
18146        addToWishlist: 'Přidat do oblíbených',
18147        createCategory: 'Vytvořit novou skupinu:',
18148        categoryPlaceholder: 'Název nové skupiny',
18149        createAndAdd: 'Vytvořit a přidat skupinu',
18150        alreadyAdded: '(Již přidáno)',
18151        addedToWishlist: 'přidáno do oblíbených',
18152        removedFromWishlist: 'odebráno z oblíbených',
18153        allFavorites: 'Všechny oblíbené'
18154      },
18155      'sk': {
18156        addToWishlist: 'Pridať do obľúbených',
18157        createCategory: 'Vytvoriť novú kategóriu:',
18158        categoryPlaceholder: 'Názov kategórie',
18159        createAndAdd: 'Vytvoriť a pridať položku',
18160        alreadyAdded: '(Už pridané)',
18161        addedToWishlist: 'pridané do obľúbených',
18162        removedFromWishlist: 'odstránené z obľúbených',
18163        allFavorites: 'Všetky obľúbené'
18164      },
18165      'de': {
18166        addToWishlist: 'Zu meinen Favoriten hinzufügen',
18167        createCategory: 'Neue Kategorie erstellen:',
18168        categoryPlaceholder: 'Kategoriename',
18169        createAndAdd: 'Erstellen & hinzufügen',
18170        alreadyAdded: '(Bereits hinzugefügt)',
18171        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
18172        removedFromWishlist: 'aus meinen Favoriten entfernt',
18173        allFavorites: 'Alle Favoriten'
18174      },
18175      'fr': {
18176        addToWishlist: 'Ajouter à mes favoris',
18177        createCategory: 'Créer une nouvelle catégorie :',
18178        categoryPlaceholder: 'Nom de la catégorie',
18179        createAndAdd: 'Créer et ajouter',
18180        alreadyAdded: '(Déjà ajouté)',
18181        addedToWishlist: 'ajouté à mes favoris',
18182        removedFromWishlist: 'retiré de mes favoris',
18183        allFavorites: 'Tous les favoris'
18184      },
18185      'it': {
18186        addToWishlist: 'Aggiungi ai preferiti',
18187        createCategory: 'Crea nuova categoria:',
18188        categoryPlaceholder: 'Nome categoria',
18189        createAndAdd: 'Crea e aggiungi',
18190        alreadyAdded: '(Già aggiunto)',
18191        addedToWishlist: 'aggiunto ai preferiti',
18192        removedFromWishlist: 'rimosso dai preferiti',
18193        allFavorites: 'Tutti i preferiti'
18194      },
18195      'es': {
18196        addToWishlist: 'Añadir a mis favoritos',
18197        createCategory: 'Crear nueva categoría:',
18198        categoryPlaceholder: 'Nombre de la categoría',
18199        createAndAdd: 'Crear y añadir',
18200        alreadyAdded: '(Ya añadido)',
18201        addedToWishlist: 'añadido a mis favoritos',
18202        removedFromWishlist: 'eliminado de mis favoritos',
18203        allFavorites: 'Todos los favoritos'
18204      },
18205      'nl': {
18206        addToWishlist: 'Toevoegen aan mijn favorieten',
18207        createCategory: 'Nieuwe categorie aanmaken:',
18208        categoryPlaceholder: 'Categorienaam',
18209        createAndAdd: 'Aanmaken & toevoegen',
18210        alreadyAdded: '(Al toegevoegd)',
18211        addedToWishlist: 'toegevoegd aan mijn favorieten',
18212        removedFromWishlist: 'verwijderd uit mijn favorieten',
18213        allFavorites: 'Alle favorieten'
18214      },
18215      'pl': {
18216        addToWishlist: 'Dodaj do ulubionych',
18217        createCategory: 'Utwórz nową kategorię:',
18218        categoryPlaceholder: 'Nazwa kategorii',
18219        createAndAdd: 'Utwórz i dodaj',
18220        alreadyAdded: '(Już dodane)',
18221        addedToWishlist: 'dodano do ulubionych',
18222        removedFromWishlist: 'usunięto z ulubionych',
18223        allFavorites: 'Wszystkie ulubione'
18224      },
18225      'hu': {
18226        addToWishlist: 'Hozzáadás a kedvencekhez',
18227        createCategory: 'Új kategória létrehozása:',
18228        categoryPlaceholder: 'Kategória neve',
18229        createAndAdd: 'Létrehozás és hozzáadás',
18230        alreadyAdded: '(Már hozzáadva)',
18231        addedToWishlist: 'hozzáadva a kedvencekhez',
18232        removedFromWishlist: 'eltávolítva a kedvencekből',
18233        allFavorites: 'Minden kedvenc'
18234      },
18235      'ro': {
18236        addToWishlist: 'Adaugă la favorite',
18237        createCategory: 'Creează o nouă categorie:',
18238        categoryPlaceholder: 'Nume categorie',
18239        createAndAdd: 'Creează și adaugă',
18240        alreadyAdded: '(Deja adăugat)',
18241        addedToWishlist: 'adăugat la favorite',
18242        removedFromWishlist: 'eliminat din favorite',
18243        allFavorites: 'Toate preferințele'
18244      },
18245      'bg': {
18246        addToWishlist: 'Добави в любими',
18247        createCategory: 'Създай нова категория:',
18248        categoryPlaceholder: 'Име на категория',
18249        createAndAdd: 'Създай и добави',
18250        alreadyAdded: '(Вече добавено)',
18251        addedToWishlist: 'добавено в любими',
18252        removedFromWishlist: 'премахнато от любими',
18253        allFavorites: 'Всички любими'
18254      },
18255      'hr': {
18256        addToWishlist: 'Dodaj u favorite',
18257        createCategory: 'Kreiraj novu kategoriju:',
18258        categoryPlaceholder: 'Naziv kategorije',
18259        createAndAdd: 'Kreiraj i dodaj',
18260        alreadyAdded: '(Već dodano)',
18261        addedToWishlist: 'dodano u favorite',
18262        removedFromWishlist: 'uklonjeno iz favorita',
18263        allFavorites: 'Sva omiljena'
18264      },
18265      'fi': {
18266        addToWishlist: 'Lisää suosikkeihin',
18267        createCategory: 'Luo uusi kategoria:',
18268        categoryPlaceholder: 'Kategorian nimi',
18269        createAndAdd: 'Luo ja lisää',
18270        alreadyAdded: '(Jo lisätty)',
18271        addedToWishlist: 'lisätty suosikkeihin',
18272        removedFromWishlist: 'poistettu suosikeista',
18273        allFavorites: 'Kaikki suosikit'
18274      },
18275      'gr': {
18276        addToWishlist: 'Προσθήκη στα αγαπημένα',
18277        createCategory: 'Δημιουργία νέας κατηγορίας:',
18278        categoryPlaceholder: 'Όνομα κατηγορίας',
18279        createAndAdd: 'Δημιουργία & προσθήκη',
18280        alreadyAdded: '(Ήδη προστέθηκε)',
18281        addedToWishlist: 'προστέθηκε στα αγαπημένα',
18282        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
18283        allFavorites: 'Όλα τα αγαπημένα'
18284      },
18285      'no': {
18286        addToWishlist: 'Legg til i favoritter',
18287        createCategory: 'Opprett ny kategori:',
18288        categoryPlaceholder: 'Kategorinavn',
18289        createAndAdd: 'Opprett og legg til',
18290        alreadyAdded: '(Allerede lagt til)',
18291        addedToWishlist: 'lagt til i favoritter',
18292        removedFromWishlist: 'fjernet fra favoritter',
18293        allFavorites: 'Alle favoritter'
18294      },
18295      'pt-PT': {
18296        addToWishlist: 'Adicionar aos favoritos',
18297        createCategory: 'Criar nova categoria:',
18298        categoryPlaceholder: 'Nome da categoria',
18299        createAndAdd: 'Criar e adicionar',
18300        alreadyAdded: '(Já adicionado)',
18301        addedToWishlist: 'adicionado aos favoritos',
18302        removedFromWishlist: 'removido dos favoritos',
18303        allFavorites: 'Todos os favoritos'
18304      },
18305      'sl': {
18306        addToWishlist: 'Dodaj med priljubljene',
18307        createCategory: 'Ustvari novo kategorijo:',
18308        categoryPlaceholder: 'Ime kategorije',
18309        createAndAdd: 'Ustvari in dodaj',
18310        alreadyAdded: '(Že dodano)',
18311        addedToWishlist: 'dodano med priljubljene',
18312        removedFromWishlist: 'odstranjeno iz priljubljenih',
18313        allFavorites: 'Vsi priljubljeni'
18314      },
18315      'sv': {
18316        addToWishlist: 'Lägg till i favoriter',
18317        createCategory: 'Skapa ny kategori:',
18318        categoryPlaceholder: 'Kategorinamn',
18319        createAndAdd: 'Skapa och lägg till',
18320        alreadyAdded: '(Redan tillagd)',
18321        addedToWishlist: 'tillagd i favoriter',
18322        removedFromWishlist: 'borttagen från favoriter',
18323        allFavorites: 'Alla favoriter'
18324      },
18325      'lv': {
18326        addToWishlist: 'Pievienot favorītiem',
18327        createCategory: 'Izveidot jaunu kategoriju:',
18328        categoryPlaceholder: 'Kategorijas nosaukums',
18329        createAndAdd: 'Izveidot un pievienot',
18330        alreadyAdded: '(Jau pievienots)',
18331        addedToWishlist: 'pievienots favorītiem',
18332        removedFromWishlist: 'noņemts no favorītiem',
18333        allFavorites: 'Visas favorītus'
18334      },
18335      'lt': {
18336        addToWishlist: 'Pridėti į mėgstamiausius',
18337        createCategory: 'Sukurti naują kategoriją:',
18338        categoryPlaceholder: 'Kategorijos pavadinimas',
18339        createAndAdd: 'Sukurti ir pridėti',
18340        alreadyAdded: '(Jau pridėta)',
18341        addedToWishlist: 'pridėta į mėgstamiausius',
18342        removedFromWishlist: 'pašalinta iš mėgstamiausių',
18343        allFavorites: 'Visos mėgstamiausios'
18344      },
18345      'ee': {
18346        addToWishlist: 'Lisa lemmikutesse',
18347        createCategory: 'Loo uus kategooria:',
18348        categoryPlaceholder: 'Kategooria nimi',
18349        createAndAdd: 'Loo ja lisa',
18350        alreadyAdded: '(Juba lisatud)',
18351        addedToWishlist: 'lisatud lemmikutesse',
18352        removedFromWishlist: 'eemaldatud lemmikutest',
18353        allFavorites: 'Kõik lemmikud'
18354      },
18355      'dk': {
18356        addToWishlist: 'Tilføj til favoritter',
18357        createCategory: 'Opret ny kategori:',
18358        categoryPlaceholder: 'Kategorinavn',
18359        createAndAdd: 'Opret og tilføj',
18360        alreadyAdded: '(Allerede tilføjet)',
18361        addedToWishlist: 'tilføjet til favoritter',
18362        removedFromWishlist: 'fjernet fra favoritter',
18363        allFavorites: 'Alle favoritter'
18364      }
18365    };
18366
18367    function getWishlistLang() {
18368      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
18369      // Normalize for region codes (e.g., pt-PT, sl)
18370      if (lang.startsWith('pt-PT')) return 'pt-PT';
18371      if (lang.startsWith('sl')) return 'sl';
18372      if (lang.startsWith('cs')) return 'cs';
18373      if (lang.startsWith('sk')) return 'sk';
18374      if (lang.startsWith('de')) return 'de';
18375      if (lang.startsWith('fr')) return 'fr';
18376      if (lang.startsWith('it')) return 'it';
18377      if (lang.startsWith('es')) return 'es';
18378      if (lang.startsWith('nl')) return 'nl';
18379      if (lang.startsWith('pl')) return 'pl';
18380      if (lang.startsWith('hu')) return 'hu';
18381      if (lang.startsWith('ro')) return 'ro';
18382      if (lang.startsWith('bg')) return 'bg';
18383      if (lang.startsWith('hr')) return 'hr';
18384      if (lang.startsWith('fi')) return 'fi';
18385      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
18386      if (lang.startsWith('no')) return 'no';
18387      if (lang.startsWith('sv')) return 'sv';
18388      if (lang.startsWith('lv')) return 'lv';
18389      if (lang.startsWith('lt')) return 'lt';
18390      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
18391      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
18392      return 'en';
18393    }
18394
18395    // Get or initialize the wishlist array in localStorage
18396    function getWishlist() {
18397      const wishlistJSON = localStorage.getItem('rendl_wishlist');
18398      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
18399        categories: [
18400          {
18401            id: 'all-favorites',
18402            name: 'All Favorites',
18403            items: []
18404          }
18405        ],
18406        version: 2
18407      };
18408      
18409      // Handle migration from old format (array of items) to new format (categories)
18410      if (Array.isArray(wishlist)) {
18411        return {
18412          categories: [
18413            {
18414              id: 'all-favorites',
18415              name: 'All Favorites',
18416              items: wishlist
18417            }
18418          ],
18419          version: 2
18420        };
18421      }
18422      
18423      return wishlist;
18424    }
18425    
18426    // Save wishlist to localStorage
18427    function saveWishlist(wishlist) {
18428      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
18429      // Dispatch an event so other parts of the site can react to wishlist changes
18430      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
18431        detail: { wishlist: wishlist } 
18432      }));
18433      
18434      // Count total items across all categories
18435      const totalItems = wishlist.categories.reduce((total, category) => {
18436        return total + category.items.length;
18437      }, 0);
18438      
18439      // Update all wishlist counters
18440      updateWishlistCounters(totalItems);
18441    }
18442    
18443    // Update all wishlist counters on the page
18444    function updateWishlistCounters(count) {
18445      const counters = document.querySelectorAll('.wishlist-count');
18446      counters.forEach(counter => {
18447        counter.textContent = count;
18448        
18449        // If the counter is hidden and count > 0, show it
18450        if (count > 0 && counter.hasAttribute('hidden')) {
18451          counter.removeAttribute('hidden');
18452        }
18453        // If the counter is visible and count = 0, hide it
18454        else if (count === 0 && !counter.hasAttribute('hidden')) {
18455          counter.setAttribute('hidden', 'true');
18456        }
18457      });
18458    }
18459    
18460    // Check if a product is in the wishlist (in any category)
18461    function isInWishlist(productId) {
18462      const wishlist = getWishlist();
18463      return wishlist.categories.some(category => 
18464        category.items.some(item => item.id === productId)
18465      );
18466    }
18467    
18468    // Get all categories
18469    function getCategories() {
18470      return getWishlist().categories;
18471    }
18472    
18473    // Create a new category
18474    function createCategory(name) {
18475      const wishlist = getWishlist();
18476      const categoryId = 'category-' + Date.now();
18477      
18478      wishlist.categories.push({
18479        id: categoryId,
18480        name: name,
18481        items: []
18482      });
18483      
18484      saveWishlist(wishlist);
18485      return categoryId;
18486    }
18487    
18488    // Add a product to a specific category
18489    function addToCategory(product, categoryId) {
18490      const wishlist = getWishlist();
18491      const category = wishlist.categories.find(cat => cat.id === categoryId);
18492      
18493      if (!category) return false;
18494      
18495      // Check if product already exists in ANY category (not just this one)
18496      if (isInWishlist(product.id)) {
18497        return false; // Product already in wishlist
18498      }
18499      
18500      // Add product to category
18501      category.items.push(product);
18502      saveWishlist(wishlist);
18503      
18504      // Dispatch event for global sync
18505      document.dispatchEvent(new CustomEvent('wishlist:updated', {
18506        detail: { productId: product.id, added: true }
18507      }));
18508      
18509      return true;
18510    }
18511    
18512    // Add a product to the default "All Favorites" category
18513    function addToWishlist(product) {
18514      return addToCategory(product, 'all-favorites');
18515    }
18516    
18517    // Remove a product from all categories
18518    function removeFromWishlist(productId) {
18519      const wishlist = getWishlist();
18520      let removed = false;
18521      
18522      wishlist.categories.forEach(category => {
18523        const initialLength = category.items.length;
18524        category.items = category.items.filter(item => item.id !== productId);
18525        if (category.items.length !== initialLength) {
18526          removed = true;
18527        }
18528      });
18529      
18530      if (removed) {
18531        saveWishlist(wishlist);
18532      }
18533      
18534      return removed;
18535    }
18536    
18537    // Toggle a product in the wishlist
18538    function toggleWishlistItem(product) {
18539      if (isInWishlist(product.id)) {
18540        // If already in wishlist, remove it
18541        const wasRemoved = removeFromWishlist(product.id);
18542        
18543        // Update heart icon if the product was successfully removed
18544        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
18545        if (heartIcon && wasRemoved) {
18546          heartIcon.setAttribute('fill', 'none');
18547          showWishlistToast(false, product.title);
18548          
18549          // Dispatch event for global sync
18550          document.dispatchEvent(new CustomEvent('wishlist:updated', {
18551            detail: { productId: product.id, added: false }
18552          }));
18553        }
18554        return wasRemoved;
18555      } else {
18556        // If not in wishlist, show category selection popup
18557        showCategorySelectionPopup(product);
18558        return false; // Don't return true unless we actually add the product
18559      }
18560    }
18561    
18562    // Show wishlist category selection popup
18563    function showCategorySelectionPopup(product) {
18564      // Remove any existing popup
18565      const existingPopup = document.getElementById('wishlist-category-popup');
18566      if (existingPopup) {
18567        existingPopup.remove();
18568      }
18569
18570      const lang = getWishlistLang();
18571      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
18572
18573      // Create popup container
18574      const popup = document.createElement('div');
18575      popup.id = 'wishlist-category-popup';
18576      popup.className = 'wishlist-category-popup';
18577
18578      // Create popup content
18579      const content = document.createElement('div');
18580      content.className = 'wishlist-category-popup-content';
18581
18582      // Create header
18583      const title = document.createElement('h2');
18584      title.textContent = translations.addToWishlist; // Translate
18585
18586      const closeButton = document.createElement('button');
18587      closeButton.className = 'wishlist-category-popup-close';
18588      closeButton.setAttribute('aria-label', 'Close');
18589      closeButton.addEventListener('click', () => {
18590        popup.remove();
18591      });
18592      
18593      // Create category list
18594      const categoryList = document.createElement('div');
18595      categoryList.className = 'wishlist-category-list';
18596      
18597      // Get categories
18598      const categories = getCategories();
18599      
18600      // Add category options
18601      categories.forEach(category => {
18602        const categoryOption = document.createElement('div');
18603        categoryOption.className = 'wishlist-category-option';
18604        
18605        // Use translation for default category name
18606        categoryOption.textContent = category.id === 'all-favorites'
18607          ? (translations.allFavorites || category.name)
18608          : category.name;
18609
18610        // Highlight if product already in this category
18611        if (category.items.some(item => item.id === product.id)) {
18612          categoryOption.style.backgroundColor = '#f0f0f0';
18613          categoryOption.style.color = '#999';
18614          categoryOption.style.fontStyle = 'italic';
18615          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
18616          categoryOption.style.cursor = 'default';
18617        } else {
18618          categoryOption.addEventListener('click', () => {
18619            const wasAdded = addToCategory(product, category.id);
18620            
18621            if (wasAdded) {
18622              // Update heart icon after successful addition
18623              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
18624              if (heartIcon) {
18625                heartIcon.setAttribute('fill', '#333333');
18626              }
18627              
18628              showWishlistToast(true, product.title);
18629              popup.remove();
18630            }
18631          });
18632        }
18633        
18634        categoryList.appendChild(categoryOption);
18635      });
18636      
18637      // Create "add new category" section
18638      const newCategorySection = document.createElement('div');
18639      newCategorySection.style.borderTop = '1px solid #eee';
18640      newCategorySection.style.paddingTop = '15px';
18641      newCategorySection.style.marginTop = '10px';
18642      
18643      const newCategoryLabel = document.createElement('label');
18644      newCategoryLabel.textContent = translations.createCategory; // Translate
18645
18646      const newCategoryInput = document.createElement('input');
18647      newCategoryInput.type = 'text';
18648      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
18649
18650      const createButton = document.createElement('button');
18651      createButton.className = 'create-category-button';
18652      createButton.textContent = translations.createAndAdd; // Translate
18653
18654      createButton.addEventListener('click', () => {
18655        const categoryName = newCategoryInput.value.trim();
18656        if (categoryName) {
18657          const categoryId = createCategory(categoryName);
18658          const wasAdded = addToCategory(product, categoryId);
18659          
18660          if (wasAdded) {
18661            // Update heart icon after successful addition
18662            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
18663            if (heartIcon) {
18664              heartIcon.setAttribute('fill', '#333333');
18665            }
18666            
18667            showWishlistToast(true, product.title);
18668            popup.remove();
18669          }
18670        }
18671      });
18672      
18673      newCategorySection.appendChild(newCategoryLabel);
18674      newCategorySection.appendChild(newCategoryInput);
18675      newCategorySection.appendChild(createButton);
18676      
18677      // Assemble popup
18678      content.appendChild(title);
18679      content.appendChild(closeButton);
18680      content.appendChild(categoryList);
18681      content.appendChild(newCategorySection);
18682      popup.appendChild(content);
18683      
18684      // Add to document
18685      document.body.appendChild(popup);
18686      
18687      // Focus the input
18688      setTimeout(() => {
18689        newCategoryInput.focus();
18690      }, 100);
18691      
18692      // Close when clicking outside content
18693      popup.addEventListener('click', (e) => {
18694        if (e.target === popup) {
18695          popup.remove();
18696        }
18697      });
18698    }
18699    
18700    // Show a toast notification
18701    function showWishlistToast(added, productTitle) {
18702      // Create or get toast container
18703      let toastContainer = document.getElementById('wishlist-toast');
18704      if (!toastContainer) {
18705        toastContainer = document.createElement('div');
18706        toastContainer.id = 'wishlist-toast';
18707        toastContainer.style.position = 'fixed';
18708        toastContainer.style.bottom = '20px';
18709        toastContainer.style.right = '20px';
18710        toastContainer.style.zIndex = '9999';
18711        document.body.appendChild(toastContainer);
18712      }
18713      
18714      // Create toast
18715      const toast = document.createElement('div');
18716      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
18717      toast.style.color = 'white';
18718      toast.style.padding = '12px 20px';
18719      toast.style.borderRadius = '0';
18720      toast.style.marginTop = '10px';
18721      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
18722      toast.style.transition = 'all 0.3s ease';
18723      toast.style.opacity = '0';
18724      toast.style.fontFamily = 'Montserrat, sans-serif';
18725      
18726      // Choose text based on action
18727      const lang = getWishlistLang();
18728      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
18729      toast.textContent = added
18730        ? `${productTitle} ${translations.addedToWishlist}` // Translate
18731        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
18732      
18733      // Add to container
18734      toastContainer.appendChild(toast);
18735      
18736      // Animate in
18737      setTimeout(() => {
18738        toast.style.opacity = '1';
18739      }, 10);
18740      
18741      // Animate out and remove
18742      setTimeout(() => {
18743        toast.style.opacity = '0';
18744        setTimeout(() => {
18745          toastContainer.removeChild(toast);
18746        }, 300);
18747      }, 3000);
18748    }
18749
18750    // Initialize wishlist buttons
18751    function initCardWishlistButtons() {
18752      const wishlistButtons = document.querySelectorAll('.card-wis
18752hlist-button');
18753      
18754      wishlistButtons.forEach(button => {
18755        // Skip if already initialized
18756        if (button.dataset.initializedWishlist === 'true') return;
18757        button.dataset.initializedWishlist = 'true';
18758        
18759        const productId = button.getAttribute('data-wishlist-product');
18760        if (!productId) return;
18761        
18762        // Get product details from the card
18763        const card = button.closest('.card-wrapper');
18764        const productDetails = {
18765          id: productId,
18766          title: card.querySelector('.card__heading')?.textContent.trim() || '',
18767          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
18768          price: card.querySelector('.price')?.textContent.trim() || '',
18769          image: card.querySelector('img')?.src || '',
18770          url: card.querySelector('a[href*="/products/"]')?.href || ''
18771        };
18772        
18773        // Set initial state using global function
18774        const heartIcon = button.querySelector('path');
18775        if (heartIcon) {
18776          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
18777            heartIcon.setAttribute('fill', '#333333');
18778          } else {
18779            heartIcon.setAttribute('fill', 'none');
18780          }
18781        }
18782        
18783        // Add click handler
18784        button.addEventListener('click', function(e) {
18785          e.preventDefault();
18786          e.stopPropagation();
18787          e.stopImmediatePropagation();
18788          toggleWishlistItem(productDetails);
18789        });
18790        
18791        // Prevent navigation on mousedown/touchstart
18792        button.addEventListener('mousedown', function(e) {
18793          e.preventDefault();
18794          e.stopPropagation();
18795        });
18796        
18797        button.addEventListener('touchstart', function(e) {
18798          e.preventDefault();
18799          e.stopPropagation();
18800        });
18801      });
18802    }
18803
18804    // Initialize the wishlist counter on page load
18805    const wishlist = getWishlist();
18806    const totalItems = wishlist.categories.reduce((total, category) => {
18807      return total + category.items.length;
18808    }, 0);
18809    updateWishlistCounters(totalItems);
18810
18811    // Initialize on DOM ready
18812    if (document.readyState === 'loading') {
18813      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
18814    } else {
18815      initCardWishlistButtons();
18816    }
18817
18818    // Reinitialize on Shopify section load
18819    document.addEventListener('shopify:section:load', function() {
18820      setTimeout(initCardWishlistButtons, 100);
18821    });
18822
18823    // Listen for wishlist updates from other parts of the site
18824    document.addEventListener('wishlist:updated', function() {
18825      setTimeout(initCardWishlistButtons, 100);
18826    });
18827  })();
18828</script>
18828
18829
18830<!-- Price info icon styles -->
18831<style>
18832  /* Price container with icon */
18833  .price-container-with-info {
18834    position: relative;
18835    display: flex;
18836    align-items: center;
18837    gap: 8px;
18838  }
18839
18840  /* Info icon - hidden by default, shown on card hover */
18841  .price-info-icon {
18842    position: relative;
18843    display: inline-flex;
18844    align-items: center;
18845    justify-content: center;
18846    color: #666;
18847    cursor: help;
18848    opacity: 0;
18849    transition: opacity 0.3s ease;
18850
18851    padding: 4px; /* Add padding to increase clickable area */
18852    min-width: 20px; /* Ensure minimum clickable area */
18853    min-height: 20px;
18854    z-index: 15; /* Above everything else including compare button */
18855    pointer-events: auto; /* Allow interaction */
18856  }
18857
18858  /* Show icon on card hover */
18859  .card-wrapper:hover .price-info-icon {
18860    opacity: 1;
18861  }
18862
18863  .price-info-icon svg {
18864    width: 14px;
18865    height: 14px;
18866    stroke-width: 1.5;
18867  }
18868
18869  /* Tooltip styles */
18870  .price-info-tooltip {
18871    position: absolute;
18872    bottom: calc(100% + 6px);
18873    top: auto;
18874    left: 0;
18875    transform: none;
18876    min-width: 310px;
18877    background: #FFFFFF;
18878    color: #232323;
18879    border: 1px solid #EEEEEE;
18880    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
18881    padding: 12px 16px;
18882    font-size: 13px;
18883    font-family: 'Montserrat', sans-serif;
18884    z-index: 10000;
18885    opacity: 0;
18886    transition: opacity 0.18s;
18887    white-space: pre-line;
18888    text-align: left;
18889    border-radius: 0;
18890    visibility: hidden;
18891    pointer-events: none;
18892  }
18893
18894  /* Show tooltip on icon hover */
18895  .price-info-icon:hover .price-info-tooltip {
18896    visibility: visible;
18897    opacity: 1;
18898  }
18899
18900  /* Ensure tooltip is never clipped */
18901  .price-container-with-info,
18902  .card-information,
18903  .card__content {
18904    overflow: visible !important;
18905  }
18906
18907  /* Mobile adjustments */
18908  @media screen and (max-width: 768px) {
18909    .price-info-tooltip {
18910      min-width: 200px;
18911      font-size: 12px;
18912      padding: 10px 12px;
18913    }
18914  }
18915</style>
18916
18917                </li>
18918                <li
18919                  class="grid__item"
18920                  
18921                >
18922                  
18923<div class="card-wrapper product-card-wrapper underline-links-hover">
18924
18925    <div
18926      class="
18927        card card--standard
18928         card--media
18929        
18930        
18931        
18932        
18933        
18934      "
18935      style="--ratio-percent: 100.0%;"
18936      data-product-id="9746991874346"
18937      data-description="Ulkokäyttöön tarkoitettu LED-pylväs, jonka pehmeä valo säteilee tasaisesti sivuille."
18938      data-status-in-sortiment="NEW"
18939      data-ip-rate="IP65"
18940      
18941      data-variant-id="52388168728874"
18942      data-price="158.00 EUR"
18943      data-compare-at-price=""
18944      data-available="false"
18945      data-barcode="8595685429472"
18946      data-ip-rate="IP65"
18947      data-lumens="1010"
18948      data-power-source=""
18949      data-watt="9.0"
18950      data-kelvin="3000"
18951      data-light-color=""
18952      data-diameter="11.8"
18953      data-weight-netto="1835.0"
18954      data-weight-unit="g"
18955      data-mounting-hole-size=""
18956      data-recess-depth=""
18957      data-suspension-lenght=""
18958      data-turn-angle=""
18959      data-tilt-angle=""
18960      data-switch=""
18961      data-socket="LED"
18962      data-light-source-recomended=""
18963      data-height="60"
18964      data-length=""
18965      data-Length=""
18966    >
18967      <div
18968        class="card__inner color-scheme-2 gradient ratio"
18969        style="--ratio-percent: 100.0%;"
18970      >
18971        
18972<div class="product-status-badge status-NEW">
18973            <span>NEW</span>
18974          </div>
18975<div class="ip-rate-badge">
18976            <span>IP65</span>
18977          </div><div class="card__media">
18978            <a class="card__media-link-content" href="/products/brenda-60-floor-lamp" aria-label="BRENDA 60">
18979              <div class="media media--transparent media--hover-effect">
18980              
18981              <img
18982                class="product-image motion-reduce"
18983                srcset="//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=165 165w,//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=360 360w,//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=533 533w,//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=720 720w,//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=940 940w,//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=1066 1066w,//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128 4899w
18984                "
18985                src="//rendl.fi/cdn/shop/files/r14203-1.jpg?v=1745944128&width=533"
18986                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
18987                alt="RENDL outdoor lamp BRENDA 60 floor black 230V LED LED 9W IP65 3000K R14203 1"
18988                
18989                  loading="lazy"
18990                
18991                width="4899"
18992                height="4899"
18993              >
18994              
18995<img
18996                  class="product-image motion-reduce"
18997                  srcset="//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=165 165w,//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=360 360w,//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=533 533w,//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=720 720w,//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=940 940w,//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=1066 1066w,//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045 3162w
18998                  "
18999                  src="//rendl.fi/cdn/shop/files/r14203-3.jpg?v=1783740045&width=533"
19000                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
19001                  alt=""
19002                  loading="lazy"
19003                  width="3162"
19004                  height="3162"
19005                ></div>
19006            </a>
19007            
19008<div class="card-media-icons"><div class="energy-label-icon">
19009                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_F.svg?v=1785350126" alt="Energy class F" width="32" height="32" loading="lazy">
19010                    <div class="energy-label-tooltip">Energiatehokkuusluokka F
19011</div>
19012                  </div></div><div class="card-variant-swatches"><a
19013                    class="card-variant-swatch"
19014                    href="/products/brenda-60-floor-lamp?variant=52388168728874"
19015                    
19016                      style="background-image: url('//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=64');"
19017                    
19018                    aria-label="musta"
19019                  >
19020                    <span class="card-variant-swatch-tooltip">musta</span></a></div></div><div class="card__content">
19021          <div class="card__information">
19022            <h3
19023              class="card__heading"
19024              
19025            >
19026              <a
19027                href="/products/brenda-60-floor-lamp"
19028                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991874346"
19029                class="full-unstyled-link"
19030                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991874346 NoMediaStandardBadge-template--28113427169578__product-grid-9746991874346"
19031              >
19032                BRENDA 60
19033              </a>
19034            </h3>
19035          </div>
19036          <div class="card__badge bottom left"><span
19037                id="NoMediaStandardBadge-template--28113427169578__product-grid-9746991874346"
19038                class="badge badge--bottom-left color-scheme-3"
19039              >Matkalla</span></div>
19040        </div>
19041      </div>
19042      <div class="card__content">
19043        <div class="card__information">
19044          <h3
19045            class="card__heading h5"
19046            
19047              id="title-template--28113427169578__product-grid-9746991874346"
19048            
19049          >
19050            <a
19051              href="/products/brenda-60-floor-lamp"
19052              id="CardLink-template--28113427169578__product-grid-9746991874346"
19053              class="full-unstyled-link"
19054              aria-labelledby="CardLink-template--28113427169578__product-grid-9746991874346 Badge-template--28113427169578__product-grid-9746991874346"
19055            >
19056              BRENDA 60
19057            </a>
19058          </h3><div class="card__description">
19059              Ulkokäyttöön tarkoitettu LED-pylväs, jonka pehmeä valo säteilee tasaisesti sivuille.
19060            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
19061              
19062<div
19063    class="
19064      price  price--sold-out"
19065  >
19066    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
19067          <span class="price-item price-item--regular">
19068            158.00 EUR
19069          </span></div>
19070      <div class="price__sale">
19071          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
19072          <span>
19073            <s class="price-item price-item--regular">
19074              
19075                
19076              
19077            </s>
19078          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
19079        <span class="price-item price-item--sale price-item--last">
19080          158.00 EUR
19081        </span>
19082      </div>
19083      <small class="unit-price caption hidden">
19084        <span class="visually-hidden">Yksikköhinta</span>
19085        <span class="price-item price-item--last">
19086          <span></span>
19087          <span aria-hidden="true">/</span>
19088          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
19089          <span>
19090          </span>
19091        </span>
19092      </small>
19093    </div></div>
19094
19095
19096</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
19097              <button class="compare-button-simple" 
19098                      data-product-id="9746991874346" 
19099                      data-product-title="BRENDA 60"
19100                      data-product-handle="brenda-60-floor-lamp">
19101                              <span class="compare-button-content">
19102                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
19103                    <span class="compare-text" data-translate="compare">compare</span>
19104                  </span>
19105                <span class="compare-spinner-small">
19106                  <!-- Small spinner for button -->
19107                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
19108                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
19109                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
19110                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
19110inite"/>
19111                    </path>
19112                  </svg>
19113                </span>
19114              </button>
19115              
19116              <!-- Wishlist button next to compare button -->
19117              <button type="button" class="card-wishlist-button" data-wishlist-product="9746991874346">
19118                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
19119                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
19120                </svg>
19121              </button>
19122            </div></div>
19123        </div>
19124        
19125        
19126        
19127          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746991874346" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
19128                    type="hidden"
19129                    name="id"
19130                    value="52388168728874"
19131                    class="product-variant-id"
19132                    
19133                      disabled
19134                    
19135                  >
19136                  <button
19137                    id="quick-add-template--28113427169578__product-grid9746991874346-submit"
19138                    type="submit"
19139                    name="add"
19140                    class="quick-add__submit button button--full-width button--secondary"
19141                    aria-haspopup="dialog"
19142                    aria-labelledby="quick-add-template--28113427169578__product-grid9746991874346-submit title-template--28113427169578__product-grid-9746991874346"
19143                    aria-live="polite"
19144                    data-sold-out-message="true"
19145                    
19146                      disabled
19147                    
19148                  >
19149                    <span>Matkalla
19150</span>
19151                    <span class="sold-out-message hidden">
19152                      Matkalla
19153                    </span>
19154
19155<div class="loading__spinner hidden">
19156  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
19157
19158</div>
19159</button><input type="hidden" name="product-id" value="9746991874346" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
19160        
19161        <div class="card__badge bottom left"><span
19162              id="Badge-template--28113427169578__product-grid-9746991874346"
19163              class="badge badge--bottom-left color-scheme-3"
19164            >Matkalla</span></div>
19165      </div>
19166    </div>
19167  </div>
19167<script>
19168  // Initialize global compare translations only once
19169  if (typeof window.compareButtonTranslations === 'undefined') {
19170    window.compareButtonTranslations = {
19171      compare: {
19172        en: 'compare',
19173        cs: 'porovnat',
19174        sk: 'porovnať',
19175        de: 'vergleichen',
19176        at: 'vergleichen',
19177        ch: 'vergleichen',
19178        fr: 'comparer',
19179        be: 'comparer',
19180        lu: 'comparer',
19181        it: 'confronta',
19182        es: 'comparar',
19183        nl: 'vergelijken',
19184        pl: 'porównaj',
19185        hu: 'összehasonlít',
19186        ro: 'compară',
19187        bg: 'сравни',
19188        hr: 'usporedi',
19189        fi: 'vertaile',
19190        gr: 'σύγκριση',
19191        el: 'σύγκριση',
19192        no: 'sammenlign',
19193        'pt-PT': 'comparar',
19194        sl: 'primerjaj',
19195        sv: 'jämför',
19196        lv: 'salīdzināt',
19197        lt: 'palyginti',
19198        ee: 'võrdle',
19199        dk: 'sammenlign',
19200        gb: 'compare',
19201        uk: 'compare',
19202        ie: 'compare',
19203        us: 'compare',
19204        ca: 'compare',
19205        au: 'compare',
19206        nz: 'compare',
19207        ru: 'сравнить'
19208      },
19209      remove: {
19210        en: 'remove',
19211        cs: 'odebrat',
19212        sk: 'odobrať',
19213        de: 'entfernen',
19214        at: 'entfernen',
19215        ch: 'entfernen',
19216        fr: 'supprimer',
19217        be: 'supprimer',
19218        lu: 'supprimer',
19219        it: 'rimuovi',
19220        es: 'eliminar',
19221        nl: 'verwijderen',
19222        pl: 'usuń',
19223        hu: 'eltávolít',
19224        ro: 'elimină',
19225        bg: 'премахни',
19226        hr: 'ukloni',
19227        fi: 'poista',
19228        gr: 'αφαίρεση',
19229        el: 'αφαίρεση',
19230        no: 'fjern',
19231        'pt-PT': 'remover',
19232        sl: 'odstrani',
19233        sv: 'ta bort',
19234        lv: 'noņemt',
19235        lt: 'pašalinti',
19236        ee: 'eemalda',
19237        dk: 'fjern',
19238        gb: 'remove',
19239        uk: 'remove',
19240        ie: 'remove',
19241        us: 'remove',
19242        ca: 'remove',
19243        au: 'remove',
19244        nz: 'remove',
19245        ru: 'удалить'
19246      },
19247      added: {
19248        en: 'Added!',
19249        cs: 'Přidáno!',
19250        sk: 'Pridané!',
19251        de: 'Hinzugefügt!',
19252        at: 'Hinzugefügt!',
19253        ch: 'Hinzugefügt!',
19254        fr: 'Ajouté!',
19255        be: 'Ajouté!',
19256        lu: 'Ajouté!',
19257        it: 'Aggiunto!',
19258        es: '¡Añadido!',
19259        nl: 'Toegevoegd!',
19260        pl: 'Dodano!',
19261        hu: 'Hozzáadva!',
19262        ro: 'Adăugat!',
19263        bg: 'Добавено!',
19264        hr: 'Dodano!',
19265        fi: 'Lisätty!',
19266        gr: 'Προστέθηκε!',
19267        el: 'Προστέθηκε!',
19268        no: 'Lagt til!',
19269        'pt-PT': 'Adicionado!',
19270        sl: 'Dodano!',
19271        sv: 'Tillagd!',
19272        lv: 'Pievienots!',
19273        lt: 'Pridėta!',
19274        ee: 'Lisatud!',
19275        dk: 'Tilføjet!',
19276        gb: 'Added!',
19277        uk: 'Added!',
19278        ie: 'Added!',
19279        us: 'Added!',
19280        ca: 'Added!',
19281        au: 'Added!',
19282        nz: 'Added!',
19283        ru: 'Добавлено!'
19284      },
19285      removed: {
19286        en: 'Removed!',
19287        cs: 'Odebráno!',
19288        sk: 'Odobrané!',
19289        de: 'Entfernt!',
19290        at: 'Entfernt!',
19291        ch: 'Entfernt!',
19292        fr: 'Supprimé!',
19293        be: 'Supprimé!',
19294        lu: 'Supprimé!',
19295        it: 'Rimosso!',
19296        es: '¡Eliminado!',
19297        nl: 'Verwijderd!',
19298        pl: 'Usunięto!',
19299        hu: 'Eltávolítva!',
19300        ro: 'Eliminat!',
19301        bg: 'Премахнато!',
19302        hr: 'Uklonjeno!',
19303        fi: 'Poistettu!',
19304        gr: 'Αφαιρέθηκε!',
19305        el: 'Αφαιρέθηκε!',
19306        no: 'Fjernet!',
19307        'pt-PT': 'Removido!',
19308        sl: 'Odstranjeno!',
19309        sv: 'Borttaget!',
19310        lv: 'Noņemts!',
19311        lt: 'Pašalinta!',
19312        ee: 'Eemaldatud!',
19313        dk: 'Fjernet!',
19314        gb: 'Removed!',
19315        uk: 'Removed!',
19316        ie: 'Removed!',
19317        us: 'Removed!',
19318        ca: 'Removed!',
19319        au: 'Removed!',
19320        nz: 'Removed!',
19321        ru: 'Удалено!'
19322      }
19323    };
19324
19325    // Tooltip translations for price info
19326    window.tooltipTranslations = {
19327      tooltipPrice: {
19328        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19329        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
19330        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
19331        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
19332        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
19333        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
19334        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
19335        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
19336        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
19337        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
19338        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
19339        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
19340        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
19341        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
19342        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
19343        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
19344        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
19345        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
19346        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
19347        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
19348        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
19349        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
19350        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
19351        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
19352        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
19352iks atskaitīts, ja piemērojams.",
19353        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
19354        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
19355        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
19356        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19357        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19358        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19359        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19360        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19361        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19362        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
19363        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
19364      },
19365      tooltipOutlet: {
19366        en: "We do not provide additional wholesale discounts on outlet products.",
19367        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
19368        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
19369        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
19370        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
19371        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
19372        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
19373        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
19374        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
19375        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
19376        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
19377        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
19378        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
19379        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
19380        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
19381        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
19382        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
19383        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
19384        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
19385        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
19386        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
19387        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
19388        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
19389        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
19390        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
19391        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
19392        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
19393        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
19394        gb: "We do not provide additional wholesale discounts on outlet products.",
19395        uk: "We do not provide additional wholesale discounts on outlet products.",
19396        ie: "We do not provide additional wholesale discounts on outlet products.",
19397        us: "We do not provide additional wholesale discounts on outlet products.",
19398        ca: "We do not provide additional wholesale discounts on outlet products.",
19399        au: "We do not provide additional wholesale discounts on outlet products.",
19400        nz: "We do not provide additional wholesale discounts on outlet products.",
19401        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
19402      }
19403    };
19404
19405    // Get current locale from document
19406    window.currentLocale = document.documentElement.lang || 'en';
19407
19408    // Function to translate compare buttons
19409    window.translateCompareButtons = function() {
19410      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
19411      compareTexts.forEach(function(textEl) {
19412        const button = textEl.closest('.compare-button-simple');
19413        const isInComparison = button && button.hasAttribute('data-in-comparison');
19414        
19415        if (isInComparison) {
19416          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
19417          textEl.textContent = translation;
19418        } else {
19419          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
19420          textEl.textContent = translation;
19421        }
19422      });
19423    };
19424
19425    // Function to format price with space as thousands separator (only for tooltip)
19426    function formatTooltipPrice(price) {
19427      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
19428      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
19429    }
19430
19431    // Function to translate tooltips with price
19432    window.translateTooltips = function() {
19433      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
19434      tooltips.forEach(function(tooltip) {
19435        const icon = tooltip.closest('.price-info-icon');
19436        if (icon) {
19437          const status = icon.getAttribute('data-status');
19438          // Check if this is an outlet product
19439          if (status === 'outlet') {
19440            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
19441            tooltip.textContent = translation;
19442            return; // Exit early for outlet products
19443          }
19444          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
19445          // Get wholesale price from the actual price display on the card
19446          const card = icon.closest('[data-product-id]');
19447          let wholesalePrice = '';
19448          if (card) {
19449            // Find the main price element on the card
19450            const priceElement = card.querySelector('.price .price-item--regular');
19451            if (priceElement) {
19452              wholesalePrice = priceElement.textContent.trim();
19453            }
19454          }
19455          if (retailPrice && wholesalePrice) {
19456            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
19457            let formattedRetailPrice = formatTooltipPrice(retailPrice);
19458            let formattedWholesalePrice = wholesalePrice;
19459            if (window.formatPriceText) {
19460              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
19461            }
19462            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
19463            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
19464            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
19465            tooltip.textContent = translatedText;
19466          }
19467        }
19468      });
19469    };
19470
19471    // Function to update button state based on comparison status
19472    window.updateCompareButtonState = function(productId, isInComparison) {
19473      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
19474      buttons.forEach(function(button) {
19475        const buttonContainer = button.closest('.compare-button-container');
19476        const compareText = button.querySelector('.compare-text');
19477        
19478        if (isInComparison) {
19479          button.setAttribute('data-in-comparison', 'true');
19480          button.classList.add('in-comparison');
19481          buttonContainer.classList.add('in-comparison');
19482          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
19483          compareText.textContent = removeText;
19484        } else {
19485          button.removeAttribute('data-in-comparison');
19486          button.classList.remove('in-comparison');
19487          buttonContainer.classList.remove('in-comparison');
19488          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
19489          compareText.textContent = compareTextTranslation;
19490        }
19491      });
19492    };
19493  }
19494
19495  // Initialize compare button states based on localStorage
19496  window.initializeCompareButtonStates = function() {
19497    if (typeof window.RendlCompare !== 'undefined') {
19498      const compareItems = window.RendlCompare.getItems();
19499      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
19500        const productId = button.getAttribute('data-product-id');
19501        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
19502        window.updateCompareButtonState(productId, isInComparison);
19503      });
19504    }
19505  };
19506
19507  // Compare button UI animation - the actual functionality is handled by compare-system.js
19508  document.addEventListener('DOMContentLoaded', function() {
19509    // Apply translations on page load
19510    if (window.translateCompareButtons) {
19511      window.translateCompareButtons();
19512    }
19513    
19514    // Initialize button states based on comparison data
19515    setTimeout(function() {
19516      if (window.initializeCompareButtonStates) {
19517        window.initializeCompareButtonStates();
19518      }
19519    }, 100); // Small delay to ensure compare system is loaded
19520    
19521    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
19522      // Skip if already has event listener
19523      if (button.hasAttribute('data-compare-initialized')) {
19524        return;
19525      }
19526      button.setAttribute('data-compare-initialized', 'true');
19527      
19528      button.addEventListener('click', function(e) {
19529        var buttonContainer = button.closest('.compare-button-container');
19530        var compareText = button.querySelector('.compare-text');
19531        var isInComparison = button.hasAttribute('data-in-comparison');
19532        var productId = button.getAttribute('data-product-id');
19533        
19534        // Prevent multiple clicks during loading
19535        if (button.classList.contains('loading')) {
19536          return;
19537        }
19538        
19539        // Make button always visible during the process
19540        buttonContainer.classList.add('active');
19541        
19542        // Add loading class to show spinner
19543        button.classList.add('loading');
19544        
19545        // UI feedback timing
19546        setTimeout(function() {
19547          // Remove loading class and show success message
19548          button.classList.remove('loading');
19549          button.classList.add('success');
19550          
19551          if (isInComparison) {
19552            // Removing from comparison
19553            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
19554            
19555            // Update button state after removal
19556            setTimeout(function() {
19557              button.classList.remove('success');
19558              window.updateCompareButtonState(productId, false);
19559              buttonContainer.classList.remove('active');
19560            }, 1500);
19561          } else {
19562            // Adding to comparison
19563            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
19564            
19565            // Update button state after addition
19566            setTimeout(function() {
19567              button.classList.remove('success');
19568              window.updateCompareButtonState(productId, true);
19569              buttonContainer.classList.remove('active');
19570            }, 1500);
19571          }
19572        }, 1200);
19573      });
19574    });
19575
19576    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
19577    setTimeout(function() {
19578      if (window.translateTooltips) {
19579        window.translateTooltips();
19580      }
19581    }, 100);
19582  });
19583
19584  // Ensure compare button states are initialized after RendlCompare is available
19585  document.addEventListener('DOMContentLoaded', function() {
19586    function tryInitCompareButtons() {
19587      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
19588        window.initializeCompareButtonStates();
19589      } else {
19590        setTimeout(tryInitCompareButtons, 100);
19591      }
19592    }
19593    tryInitCompareButtons();
19594  });
19595
19596  // Self-contained wishlist functionality for card-product
19597  (function() {
19598    // Wishlist translations
19599    var wishlistTranslations = {
19600      'en': {
19601        addToWishlist: 'Add to My Favorites',
19602        createCategory: 'Create new category:',
19603        categoryPlaceholder: 'Category name',
19604        createAndAdd: 'Create & Add Item',
19605        alreadyAdded: '(Already added)',
19606        addedToWishlist: 'added to My Favorites',
19607        removedFromWishlist: 'removed from My Favorites',
19608        allFavorites: 'All Favorites'
19609      },
19610      'cs': {
19611        addToWishlist: 'Přidat do oblíbených',
19612        createCategory: 'Vytvořit novou skupinu:',
19613        categoryPlaceholder: 'Název nové skupiny',
19614        createAndAdd: 'Vytvořit a přidat skupinu',
19615        alreadyAdded: '(Již přidáno)',
19616        addedToWishlist: 'přidáno do oblíbených',
19617        removedFromWishlist: 'odebráno z oblíbených',
19618        allFavorites: 'Všechny oblíbené'
19619      },
19620      'sk': {
19621        addToWishlist: 'Pridať do obľúbených',
19622        createCategory: 'Vytvoriť novú kategóriu:',
19623        categoryPlaceholder: 'Názov kategórie',
19624        createAndAdd: 'Vytvoriť a pridať položku',
19625        alreadyAdded: '(Už pridané)',
19626        addedToWishlist: 'pridané do obľúbených',
19627        removedFromWishlist: 'odstránené z obľúbených',
19628        allFavorites: 'Všetky obľúbené'
19629      },
19630      'de': {
19631        addToWishlist: 'Zu meinen Favoriten hinzufügen',
19632        createCategory: 'Neue Kategorie erstellen:',
19633        categoryPlaceholder: 'Kategoriename',
19634        createAndAdd: 'Erstellen & hinzufügen',
19635        alreadyAdded: '(Bereits hinzugefügt)',
19636        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
19637        removedFromWishlist: 'aus meinen Favoriten entfernt',
19638        allFavorites: 'Alle Favoriten'
19639      },
19640      'fr': {
19641        addToWishlist: 'Ajouter à mes favoris',
19642        createCategory: 'Créer une nouvelle catégorie :',
19643        categoryPlaceholder: 'Nom de la catégorie',
19644        createAndAdd: 'Créer et ajouter',
19645        alreadyAdded: '(Déjà ajouté)',
19646        addedToWishlist: 'ajouté à mes favoris',
19647        removedFromWishlist: 'retiré de mes favoris',
19648        allFavorites: 'Tous les favoris'
19649      },
19650      'it': {
19651        addToWishlist: 'Aggiungi ai preferiti',
19652        createCategory: 'Crea nuova categoria:',
19653        categoryPlaceholder: 'Nome categoria',
19654        createAndAdd: 'Crea e aggiungi',
19655        alreadyAdded: '(Già aggiunto)',
19656        addedToWishlist: 'aggiunto ai preferiti',
19657        removedFromWishlist: 'rimosso dai preferiti',
19658        allFavorites: 'Tutti i preferiti'
19659      },
19660      'es': {
19661        addToWishlist: 'Añadir a mis favoritos',
19662        createCategory: 'Crear nueva categoría:',
19663        categoryPlaceholder: 'Nombre de la categoría',
19664        createAndAdd: 'Crear y añadir',
19665        alreadyAdded: '(Ya añadido)',
19666        addedToWishlist: 'añadido a mis favoritos',
19667        removedFromWishlist: 'eliminado de mis favoritos',
19668        allFavorites: 'Todos los favoritos'
19669      },
19670      'nl': {
19671        addToWishlist: 'Toevoegen aan mijn favorieten',
19672        createCategory: 'Nieuwe categorie aanmaken:',
19673        categoryPlaceholder: 'Categorienaam',
19674        createAndAdd: 'Aanmaken & toevoegen',
19675        alreadyAdded: '(Al toegevoegd)',
19676        addedToWishlist: 'toegevoegd aan mijn favorieten',
19677        removedFromWishlist: 'verwijderd uit mijn favorieten',
19678        allFavorites: 'Alle favorieten'
19679      },
19680      'pl': {
19681        addToWishlist: 'Dodaj do ulubionych',
19682        createCategory: 'Utwórz nową kategorię:',
19683        categoryPlaceholder: 'Nazwa kategorii',
19684        createAndAdd: 'Utwórz i dodaj',
19685        alreadyAdded: '(Już dodane)',
19686        addedToWishlist: 'dodano do ulubionych',
19687        removedFromWishlist: 'usunięto z ulubionych',
19688        allFavorites: 'Wszystkie ulubione'
19689      },
19690      'hu': {
19691        addToWishlist: 'Hozzáadás a kedvencekhez',
19692        createCategory: 'Új kategória létrehozása:',
19693        categoryPlaceholder: 'Kategória neve',
19694        createAndAdd: 'Létrehozás és hozzáadás',
19695        alreadyAdded: '(Már hozzáadva)',
19696        addedToWishlist: 'hozzáadva a kedvencekhez',
19697        removedFromWishlist: 'eltávolítva a kedvencekből',
19698        allFavorites: 'Minden kedvenc'
19699      },
19700      'ro': {
19701        addToWishlist: 'Adaugă la favorite',
19702        createCategory: 'Creează o nouă categorie:',
19703        categoryPlaceholder: 'Nume categorie',
19704        createAndAdd: 'Creează și adaugă',
19705        alreadyAdded: '(Deja adăugat)',
19706        addedToWishlist: 'adăugat la favorite',
19707        removedFromWishlist: 'eliminat din favorite',
19708        allFavorites: 'Toate preferințele'
19709      },
19710      'bg': {
19711        addToWishlist: 'Добави в любими',
19712        createCategory: 'Създай нова категория:',
19713        categoryPlaceholder: 'Име на категория',
19714        createAndAdd: 'Създай и добави',
19715        alreadyAdded: '(Вече добавено)',
19716        addedToWishlist: 'добавено в любими',
19717        removedFromWishlist: 'премахнато от любими',
19718        allFavorites: 'Всички любими'
19719      },
19720      'hr': {
19721        addToWishlist: 'Dodaj u favorite',
19722        createCategory: 'Kreiraj novu kategoriju:',
19723        categoryPlaceholder: 'Naziv kategorije',
19724        createAndAdd: 'Kreiraj i dodaj',
19725        alreadyAdded: '(Već dodano)',
19726        addedToWishlist: 'dodano u favorite',
19727        removedFromWishlist: 'uklonjeno iz favorita',
19728        allFavorites: 'Sva omiljena'
19729      },
19730      'fi': {
19731        addToWishlist: 'Lisää suosikkeihin',
19732        createCategory: 'Luo uusi kategoria:',
19733        categoryPlaceholder: 'Kategorian nimi',
19734        createAndAdd: 'Luo ja lisää',
19735        alreadyAdded: '(Jo lisätty)',
19736        addedToWishlist: 'lisätty suosikkeihin',
19737        removedFromWishlist: 'poistettu suosikeista',
19738        allFavorites: 'Kaikki suosikit'
19739      },
19740      'gr': {
19741        addToWishlist: 'Προσθήκη στα αγαπημένα',
19742        createCategory: 'Δημιουργία νέας κατηγορίας:',
19743        categoryPlaceholder: 'Όνομα κατηγορίας',
19744        createAndAdd: 'Δημιουργία & προσθήκη',
19745        alreadyAdded: '(Ήδη προστέθηκε)',
19746        addedToWishlist: 'προστέθηκε στα αγαπημένα',
19747        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
19748        allFavorites: 'Όλα τα αγαπημένα'
19749      },
19750      'no': {
19751        addToWishlist: 'Legg til i favoritter',
19752        createCategory: 'Opprett ny kategori:',
19753        categoryPlaceholder: 'Kategorinavn',
19754        createAndAdd: 'Opprett og legg til',
19755        alreadyAdded: '(Allerede lagt til)',
19756        addedToWishlist: 'lagt til i favoritter',
19757        removedFromWishlist: 'fjernet fra favoritter',
19758        allFavorites: 'Alle favoritter'
19759      },
19760      'pt-PT': {
19761        addToWishlist: 'Adicionar aos favoritos',
19762        createCategory: 'Criar nova categoria:',
19763        categoryPlaceholder: 'Nome da categoria',
19764        createAndAdd: 'Criar e adicionar',
19765        alreadyAdded: '(Já adicionado)',
19766        addedToWishlist: 'adicionado aos favoritos',
19767        removedFromWishlist: 'removido dos favoritos',
19768        allFavorites: 'Todos os favoritos'
19769      },
19770      'sl': {
19771        addToWishlist: 'Dodaj med priljubljene',
19772        createCategory: 'Ustvari novo kategorijo:',
19773        categoryPlaceholder: 'Ime kategorije',
19774        createAndAdd: 'Ustvari in dodaj',
19775        alreadyAdded: '(Že dodano)',
19776        addedToWishlist: 'dodano med priljubljene',
19777        removedFromWishlist: 'odstranjeno iz priljubljenih',
19778        allFavorites: 'Vsi priljubljeni'
19779      },
19780      'sv': {
19781        addToWishlist: 'Lägg till i favoriter',
19782        createCategory: 'Skapa ny kategori:',
19783        categoryPlaceholder: 'Kategorinamn',
19784        createAndAdd: 'Skapa och lägg till',
19785        alreadyAdded: '(Redan tillagd)',
19786        addedToWishlist: 'tillagd i favoriter',
19787        removedFromWishlist: 'borttagen från favoriter',
19788        allFavorites: 'Alla favoriter'
19789      },
19790      'lv': {
19791        addToWishlist: 'Pievienot favorītiem',
19792        createCategory: 'Izveidot jaunu kategoriju:',
19793        categoryPlaceholder: 'Kategorijas nosaukums',
19794        createAndAdd: 'Izveidot un pievienot',
19795        alreadyAdded: '(Jau pievienots)',
19796        addedToWishlist: 'pievienots favorītiem',
19797        removedFromWishlist: 'noņemts no favorītiem',
19798        allFavorites: 'Visas favorītus'
19799      },
19800      'lt': {
19801        addToWishlist: 'Pridėti į mėgstamiausius',
19802        createCategory: 'Sukurti naują kategoriją:',
19803        categoryPlaceholder: 'Kategorijos pavadinimas',
19804        createAndAdd: 'Sukurti ir pridėti',
19805        alreadyAdded: '(Jau pridėta)',
19806        addedToWishlist: 'pridėta į mėgstamiausius',
19807        removedFromWishlist: 'pašalinta iš mėgstamiausių',
19808        allFavorites: 'Visos mėgstamiausios'
19809      },
19810      'ee': {
19811        addToWishlist: 'Lisa lemmikutesse',
19812        createCategory: 'Loo uus kategooria:',
19813        categoryPlaceholder: 'Kategooria nimi',
19814        createAndAdd: 'Loo ja lisa',
19815        alreadyAdded: '(Juba lisatud)',
19816        addedToWishlist: 'lisatud lemmikutesse',
19817        removedFromWishlist: 'eemaldatud lemmikutest',
19818        allFavorites: 'Kõik lemmikud'
19819      },
19820      'dk': {
19821        addToWishlist: 'Tilføj til favoritter',
19822        createCategory: 'Opret ny kategori:',
19823        categoryPlaceholder: 'Kategorinavn',
19824        createAndAdd: 'Opret og tilføj',
19825        alreadyAdded: '(Allerede tilføjet)',
19826        addedToWishlist: 'tilføjet til favoritter',
19827        removedFromWishlist: 'fjernet fra favoritter',
19828        allFavorites: 'Alle favoritter'
19829      }
19830    };
19831
19832    function getWishlistLang() {
19833      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
19834      // Normalize for region codes (e.g., pt-PT, sl)
19835      if (lang.startsWith('pt-PT')) return 'pt-PT';
19836      if (lang.startsWith('sl')) return 'sl';
19837      if (lang.startsWith('cs')) return 'cs';
19838      if (lang.startsWith('sk')) return 'sk';
19839      if (lang.startsWith('de')) return 'de';
19840      if (lang.startsWith('fr')) return 'fr';
19841      if (lang.startsWith('it')) return 'it';
19842      if (lang.startsWith('es')) return 'es';
19843      if (lang.startsWith('nl')) return 'nl';
19844      if (lang.startsWith('pl')) return 'pl';
19845      if (lang.startsWith('hu')) return 'hu';
19846      if (lang.startsWith('ro')) return 'ro';
19847      if (lang.startsWith('bg')) return 'bg';
19848      if (lang.startsWith('hr')) return 'hr';
19849      if (lang.startsWith('fi')) return 'fi';
19850      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
19851      if (lang.startsWith('no')) return 'no';
19852      if (lang.startsWith('sv')) return 'sv';
19853      if (lang.startsWith('lv')) return 'lv';
19854      if (lang.startsWith('lt')) return 'lt';
19855      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
19856      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
19857      return 'en';
19858    }
19859
19860    // Get or initialize the wishlist array in localStorage
19861    function getWishlist() {
19862      const wishlistJSON = localStorage.getItem('rendl_wishlist');
19863      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
19864        categories: [
19865          {
19866            id: 'all-favorites',
19867            name: 'All Favorites',
19868            items: []
19869          }
19870        ],
19871        version: 2
19872      };
19873      
19874      // Handle migration from old format (array of items) to new format (categories)
19875      if (Array.isArray(wishlist)) {
19876        return {
19877          categories: [
19878            {
19879              id: 'all-favorites',
19880              name: 'All Favorites',
19881              items: wishlist
19882            }
19883          ],
19884          version: 2
19885        };
19886      }
19887      
19888      return wishlist;
19889    }
19890    
19891    // Save wishlist to localStorage
19892    function saveWishlist(wishlist) {
19893      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
19894      // Dispatch an event so other parts of the site can react to wishlist changes
19895      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
19896        detail: { wishlist: wishlist } 
19897      }));
19898      
19899      // Count total items across all categories
19900      const totalItems = wishlist.categories.reduce((total, category) => {
19901        return total + category.items.length;
19902      }, 0);
19903      
19904      // Update all wishlist counters
19905      updateWishlistCounters(totalItems);
19906    }
19907    
19908    // Update all wishlist counters on the page
19909    function updateWishlistCounters(count) {
19910      const counters = document.querySelectorAll('.wishlist-count');
19911      counters.forEach(counter => {
19912        counter.textContent = count;
19913        
19914        // If the counter is hidden and count > 0, show it
19915        if (count > 0 && counter.hasAttribute('hidden')) {
19916          counter.removeAttribute('hidden');
19917        }
19918        // If the counter is visible and count = 0, hide it
19919        else if (count === 0 && !counter.hasAttribute('hidden')) {
19920          counter.setAttribute('hidden', 'true');
19921        }
19922      });
19923    }
19924    
19925    // Check if a product is in the wishlist (in any category)
19926    function isInWishlist(productId) {
19927      const wishlist = getWishlist();
19928      return wishlist.categories.some(category => 
19929        category.items.some(item => item.id === productId)
19930      );
19931    }
19932    
19933    // Get all categories
19934    function getCategories() {
19935      return getWishlist().categories;
19936    }
19937    
19938    // Create a new category
19939    function createCategory(name) {
19940      const wishlist = getWishlist();
19941      const categoryId = 'category-' + Date.now();
19942      
19943      wishlist.categories.push({
19944        id: categoryId,
19945        name: name,
19946        items: []
19947      });
19948      
19949      saveWishlist(wishlist);
19950      return categoryId;
19951    }
19952    
19953    // Add a product to a specific category
19954    function addToCategory(product, categoryId) {
19955      const wishlist = getWishlist();
19956      const category = wishlist.categories.find(cat => cat.id === categoryId);
19957      
19958      if (!category) return false;
19959      
19960      // Check if product already exists in ANY category (not just this one)
19961      if (isInWishlist(product.id)) {
19962        return false; // Product already in wishlist
19963      }
19964      
19965      // Add product to category
19966      category.items.push(product);
19967      saveWishlist(wishlist);
19968      
19969      // Dispatch event for global sync
19970      document.dispatchEvent(new CustomEvent('wishlist:updated', {
19971        detail: { productId: product.id, added: true }
19972      }));
19973      
19974      return true;
19975    }
19976    
19977    // Add a product to the default "All Favorites" category
19978    function addToWishlist(product) {
19979      return addToCategory(product, 'all-favorites');
19980    }
19981    
19982    // Remove a product from all categories
19983    function removeFromWishlist(productId) {
19984      const wishlist = getWishlist();
19985      let removed = false;
19986      
19987      wishlist.categories.forEach(category => {
19988        const initialLength = category.items.length;
19989        category.items = category.items.filter(item => item.id !== productId);
19990        if (category.items.length !== initialLength) {
19991          removed = true;
19992        }
19993      });
19994      
19995      if (removed) {
19996        saveWishlist(wishlist);
19997      }
19998      
19999      return removed;
20000    }
20001    
20002    // Toggle a product in the wishlist
20003    function toggleWishlistItem(product) {
20004      if (isInWishlist(product.id)) {
20005        // If already in wishlist, remove it
20006        const wasRemoved = removeFromWishlist(product.id);
20007        
20008        // Update heart icon if the product was successfully removed
20009        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
20010        if (heartIcon && wasRemoved) {
20011          heartIcon.setAttribute('fill', 'none');
20012          showWishlistToast(false, product.title);
20013          
20014          // Dispatch event for global sync
20015          document.dispatchEvent(new CustomEvent('wishlist:updated', {
20016            detail: { productId: product.id, added: false }
20017          }));
20018        }
20019        return wasRemoved;
20020      } else {
20021        // If not in wishlist, show category selection popup
20022        showCategorySelectionPopup(product);
20023        return false; // Don't return true unless we actually add the product
20024      }
20025    }
20026    
20027    // Show wishlist category selection popup
20028    function showCategorySelectionPopup(product) {
20029      // Remove any existing popup
20030      const existingPopup = document.getElementById('wishlist-category-popup');
20031      if (existingPopup) {
20032        existingPopup.remove();
20033      }
20034
20035      const lang = getWishlistLang();
20036      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
20037
20038      // Create popup container
20039      const popup = document.createElement('div');
20040      popup.id = 'wishlist-category-popup';
20041      popup.className = 'wishlist-category-popup';
20042
20043      // Create popup content
20044      const content = document.createElement('div');
20045      content.className = 'wishlist-category-popup-content';
20046
20047      // Create header
20048      const title = document.createElement('h2');
20049      title.textContent = translations.addToWishlist; // Translate
20050
20051      const closeButton = document.createElement('button');
20052      closeButton.className = 'wishlist-category-popup-close';
20053      closeButton.setAttribute('aria-label', 'Close');
20054      closeButton.addEventListener('click', () => {
20055        popup.remove();
20056      });
20057      
20058      // Create category list
20059      const categoryList = document.createElement('div');
20060      categoryList.className = 'wishlist-category-list';
20061      
20062      // Get categories
20063      const categories = getCategories();
20064      
20065      // Add category options
20066      categories.forEach(category => {
20067        const categoryOption = document.createElement('div');
20068        categoryOption.className = 'wishlist-category-option';
20069        
20070        // Use translation for default category name
20071        categoryOption.textContent = category.id === 'all-favorites'
20072          ? (translations.allFavorites || category.name)
20073          : category.name;
20074
20075        // Highlight if product already in this category
20076        if (category.items.some(item => item.id === product.id)) {
20077          categoryOption.style.backgroundColor = '#f0f0f0';
20078          categoryOption.style.color = '#999';
20079          categoryOption.style.fontStyle = 'italic';
20080          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
20081          categoryOption.style.cursor = 'default';
20082        } else {
20083          categoryOption.addEventListener('click', () => {
20084            const wasAdded = addToCategory(product, category.id);
20085            
20086            if (wasAdded) {
20087              // Update heart icon after successful addition
20088              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
20089              if (heartIcon) {
20090                heartIcon.setAttribute('fill', '#333333');
20091              }
20092              
20093              showWishlistToast(true, product.title);
20094              popup.remove();
20095            }
20096          });
20097        }
20098        
20099        categoryList.appendChild(categoryOption);
20100      });
20101      
20102      // Create "add new category" section
20103      const newCategorySection = document.createElement('div');
20104      newCategorySection.style.borderTop = '1px solid #eee';
20105      newCategorySection.style.paddingTop = '15px';
20106      newCategorySection.style.marginTop = '10px';
20107      
20108      const newCategoryLabel = document.createElement('label');
20109      newCategoryLabel.textContent = translations.createCategory; // Translate
20110
20111      const newCategoryInput = document.createElement('input');
20112      newCategoryInput.type = 'text';
20113      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
20114
20115      const createButton = document.createElement('button');
20116      createButton.className = 'create-category-button';
20117      createButton.textContent = translations.createAndAdd; // Translate
20118
20119      createButton.addEventListener('click', () => {
20120        const categoryName = newCategoryInput.value.trim();
20121        if (categoryName) {
20122          const categoryId = createCategory(categoryName);
20123          const wasAdded = addToCategory(product, categoryId);
20124          
20125          if (wasAdded) {
20126            // Update heart icon after successful addition
20127            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
20128            if (heartIcon) {
20129              heartIcon.setAttribute('fill', '#333333');
20130            }
20131            
20132            showWishlistToast(true, product.title);
20133            popup.remove();
20134          }
20135        }
20136      });
20137      
20138      newCategorySection.appendChild(newCategoryLabel);
20139      newCategorySection.appendChild(newCategoryInput);
20140      newCategorySection.appendChild(createButton);
20141      
20142      // Assemble popup
20143      content.appendChild(title);
20144      content.appendChild(closeButton);
20145      content.appendChild(categoryList);
20146      content.appendChild(newCategorySection);
20147      popup.appendChild(content);
20148      
20149      // Add to document
20150      document.body.appendChild(popup);
20151      
20152      // Focus the input
20153      setTimeout(() => {
20154        newCategoryInput.focus();
20155      }, 100);
20156      
20157      // Close when clicking outside content
20158      popup.addEventListener('click', (e) => {
20159        if (e.target === popup) {
20160          popup.remove();
20161        }
20162      });
20163    }
20164    
20165    // Show a toast notification
20166    function showWishlistToast(added, productTitle) {
20167      // Create or get toast container
20168      let toastContainer = document.getElementById('wishlist-toast');
20169      if (!toastContainer) {
20170        toastContainer = document.createElement('div');
20171        toastContainer.id = 'wishlist-toast';
20172        toastContainer.style.position = 'fixed';
20173        toastContainer.style.bottom = '20px';
20174        toastContainer.style.right = '20px';
20175        toastContainer.style.zIndex = '9999';
20176        document.body.appendChild(toastContainer);
20177      }
20178      
20179      // Create toast
20180      const toast = document.createElement('div');
20181      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
20182      toast.style.color = 'white';
20183      toast.style.padding = '12px 20px';
20184      toast.style.borderRadius = '0';
20185      toast.style.marginTop = '10px';
20186      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
20187      toast.style.transition = 'all 0.3s ease';
20188      toast.style.opacity = '0';
20189      toast.style.fontFamily = 'Montserrat, sans-serif';
20190      
20191      // Choose text based on action
20192      const lang = getWishlistLang();
20193      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
20194      toast.textContent = added
20195        ? `${productTitle} ${translations.addedToWishlist}` // Translate
20196        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
20197      
20198      // Add to container
20199      toastContainer.appendChild(toast);
20200      
20201      // Animate in
20202      setTimeout(() => {
20203        toast.style.opacity = '1';
20204      }, 10);
20205      
20206      // Animate out and remove
20207      setTimeout(() => {
20208        toast.style.opacity = '0';
20209        setTimeout(() => {
20210          toastContainer.removeChild(toast);
20211        }, 300);
20212      }, 3000);
20213    }
20214
20215    // Initialize wishlist buttons
20216    function initCardWishlistButtons() {
20217      const wishlistButtons = document.querySelectorAll('.card-wis
20217hlist-button');
20218      
20219      wishlistButtons.forEach(button => {
20220        // Skip if already initialized
20221        if (button.dataset.initializedWishlist === 'true') return;
20222        button.dataset.initializedWishlist = 'true';
20223        
20224        const productId = button.getAttribute('data-wishlist-product');
20225        if (!productId) return;
20226        
20227        // Get product details from the card
20228        const card = button.closest('.card-wrapper');
20229        const productDetails = {
20230          id: productId,
20231          title: card.querySelector('.card__heading')?.textContent.trim() || '',
20232          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
20233          price: card.querySelector('.price')?.textContent.trim() || '',
20234          image: card.querySelector('img')?.src || '',
20235          url: card.querySelector('a[href*="/products/"]')?.href || ''
20236        };
20237        
20238        // Set initial state using global function
20239        const heartIcon = button.querySelector('path');
20240        if (heartIcon) {
20241          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
20242            heartIcon.setAttribute('fill', '#333333');
20243          } else {
20244            heartIcon.setAttribute('fill', 'none');
20245          }
20246        }
20247        
20248        // Add click handler
20249        button.addEventListener('click', function(e) {
20250          e.preventDefault();
20251          e.stopPropagation();
20252          e.stopImmediatePropagation();
20253          toggleWishlistItem(productDetails);
20254        });
20255        
20256        // Prevent navigation on mousedown/touchstart
20257        button.addEventListener('mousedown', function(e) {
20258          e.preventDefault();
20259          e.stopPropagation();
20260        });
20261        
20262        button.addEventListener('touchstart', function(e) {
20263          e.preventDefault();
20264          e.stopPropagation();
20265        });
20266      });
20267    }
20268
20269    // Initialize the wishlist counter on page load
20270    const wishlist = getWishlist();
20271    const totalItems = wishlist.categories.reduce((total, category) => {
20272      return total + category.items.length;
20273    }, 0);
20274    updateWishlistCounters(totalItems);
20275
20276    // Initialize on DOM ready
20277    if (document.readyState === 'loading') {
20278      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
20279    } else {
20280      initCardWishlistButtons();
20281    }
20282
20283    // Reinitialize on Shopify section load
20284    document.addEventListener('shopify:section:load', function() {
20285      setTimeout(initCardWishlistButtons, 100);
20286    });
20287
20288    // Listen for wishlist updates from other parts of the site
20289    document.addEventListener('wishlist:updated', function() {
20290      setTimeout(initCardWishlistButtons, 100);
20291    });
20292  })();
20293</script>
20293
20294
20295<!-- Price info icon styles -->
20296<style>
20297  /* Price container with icon */
20298  .price-container-with-info {
20299    position: relative;
20300    display: flex;
20301    align-items: center;
20302    gap: 8px;
20303  }
20304
20305  /* Info icon - hidden by default, shown on card hover */
20306  .price-info-icon {
20307    position: relative;
20308    display: inline-flex;
20309    align-items: center;
20310    justify-content: center;
20311    color: #666;
20312    cursor: help;
20313    opacity: 0;
20314    transition: opacity 0.3s ease;
20315
20316    padding: 4px; /* Add padding to increase clickable area */
20317    min-width: 20px; /* Ensure minimum clickable area */
20318    min-height: 20px;
20319    z-index: 15; /* Above everything else including compare button */
20320    pointer-events: auto; /* Allow interaction */
20321  }
20322
20323  /* Show icon on card hover */
20324  .card-wrapper:hover .price-info-icon {
20325    opacity: 1;
20326  }
20327
20328  .price-info-icon svg {
20329    width: 14px;
20330    height: 14px;
20331    stroke-width: 1.5;
20332  }
20333
20334  /* Tooltip styles */
20335  .price-info-tooltip {
20336    position: absolute;
20337    bottom: calc(100% + 6px);
20338    top: auto;
20339    left: 0;
20340    transform: none;
20341    min-width: 310px;
20342    background: #FFFFFF;
20343    color: #232323;
20344    border: 1px solid #EEEEEE;
20345    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
20346    padding: 12px 16px;
20347    font-size: 13px;
20348    font-family: 'Montserrat', sans-serif;
20349    z-index: 10000;
20350    opacity: 0;
20351    transition: opacity 0.18s;
20352    white-space: pre-line;
20353    text-align: left;
20354    border-radius: 0;
20355    visibility: hidden;
20356    pointer-events: none;
20357  }
20358
20359  /* Show tooltip on icon hover */
20360  .price-info-icon:hover .price-info-tooltip {
20361    visibility: visible;
20362    opacity: 1;
20363  }
20364
20365  /* Ensure tooltip is never clipped */
20366  .price-container-with-info,
20367  .card-information,
20368  .card__content {
20369    overflow: visible !important;
20370  }
20371
20372  /* Mobile adjustments */
20373  @media screen and (max-width: 768px) {
20374    .price-info-tooltip {
20375      min-width: 200px;
20376      font-size: 12px;
20377      padding: 10px 12px;
20378    }
20379  }
20380</style>
20381
20382                </li>
20383                <li
20384                  class="grid__item"
20385                  
20386                >
20387                  
20388<div class="card-wrapper product-card-wrapper underline-links-hover">
20389
20390    <div
20391      class="
20392        card card--standard
20393         card--media
20394        
20395        
20396        
20397        
20398        
20399      "
20400      style="--ratio-percent: 100.0%;"
20401      data-product-id="9746991120682"
20402      data-description="Ulkotolppavalaisin G9 LED -valonlähteille, varustettu kahdella pistorasialla (tyyppi E). Pistorasiat sijaitsevat lampun rungossa avattavan kannen t..."
20403      data-status-in-sortiment="NEW"
20404      data-ip-rate="IP54"
20405      
20406      data-variant-id="52388164895018"
20407      data-price="198.00 EUR"
20408      data-compare-at-price=""
20409      data-available="true"
20410      data-barcode="8595685429175"
20411      data-ip-rate="IP54"
20412      data-lumens=""
20413      data-power-source=""
20414      data-watt="5.0"
20415      data-kelvin=""
20416      data-light-color=""
20417      data-diameter="10.0"
20418      data-weight-netto="1630.0"
20419      data-weight-unit="g"
20420      data-mounting-hole-size=""
20421      data-recess-depth=""
20422      data-suspension-lenght=""
20423      data-turn-angle=""
20424      data-tilt-angle=""
20425      data-switch=""
20426      data-socket="LED G9"
20427      data-light-source-recomended="G13036"
20428      data-height="48"
20429      data-length=""
20430      data-Length=""
20431    >
20432      <div
20433        class="card__inner color-scheme-2 gradient ratio"
20434        style="--ratio-percent: 100.0%;"
20435      >
20436        
20437<div class="product-status-badge status-NEW">
20438            <span>NEW</span>
20439          </div>
20440<div class="ip-rate-badge">
20441            <span>IP54</span>
20442          </div><div class="card__media">
20443            <a class="card__media-link-content" href="/products/jean-50-bollard-with-power-sockets-lamp" aria-label="JEAN">
20444              <div class="media media--transparent media--hover-effect">
20445              
20446              <img
20447                class="product-image motion-reduce"
20448                srcset="//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=165 165w,//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=360 360w,//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=533 533w,//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=720 720w,//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=940 940w,//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=1066 1066w,//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075 4899w
20449                "
20450                src="//rendl.fi/cdn/shop/files/r14173-1.jpg?v=1745328075&width=533"
20451                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
20452                alt="RENDL outdoor lamp JEAN 50 bollard with power sockets anthracite grey  230V LED G9 5W IP54 R14173 1"
20453                
20454                  loading="lazy"
20455                
20456                width="4899"
20457                height="4899"
20458              >
20459              
20460<img
20461                  class="product-image motion-reduce"
20462                  srcset="//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=165 165w,//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=360 360w,//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=533 533w,//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=720 720w,//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=940 940w,//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=1066 1066w,//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898 3162w
20463                  "
20464                  src="//rendl.fi/cdn/shop/files/r14173-2.jpg?v=1767921898&width=533"
20465                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
20466                  alt=""
20467                  loading="lazy"
20468                  width="3162"
20469                  height="3162"
20470                ></div>
20471            </a>
20472            
20473<div class="card-variant-swatches"><a
20474                    class="card-variant-swatch"
20475                    href="/products/jean-50-bollard-with-power-sockets-lamp?variant=52388164895018"
20476                    
20477                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
20478                    
20479                    aria-label="tummanharmaa"
20480                  >
20481                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
20482          <div class="card__information">
20483            <h3
20484              class="card__heading"
20485              
20486            >
20487              <a
20488                href="/products/jean-50-bollard-with-power-sockets-lamp"
20489                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991120682"
20490                class="full-unstyled-link"
20491                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991120682 NoMediaStandardBadge-template--28113427169578__product-grid-9746991120682"
20492              >
20493                JEAN
20494              </a>
20495            </h3>
20496          </div>
20497          <div class="card__badge bottom left"></div>
20498        </div>
20499      </div>
20500      <div class="card__content">
20501        <div class="card__information">
20502          <h3
20503            class="card__heading h5"
20504            
20505              id="title-template--28113427169578__product-grid-9746991120682"
20506            
20507          >
20508            <a
20509              href="/products/jean-50-bollard-with-power-sockets-lamp"
20510              id="CardLink-template--28113427169578__product-grid-9746991120682"
20511              class="full-unstyled-link"
20512              aria-labelledby="CardLink-template--28113427169578__product-grid-9746991120682 Badge-template--28113427169578__product-grid-9746991120682"
20513            >
20514              JEAN
20515            </a>
20516          </h3><div class="card__description">
20517              Ulkotolppavalaisin G9 LED -valonlähteille, varustettu kahdella pistorasialla (tyyppi E). Pistorasiat sijaitsevat lampun rungossa avattavan kannen takana. Pistorasioiden enimmäiskuormitus on 2x2000 W.
20518            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
20519              
20520<div
20521    class="
20522      price "
20523  >
20524    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
20525          <span class="price-item price-item--regular">
20526            198.00 EUR
20527          </span></div>
20528      <div class="price__sale">
20529          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
20530          <span>
20531            <s class="price-item price-item--regular">
20532              
20533                
20534              
20535            </s>
20536          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
20537        <span class="price-item price-item--sale price-item--last">
20538          198.00 EUR
20539        </span>
20540      </div>
20541      <small class="unit-price caption hidden">
20542        <span class="visually-hidden">Yksikköhinta</span>
20543        <span class="price-item price-item--last">
20544          <span></span>
20545          <span aria-hidden="true">/</span>
20546          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
20547          <span>
20548          </span>
20549        </span>
20550      </small>
20551    </div></div>
20552
20553
20554</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
20555              <button class="compare-button-simple" 
20556                      data-product-id="9746991120682" 
20557                      data-product-title="JEAN"
20558                      data-product-handle="jean-50-bollard-with-power-sockets-lamp">
20559                              <span class="compare-button-content">
20560                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
20561                    <span class="compare-text" data-translate="compare">compare</span>
20562                  </span>
20563                <span class="compare-spinner-small">
20564                  <!-- Small spinner for button -->
20565                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
20566                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
20567                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
20568                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
20568inite"/>
20569                    </path>
20570                  </svg>
20571                </span>
20572              </button>
20573              
20574              <!-- Wishlist button next to compare button -->
20575              <button type="button" class="card-wishlist-button" data-wishlist-product="9746991120682">
20576                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20577                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
20578                </svg>
20579              </button>
20580            </div></div>
20581        </div>
20582        
20583        
20584        
20585          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746991120682" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
20586                    type="hidden"
20587                    name="id"
20588                    value="52388164895018"
20589                    class="product-variant-id"
20590                    
20591                  >
20592                  <button
20593                    id="quick-add-template--28113427169578__product-grid9746991120682-submit"
20594                    type="submit"
20595                    name="add"
20596                    class="quick-add__submit button button--full-width button--secondary"
20597                    aria-haspopup="dialog"
20598                    aria-labelledby="quick-add-template--28113427169578__product-grid9746991120682-submit title-template--28113427169578__product-grid-9746991120682"
20599                    aria-live="polite"
20600                    data-sold-out-message="true"
20601                    
20602                  >
20603                    <span>Lisää ostoskoriin
20604</span>
20605                    <span class="sold-out-message hidden">
20606                      Matkalla
20607                    </span>
20608
20609<div class="loading__spinner hidden">
20610  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
20611
20612</div>
20613</button><input type="hidden" name="product-id" value="9746991120682" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
20614        
20615        <div class="card__badge bottom left"></div>
20616      </div>
20617    </div>
20618  </div>
20618<script>
20619  // Initialize global compare translations only once
20620  if (typeof window.compareButtonTranslations === 'undefined') {
20621    window.compareButtonTranslations = {
20622      compare: {
20623        en: 'compare',
20624        cs: 'porovnat',
20625        sk: 'porovnať',
20626        de: 'vergleichen',
20627        at: 'vergleichen',
20628        ch: 'vergleichen',
20629        fr: 'comparer',
20630        be: 'comparer',
20631        lu: 'comparer',
20632        it: 'confronta',
20633        es: 'comparar',
20634        nl: 'vergelijken',
20635        pl: 'porównaj',
20636        hu: 'összehasonlít',
20637        ro: 'compară',
20638        bg: 'сравни',
20639        hr: 'usporedi',
20640        fi: 'vertaile',
20641        gr: 'σύγκριση',
20642        el: 'σύγκριση',
20643        no: 'sammenlign',
20644        'pt-PT': 'comparar',
20645        sl: 'primerjaj',
20646        sv: 'jämför',
20647        lv: 'salīdzināt',
20648        lt: 'palyginti',
20649        ee: 'võrdle',
20650        dk: 'sammenlign',
20651        gb: 'compare',
20652        uk: 'compare',
20653        ie: 'compare',
20654        us: 'compare',
20655        ca: 'compare',
20656        au: 'compare',
20657        nz: 'compare',
20658        ru: 'сравнить'
20659      },
20660      remove: {
20661        en: 'remove',
20662        cs: 'odebrat',
20663        sk: 'odobrať',
20664        de: 'entfernen',
20665        at: 'entfernen',
20666        ch: 'entfernen',
20667        fr: 'supprimer',
20668        be: 'supprimer',
20669        lu: 'supprimer',
20670        it: 'rimuovi',
20671        es: 'eliminar',
20672        nl: 'verwijderen',
20673        pl: 'usuń',
20674        hu: 'eltávolít',
20675        ro: 'elimină',
20676        bg: 'премахни',
20677        hr: 'ukloni',
20678        fi: 'poista',
20679        gr: 'αφαίρεση',
20680        el: 'αφαίρεση',
20681        no: 'fjern',
20682        'pt-PT': 'remover',
20683        sl: 'odstrani',
20684        sv: 'ta bort',
20685        lv: 'noņemt',
20686        lt: 'pašalinti',
20687        ee: 'eemalda',
20688        dk: 'fjern',
20689        gb: 'remove',
20690        uk: 'remove',
20691        ie: 'remove',
20692        us: 'remove',
20693        ca: 'remove',
20694        au: 'remove',
20695        nz: 'remove',
20696        ru: 'удалить'
20697      },
20698      added: {
20699        en: 'Added!',
20700        cs: 'Přidáno!',
20701        sk: 'Pridané!',
20702        de: 'Hinzugefügt!',
20703        at: 'Hinzugefügt!',
20704        ch: 'Hinzugefügt!',
20705        fr: 'Ajouté!',
20706        be: 'Ajouté!',
20707        lu: 'Ajouté!',
20708        it: 'Aggiunto!',
20709        es: '¡Añadido!',
20710        nl: 'Toegevoegd!',
20711        pl: 'Dodano!',
20712        hu: 'Hozzáadva!',
20713        ro: 'Adăugat!',
20714        bg: 'Добавено!',
20715        hr: 'Dodano!',
20716        fi: 'Lisätty!',
20717        gr: 'Προστέθηκε!',
20718        el: 'Προστέθηκε!',
20719        no: 'Lagt til!',
20720        'pt-PT': 'Adicionado!',
20721        sl: 'Dodano!',
20722        sv: 'Tillagd!',
20723        lv: 'Pievienots!',
20724        lt: 'Pridėta!',
20725        ee: 'Lisatud!',
20726        dk: 'Tilføjet!',
20727        gb: 'Added!',
20728        uk: 'Added!',
20729        ie: 'Added!',
20730        us: 'Added!',
20731        ca: 'Added!',
20732        au: 'Added!',
20733        nz: 'Added!',
20734        ru: 'Добавлено!'
20735      },
20736      removed: {
20737        en: 'Removed!',
20738        cs: 'Odebráno!',
20739        sk: 'Odobrané!',
20740        de: 'Entfernt!',
20741        at: 'Entfernt!',
20742        ch: 'Entfernt!',
20743        fr: 'Supprimé!',
20744        be: 'Supprimé!',
20745        lu: 'Supprimé!',
20746        it: 'Rimosso!',
20747        es: '¡Eliminado!',
20748        nl: 'Verwijderd!',
20749        pl: 'Usunięto!',
20750        hu: 'Eltávolítva!',
20751        ro: 'Eliminat!',
20752        bg: 'Премахнато!',
20753        hr: 'Uklonjeno!',
20754        fi: 'Poistettu!',
20755        gr: 'Αφαιρέθηκε!',
20756        el: 'Αφαιρέθηκε!',
20757        no: 'Fjernet!',
20758        'pt-PT': 'Removido!',
20759        sl: 'Odstranjeno!',
20760        sv: 'Borttaget!',
20761        lv: 'Noņemts!',
20762        lt: 'Pašalinta!',
20763        ee: 'Eemaldatud!',
20764        dk: 'Fjernet!',
20765        gb: 'Removed!',
20766        uk: 'Removed!',
20767        ie: 'Removed!',
20768        us: 'Removed!',
20769        ca: 'Removed!',
20770        au: 'Removed!',
20771        nz: 'Removed!',
20772        ru: 'Удалено!'
20773      }
20774    };
20775
20776    // Tooltip translations for price info
20777    window.tooltipTranslations = {
20778      tooltipPrice: {
20779        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20780        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
20781        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
20782        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
20783        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
20784        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
20785        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
20786        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
20787        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
20788        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
20789        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
20790        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
20791        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
20792        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
20793        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
20794        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
20795        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
20796        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
20797        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
20798        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
20799        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
20800        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
20801        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
20802        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
20803        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
20803iks atskaitīts, ja piemērojams.",
20804        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
20805        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
20806        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
20807        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20808        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20809        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20810        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20811        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20812        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20813        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
20814        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
20815      },
20816      tooltipOutlet: {
20817        en: "We do not provide additional wholesale discounts on outlet products.",
20818        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
20819        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
20820        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
20821        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
20822        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
20823        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
20824        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
20825        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
20826        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
20827        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
20828        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
20829        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
20830        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
20831        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
20832        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
20833        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
20834        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
20835        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
20836        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
20837        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
20838        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
20839        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
20840        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
20841        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
20842        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
20843        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
20844        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
20845        gb: "We do not provide additional wholesale discounts on outlet products.",
20846        uk: "We do not provide additional wholesale discounts on outlet products.",
20847        ie: "We do not provide additional wholesale discounts on outlet products.",
20848        us: "We do not provide additional wholesale discounts on outlet products.",
20849        ca: "We do not provide additional wholesale discounts on outlet products.",
20850        au: "We do not provide additional wholesale discounts on outlet products.",
20851        nz: "We do not provide additional wholesale discounts on outlet products.",
20852        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
20853      }
20854    };
20855
20856    // Get current locale from document
20857    window.currentLocale = document.documentElement.lang || 'en';
20858
20859    // Function to translate compare buttons
20860    window.translateCompareButtons = function() {
20861      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
20862      compareTexts.forEach(function(textEl) {
20863        const button = textEl.closest('.compare-button-simple');
20864        const isInComparison = button && button.hasAttribute('data-in-comparison');
20865        
20866        if (isInComparison) {
20867          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
20868          textEl.textContent = translation;
20869        } else {
20870          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
20871          textEl.textContent = translation;
20872        }
20873      });
20874    };
20875
20876    // Function to format price with space as thousands separator (only for tooltip)
20877    function formatTooltipPrice(price) {
20878      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
20879      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
20880    }
20881
20882    // Function to translate tooltips with price
20883    window.translateTooltips = function() {
20884      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
20885      tooltips.forEach(function(tooltip) {
20886        const icon = tooltip.closest('.price-info-icon');
20887        if (icon) {
20888          const status = icon.getAttribute('data-status');
20889          // Check if this is an outlet product
20890          if (status === 'outlet') {
20891            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
20892            tooltip.textContent = translation;
20893            return; // Exit early for outlet products
20894          }
20895          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
20896          // Get wholesale price from the actual price display on the card
20897          const card = icon.closest('[data-product-id]');
20898          let wholesalePrice = '';
20899          if (card) {
20900            // Find the main price element on the card
20901            const priceElement = card.querySelector('.price .price-item--regular');
20902            if (priceElement) {
20903              wholesalePrice = priceElement.textContent.trim();
20904            }
20905          }
20906          if (retailPrice && wholesalePrice) {
20907            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
20908            let formattedRetailPrice = formatTooltipPrice(retailPrice);
20909            let formattedWholesalePrice = wholesalePrice;
20910            if (window.formatPriceText) {
20911              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
20912            }
20913            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
20914            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
20915            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
20916            tooltip.textContent = translatedText;
20917          }
20918        }
20919      });
20920    };
20921
20922    // Function to update button state based on comparison status
20923    window.updateCompareButtonState = function(productId, isInComparison) {
20924      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
20925      buttons.forEach(function(button) {
20926        const buttonContainer = button.closest('.compare-button-container');
20927        const compareText = button.querySelector('.compare-text');
20928        
20929        if (isInComparison) {
20930          button.setAttribute('data-in-comparison', 'true');
20931          button.classList.add('in-comparison');
20932          buttonContainer.classList.add('in-comparison');
20933          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
20934          compareText.textContent = removeText;
20935        } else {
20936          button.removeAttribute('data-in-comparison');
20937          button.classList.remove('in-comparison');
20938          buttonContainer.classList.remove('in-comparison');
20939          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
20940          compareText.textContent = compareTextTranslation;
20941        }
20942      });
20943    };
20944  }
20945
20946  // Initialize compare button states based on localStorage
20947  window.initializeCompareButtonStates = function() {
20948    if (typeof window.RendlCompare !== 'undefined') {
20949      const compareItems = window.RendlCompare.getItems();
20950      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
20951        const productId = button.getAttribute('data-product-id');
20952        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
20953        window.updateCompareButtonState(productId, isInComparison);
20954      });
20955    }
20956  };
20957
20958  // Compare button UI animation - the actual functionality is handled by compare-system.js
20959  document.addEventListener('DOMContentLoaded', function() {
20960    // Apply translations on page load
20961    if (window.translateCompareButtons) {
20962      window.translateCompareButtons();
20963    }
20964    
20965    // Initialize button states based on comparison data
20966    setTimeout(function() {
20967      if (window.initializeCompareButtonStates) {
20968        window.initializeCompareButtonStates();
20969      }
20970    }, 100); // Small delay to ensure compare system is loaded
20971    
20972    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
20973      // Skip if already has event listener
20974      if (button.hasAttribute('data-compare-initialized')) {
20975        return;
20976      }
20977      button.setAttribute('data-compare-initialized', 'true');
20978      
20979      button.addEventListener('click', function(e) {
20980        var buttonContainer = button.closest('.compare-button-container');
20981        var compareText = button.querySelector('.compare-text');
20982        var isInComparison = button.hasAttribute('data-in-comparison');
20983        var productId = button.getAttribute('data-product-id');
20984        
20985        // Prevent multiple clicks during loading
20986        if (button.classList.contains('loading')) {
20987          return;
20988        }
20989        
20990        // Make button always visible during the process
20991        buttonContainer.classList.add('active');
20992        
20993        // Add loading class to show spinner
20994        button.classList.add('loading');
20995        
20996        // UI feedback timing
20997        setTimeout(function() {
20998          // Remove loading class and show success message
20999          button.classList.remove('loading');
21000          button.classList.add('success');
21001          
21002          if (isInComparison) {
21003            // Removing from comparison
21004            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
21005            
21006            // Update button state after removal
21007            setTimeout(function() {
21008              button.classList.remove('success');
21009              window.updateCompareButtonState(productId, false);
21010              buttonContainer.classList.remove('active');
21011            }, 1500);
21012          } else {
21013            // Adding to comparison
21014            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
21015            
21016            // Update button state after addition
21017            setTimeout(function() {
21018              button.classList.remove('success');
21019              window.updateCompareButtonState(productId, true);
21020              buttonContainer.classList.remove('active');
21021            }, 1500);
21022          }
21023        }, 1200);
21024      });
21025    });
21026
21027    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
21028    setTimeout(function() {
21029      if (window.translateTooltips) {
21030        window.translateTooltips();
21031      }
21032    }, 100);
21033  });
21034
21035  // Ensure compare button states are initialized after RendlCompare is available
21036  document.addEventListener('DOMContentLoaded', function() {
21037    function tryInitCompareButtons() {
21038      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
21039        window.initializeCompareButtonStates();
21040      } else {
21041        setTimeout(tryInitCompareButtons, 100);
21042      }
21043    }
21044    tryInitCompareButtons();
21045  });
21046
21047  // Self-contained wishlist functionality for card-product
21048  (function() {
21049    // Wishlist translations
21050    var wishlistTranslations = {
21051      'en': {
21052        addToWishlist: 'Add to My Favorites',
21053        createCategory: 'Create new category:',
21054        categoryPlaceholder: 'Category name',
21055        createAndAdd: 'Create & Add Item',
21056        alreadyAdded: '(Already added)',
21057        addedToWishlist: 'added to My Favorites',
21058        removedFromWishlist: 'removed from My Favorites',
21059        allFavorites: 'All Favorites'
21060      },
21061      'cs': {
21062        addToWishlist: 'Přidat do oblíbených',
21063        createCategory: 'Vytvořit novou skupinu:',
21064        categoryPlaceholder: 'Název nové skupiny',
21065        createAndAdd: 'Vytvořit a přidat skupinu',
21066        alreadyAdded: '(Již přidáno)',
21067        addedToWishlist: 'přidáno do oblíbených',
21068        removedFromWishlist: 'odebráno z oblíbených',
21069        allFavorites: 'Všechny oblíbené'
21070      },
21071      'sk': {
21072        addToWishlist: 'Pridať do obľúbených',
21073        createCategory: 'Vytvoriť novú kategóriu:',
21074        categoryPlaceholder: 'Názov kategórie',
21075        createAndAdd: 'Vytvoriť a pridať položku',
21076        alreadyAdded: '(Už pridané)',
21077        addedToWishlist: 'pridané do obľúbených',
21078        removedFromWishlist: 'odstránené z obľúbených',
21079        allFavorites: 'Všetky obľúbené'
21080      },
21081      'de': {
21082        addToWishlist: 'Zu meinen Favoriten hinzufügen',
21083        createCategory: 'Neue Kategorie erstellen:',
21084        categoryPlaceholder: 'Kategoriename',
21085        createAndAdd: 'Erstellen & hinzufügen',
21086        alreadyAdded: '(Bereits hinzugefügt)',
21087        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
21088        removedFromWishlist: 'aus meinen Favoriten entfernt',
21089        allFavorites: 'Alle Favoriten'
21090      },
21091      'fr': {
21092        addToWishlist: 'Ajouter à mes favoris',
21093        createCategory: 'Créer une nouvelle catégorie :',
21094        categoryPlaceholder: 'Nom de la catégorie',
21095        createAndAdd: 'Créer et ajouter',
21096        alreadyAdded: '(Déjà ajouté)',
21097        addedToWishlist: 'ajouté à mes favoris',
21098        removedFromWishlist: 'retiré de mes favoris',
21099        allFavorites: 'Tous les favoris'
21100      },
21101      'it': {
21102        addToWishlist: 'Aggiungi ai preferiti',
21103        createCategory: 'Crea nuova categoria:',
21104        categoryPlaceholder: 'Nome categoria',
21105        createAndAdd: 'Crea e aggiungi',
21106        alreadyAdded: '(Già aggiunto)',
21107        addedToWishlist: 'aggiunto ai preferiti',
21108        removedFromWishlist: 'rimosso dai preferiti',
21109        allFavorites: 'Tutti i preferiti'
21110      },
21111      'es': {
21112        addToWishlist: 'Añadir a mis favoritos',
21113        createCategory: 'Crear nueva categoría:',
21114        categoryPlaceholder: 'Nombre de la categoría',
21115        createAndAdd: 'Crear y añadir',
21116        alreadyAdded: '(Ya añadido)',
21117        addedToWishlist: 'añadido a mis favoritos',
21118        removedFromWishlist: 'eliminado de mis favoritos',
21119        allFavorites: 'Todos los favoritos'
21120      },
21121      'nl': {
21122        addToWishlist: 'Toevoegen aan mijn favorieten',
21123        createCategory: 'Nieuwe categorie aanmaken:',
21124        categoryPlaceholder: 'Categorienaam',
21125        createAndAdd: 'Aanmaken & toevoegen',
21126        alreadyAdded: '(Al toegevoegd)',
21127        addedToWishlist: 'toegevoegd aan mijn favorieten',
21128        removedFromWishlist: 'verwijderd uit mijn favorieten',
21129        allFavorites: 'Alle favorieten'
21130      },
21131      'pl': {
21132        addToWishlist: 'Dodaj do ulubionych',
21133        createCategory: 'Utwórz nową kategorię:',
21134        categoryPlaceholder: 'Nazwa kategorii',
21135        createAndAdd: 'Utwórz i dodaj',
21136        alreadyAdded: '(Już dodane)',
21137        addedToWishlist: 'dodano do ulubionych',
21138        removedFromWishlist: 'usunięto z ulubionych',
21139        allFavorites: 'Wszystkie ulubione'
21140      },
21141      'hu': {
21142        addToWishlist: 'Hozzáadás a kedvencekhez',
21143        createCategory: 'Új kategória létrehozása:',
21144        categoryPlaceholder: 'Kategória neve',
21145        createAndAdd: 'Létrehozás és hozzáadás',
21146        alreadyAdded: '(Már hozzáadva)',
21147        addedToWishlist: 'hozzáadva a kedvencekhez',
21148        removedFromWishlist: 'eltávolítva a kedvencekből',
21149        allFavorites: 'Minden kedvenc'
21150      },
21151      'ro': {
21152        addToWishlist: 'Adaugă la favorite',
21153        createCategory: 'Creează o nouă categorie:',
21154        categoryPlaceholder: 'Nume categorie',
21155        createAndAdd: 'Creează și adaugă',
21156        alreadyAdded: '(Deja adăugat)',
21157        addedToWishlist: 'adăugat la favorite',
21158        removedFromWishlist: 'eliminat din favorite',
21159        allFavorites: 'Toate preferințele'
21160      },
21161      'bg': {
21162        addToWishlist: 'Добави в любими',
21163        createCategory: 'Създай нова категория:',
21164        categoryPlaceholder: 'Име на категория',
21165        createAndAdd: 'Създай и добави',
21166        alreadyAdded: '(Вече добавено)',
21167        addedToWishlist: 'добавено в любими',
21168        removedFromWishlist: 'премахнато от любими',
21169        allFavorites: 'Всички любими'
21170      },
21171      'hr': {
21172        addToWishlist: 'Dodaj u favorite',
21173        createCategory: 'Kreiraj novu kategoriju:',
21174        categoryPlaceholder: 'Naziv kategorije',
21175        createAndAdd: 'Kreiraj i dodaj',
21176        alreadyAdded: '(Već dodano)',
21177        addedToWishlist: 'dodano u favorite',
21178        removedFromWishlist: 'uklonjeno iz favorita',
21179        allFavorites: 'Sva omiljena'
21180      },
21181      'fi': {
21182        addToWishlist: 'Lisää suosikkeihin',
21183        createCategory: 'Luo uusi kategoria:',
21184        categoryPlaceholder: 'Kategorian nimi',
21185        createAndAdd: 'Luo ja lisää',
21186        alreadyAdded: '(Jo lisätty)',
21187        addedToWishlist: 'lisätty suosikkeihin',
21188        removedFromWishlist: 'poistettu suosikeista',
21189        allFavorites: 'Kaikki suosikit'
21190      },
21191      'gr': {
21192        addToWishlist: 'Προσθήκη στα αγαπημένα',
21193        createCategory: 'Δημιουργία νέας κατηγορίας:',
21194        categoryPlaceholder: 'Όνομα κατηγορίας',
21195        createAndAdd: 'Δημιουργία & προσθήκη',
21196        alreadyAdded: '(Ήδη προστέθηκε)',
21197        addedToWishlist: 'προστέθηκε στα αγαπημένα',
21198        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
21199        allFavorites: 'Όλα τα αγαπημένα'
21200      },
21201      'no': {
21202        addToWishlist: 'Legg til i favoritter',
21203        createCategory: 'Opprett ny kategori:',
21204        categoryPlaceholder: 'Kategorinavn',
21205        createAndAdd: 'Opprett og legg til',
21206        alreadyAdded: '(Allerede lagt til)',
21207        addedToWishlist: 'lagt til i favoritter',
21208        removedFromWishlist: 'fjernet fra favoritter',
21209        allFavorites: 'Alle favoritter'
21210      },
21211      'pt-PT': {
21212        addToWishlist: 'Adicionar aos favoritos',
21213        createCategory: 'Criar nova categoria:',
21214        categoryPlaceholder: 'Nome da categoria',
21215        createAndAdd: 'Criar e adicionar',
21216        alreadyAdded: '(Já adicionado)',
21217        addedToWishlist: 'adicionado aos favoritos',
21218        removedFromWishlist: 'removido dos favoritos',
21219        allFavorites: 'Todos os favoritos'
21220      },
21221      'sl': {
21222        addToWishlist: 'Dodaj med priljubljene',
21223        createCategory: 'Ustvari novo kategorijo:',
21224        categoryPlaceholder: 'Ime kategorije',
21225        createAndAdd: 'Ustvari in dodaj',
21226        alreadyAdded: '(Že dodano)',
21227        addedToWishlist: 'dodano med priljubljene',
21228        removedFromWishlist: 'odstranjeno iz priljubljenih',
21229        allFavorites: 'Vsi priljubljeni'
21230      },
21231      'sv': {
21232        addToWishlist: 'Lägg till i favoriter',
21233        createCategory: 'Skapa ny kategori:',
21234        categoryPlaceholder: 'Kategorinamn',
21235        createAndAdd: 'Skapa och lägg till',
21236        alreadyAdded: '(Redan tillagd)',
21237        addedToWishlist: 'tillagd i favoriter',
21238        removedFromWishlist: 'borttagen från favoriter',
21239        allFavorites: 'Alla favoriter'
21240      },
21241      'lv': {
21242        addToWishlist: 'Pievienot favorītiem',
21243        createCategory: 'Izveidot jaunu kategoriju:',
21244        categoryPlaceholder: 'Kategorijas nosaukums',
21245        createAndAdd: 'Izveidot un pievienot',
21246        alreadyAdded: '(Jau pievienots)',
21247        addedToWishlist: 'pievienots favorītiem',
21248        removedFromWishlist: 'noņemts no favorītiem',
21249        allFavorites: 'Visas favorītus'
21250      },
21251      'lt': {
21252        addToWishlist: 'Pridėti į mėgstamiausius',
21253        createCategory: 'Sukurti naują kategoriją:',
21254        categoryPlaceholder: 'Kategorijos pavadinimas',
21255        createAndAdd: 'Sukurti ir pridėti',
21256        alreadyAdded: '(Jau pridėta)',
21257        addedToWishlist: 'pridėta į mėgstamiausius',
21258        removedFromWishlist: 'pašalinta iš mėgstamiausių',
21259        allFavorites: 'Visos mėgstamiausios'
21260      },
21261      'ee': {
21262        addToWishlist: 'Lisa lemmikutesse',
21263        createCategory: 'Loo uus kategooria:',
21264        categoryPlaceholder: 'Kategooria nimi',
21265        createAndAdd: 'Loo ja lisa',
21266        alreadyAdded: '(Juba lisatud)',
21267        addedToWishlist: 'lisatud lemmikutesse',
21268        removedFromWishlist: 'eemaldatud lemmikutest',
21269        allFavorites: 'Kõik lemmikud'
21270      },
21271      'dk': {
21272        addToWishlist: 'Tilføj til favoritter',
21273        createCategory: 'Opret ny kategori:',
21274        categoryPlaceholder: 'Kategorinavn',
21275        createAndAdd: 'Opret og tilføj',
21276        alreadyAdded: '(Allerede tilføjet)',
21277        addedToWishlist: 'tilføjet til favoritter',
21278        removedFromWishlist: 'fjernet fra favoritter',
21279        allFavorites: 'Alle favoritter'
21280      }
21281    };
21282
21283    function getWishlistLang() {
21284      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
21285      // Normalize for region codes (e.g., pt-PT, sl)
21286      if (lang.startsWith('pt-PT')) return 'pt-PT';
21287      if (lang.startsWith('sl')) return 'sl';
21288      if (lang.startsWith('cs')) return 'cs';
21289      if (lang.startsWith('sk')) return 'sk';
21290      if (lang.startsWith('de')) return 'de';
21291      if (lang.startsWith('fr')) return 'fr';
21292      if (lang.startsWith('it')) return 'it';
21293      if (lang.startsWith('es')) return 'es';
21294      if (lang.startsWith('nl')) return 'nl';
21295      if (lang.startsWith('pl')) return 'pl';
21296      if (lang.startsWith('hu')) return 'hu';
21297      if (lang.startsWith('ro')) return 'ro';
21298      if (lang.startsWith('bg')) return 'bg';
21299      if (lang.startsWith('hr')) return 'hr';
21300      if (lang.startsWith('fi')) return 'fi';
21301      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
21302      if (lang.startsWith('no')) return 'no';
21303      if (lang.startsWith('sv')) return 'sv';
21304      if (lang.startsWith('lv')) return 'lv';
21305      if (lang.startsWith('lt')) return 'lt';
21306      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
21307      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
21308      return 'en';
21309    }
21310
21311    // Get or initialize the wishlist array in localStorage
21312    function getWishlist() {
21313      const wishlistJSON = localStorage.getItem('rendl_wishlist');
21314      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
21315        categories: [
21316          {
21317            id: 'all-favorites',
21318            name: 'All Favorites',
21319            items: []
21320          }
21321        ],
21322        version: 2
21323      };
21324      
21325      // Handle migration from old format (array of items) to new format (categories)
21326      if (Array.isArray(wishlist)) {
21327        return {
21328          categories: [
21329            {
21330              id: 'all-favorites',
21331              name: 'All Favorites',
21332              items: wishlist
21333            }
21334          ],
21335          version: 2
21336        };
21337      }
21338      
21339      return wishlist;
21340    }
21341    
21342    // Save wishlist to localStorage
21343    function saveWishlist(wishlist) {
21344      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
21345      // Dispatch an event so other parts of the site can react to wishlist changes
21346      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
21347        detail: { wishlist: wishlist } 
21348      }));
21349      
21350      // Count total items across all categories
21351      const totalItems = wishlist.categories.reduce((total, category) => {
21352        return total + category.items.length;
21353      }, 0);
21354      
21355      // Update all wishlist counters
21356      updateWishlistCounters(totalItems);
21357    }
21358    
21359    // Update all wishlist counters on the page
21360    function updateWishlistCounters(count) {
21361      const counters = document.querySelectorAll('.wishlist-count');
21362      counters.forEach(counter => {
21363        counter.textContent = count;
21364        
21365        // If the counter is hidden and count > 0, show it
21366        if (count > 0 && counter.hasAttribute('hidden')) {
21367          counter.removeAttribute('hidden');
21368        }
21369        // If the counter is visible and count = 0, hide it
21370        else if (count === 0 && !counter.hasAttribute('hidden')) {
21371          counter.setAttribute('hidden', 'true');
21372        }
21373      });
21374    }
21375    
21376    // Check if a product is in the wishlist (in any category)
21377    function isInWishlist(productId) {
21378      const wishlist = getWishlist();
21379      return wishlist.categories.some(category => 
21380        category.items.some(item => item.id === productId)
21381      );
21382    }
21383    
21384    // Get all categories
21385    function getCategories() {
21386      return getWishlist().categories;
21387    }
21388    
21389    // Create a new category
21390    function createCategory(name) {
21391      const wishlist = getWishlist();
21392      const categoryId = 'category-' + Date.now();
21393      
21394      wishlist.categories.push({
21395        id: categoryId,
21396        name: name,
21397        items: []
21398      });
21399      
21400      saveWishlist(wishlist);
21401      return categoryId;
21402    }
21403    
21404    // Add a product to a specific category
21405    function addToCategory(product, categoryId) {
21406      const wishlist = getWishlist();
21407      const category = wishlist.categories.find(cat => cat.id === categoryId);
21408      
21409      if (!category) return false;
21410      
21411      // Check if product already exists in ANY category (not just this one)
21412      if (isInWishlist(product.id)) {
21413        return false; // Product already in wishlist
21414      }
21415      
21416      // Add product to category
21417      category.items.push(product);
21418      saveWishlist(wishlist);
21419      
21420      // Dispatch event for global sync
21421      document.dispatchEvent(new CustomEvent('wishlist:updated', {
21422        detail: { productId: product.id, added: true }
21423      }));
21424      
21425      return true;
21426    }
21427    
21428    // Add a product to the default "All Favorites" category
21429    function addToWishlist(product) {
21430      return addToCategory(product, 'all-favorites');
21431    }
21432    
21433    // Remove a product from all categories
21434    function removeFromWishlist(productId) {
21435      const wishlist = getWishlist();
21436      let removed = false;
21437      
21438      wishlist.categories.forEach(category => {
21439        const initialLength = category.items.length;
21440        category.items = category.items.filter(item => item.id !== productId);
21441        if (category.items.length !== initialLength) {
21442          removed = true;
21443        }
21444      });
21445      
21446      if (removed) {
21447        saveWishlist(wishlist);
21448      }
21449      
21450      return removed;
21451    }
21452    
21453    // Toggle a product in the wishlist
21454    function toggleWishlistItem(product) {
21455      if (isInWishlist(product.id)) {
21456        // If already in wishlist, remove it
21457        const wasRemoved = removeFromWishlist(product.id);
21458        
21459        // Update heart icon if the product was successfully removed
21460        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
21461        if (heartIcon && wasRemoved) {
21462          heartIcon.setAttribute('fill', 'none');
21463          showWishlistToast(false, product.title);
21464          
21465          // Dispatch event for global sync
21466          document.dispatchEvent(new CustomEvent('wishlist:updated', {
21467            detail: { productId: product.id, added: false }
21468          }));
21469        }
21470        return wasRemoved;
21471      } else {
21472        // If not in wishlist, show category selection popup
21473        showCategorySelectionPopup(product);
21474        return false; // Don't return true unless we actually add the product
21475      }
21476    }
21477    
21478    // Show wishlist category selection popup
21479    function showCategorySelectionPopup(product) {
21480      // Remove any existing popup
21481      const existingPopup = document.getElementById('wishlist-category-popup');
21482      if (existingPopup) {
21483        existingPopup.remove();
21484      }
21485
21486      const lang = getWishlistLang();
21487      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
21488
21489      // Create popup container
21490      const popup = document.createElement('div');
21491      popup.id = 'wishlist-category-popup';
21492      popup.className = 'wishlist-category-popup';
21493
21494      // Create popup content
21495      const content = document.createElement('div');
21496      content.className = 'wishlist-category-popup-content';
21497
21498      // Create header
21499      const title = document.createElement('h2');
21500      title.textContent = translations.addToWishlist; // Translate
21501
21502      const closeButton = document.createElement('button');
21503      closeButton.className = 'wishlist-category-popup-close';
21504      closeButton.setAttribute('aria-label', 'Close');
21505      closeButton.addEventListener('click', () => {
21506        popup.remove();
21507      });
21508      
21509      // Create category list
21510      const categoryList = document.createElement('div');
21511      categoryList.className = 'wishlist-category-list';
21512      
21513      // Get categories
21514      const categories = getCategories();
21515      
21516      // Add category options
21517      categories.forEach(category => {
21518        const categoryOption = document.createElement('div');
21519        categoryOption.className = 'wishlist-category-option';
21520        
21521        // Use translation for default category name
21522        categoryOption.textContent = category.id === 'all-favorites'
21523          ? (translations.allFavorites || category.name)
21524          : category.name;
21525
21526        // Highlight if product already in this category
21527        if (category.items.some(item => item.id === product.id)) {
21528          categoryOption.style.backgroundColor = '#f0f0f0';
21529          categoryOption.style.color = '#999';
21530          categoryOption.style.fontStyle = 'italic';
21531          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
21532          categoryOption.style.cursor = 'default';
21533        } else {
21534          categoryOption.addEventListener('click', () => {
21535            const wasAdded = addToCategory(product, category.id);
21536            
21537            if (wasAdded) {
21538              // Update heart icon after successful addition
21539              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
21540              if (heartIcon) {
21541                heartIcon.setAttribute('fill', '#333333');
21542              }
21543              
21544              showWishlistToast(true, product.title);
21545              popup.remove();
21546            }
21547          });
21548        }
21549        
21550        categoryList.appendChild(categoryOption);
21551      });
21552      
21553      // Create "add new category" section
21554      const newCategorySection = document.createElement('div');
21555      newCategorySection.style.borderTop = '1px solid #eee';
21556      newCategorySection.style.paddingTop = '15px';
21557      newCategorySection.style.marginTop = '10px';
21558      
21559      const newCategoryLabel = document.createElement('label');
21560      newCategoryLabel.textContent = translations.createCategory; // Translate
21561
21562      const newCategoryInput = document.createElement('input');
21563      newCategoryInput.type = 'text';
21564      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
21565
21566      const createButton = document.createElement('button');
21567      createButton.className = 'create-category-button';
21568      createButton.textContent = translations.createAndAdd; // Translate
21569
21570      createButton.addEventListener('click', () => {
21571        const categoryName = newCategoryInput.value.trim();
21572        if (categoryName) {
21573          const categoryId = createCategory(categoryName);
21574          const wasAdded = addToCategory(product, categoryId);
21575          
21576          if (wasAdded) {
21577            // Update heart icon after successful addition
21578            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
21579            if (heartIcon) {
21580              heartIcon.setAttribute('fill', '#333333');
21581            }
21582            
21583            showWishlistToast(true, product.title);
21584            popup.remove();
21585          }
21586        }
21587      });
21588      
21589      newCategorySection.appendChild(newCategoryLabel);
21590      newCategorySection.appendChild(newCategoryInput);
21591      newCategorySection.appendChild(createButton);
21592      
21593      // Assemble popup
21594      content.appendChild(title);
21595      content.appendChild(closeButton);
21596      content.appendChild(categoryList);
21597      content.appendChild(newCategorySection);
21598      popup.appendChild(content);
21599      
21600      // Add to document
21601      document.body.appendChild(popup);
21602      
21603      // Focus the input
21604      setTimeout(() => {
21605        newCategoryInput.focus();
21606      }, 100);
21607      
21608      // Close when clicking outside content
21609      popup.addEventListener('click', (e) => {
21610        if (e.target === popup) {
21611          popup.remove();
21612        }
21613      });
21614    }
21615    
21616    // Show a toast notification
21617    function showWishlistToast(added, productTitle) {
21618      // Create or get toast container
21619      let toastContainer = document.getElementById('wishlist-toast');
21620      if (!toastContainer) {
21621        toastContainer = document.createElement('div');
21622        toastContainer.id = 'wishlist-toast';
21623        toastContainer.style.position = 'fixed';
21624        toastContainer.style.bottom = '20px';
21625        toastContainer.style.right = '20px';
21626        toastContainer.style.zIndex = '9999';
21627        document.body.appendChild(toastContainer);
21628      }
21629      
21630      // Create toast
21631      const toast = document.createElement('div');
21632      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
21633      toast.style.color = 'white';
21634      toast.style.padding = '12px 20px';
21635      toast.style.borderRadius = '0';
21636      toast.style.marginTop = '10px';
21637      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
21638      toast.style.transition = 'all 0.3s ease';
21639      toast.style.opacity = '0';
21640      toast.style.fontFamily = 'Montserrat, sans-serif';
21641      
21642      // Choose text based on action
21643      const lang = getWishlistLang();
21644      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
21645      toast.textContent = added
21646        ? `${productTitle} ${translations.addedToWishlist}` // Translate
21647        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
21648      
21649      // Add to container
21650      toastContainer.appendChild(toast);
21651      
21652      // Animate in
21653      setTimeout(() => {
21654        toast.style.opacity = '1';
21655      }, 10);
21656      
21657      // Animate out and remove
21658      setTimeout(() => {
21659        toast.style.opacity = '0';
21660        setTimeout(() => {
21661          toastContainer.removeChild(toast);
21662        }, 300);
21663      }, 3000);
21664    }
21665
21666    // Initialize wishlist buttons
21667    function initCardWishlistButtons() {
21668      const wishlistButtons = document.querySelectorAll('.card-wis
21668hlist-button');
21669      
21670      wishlistButtons.forEach(button => {
21671        // Skip if already initialized
21672        if (button.dataset.initializedWishlist === 'true') return;
21673        button.dataset.initializedWishlist = 'true';
21674        
21675        const productId = button.getAttribute('data-wishlist-product');
21676        if (!productId) return;
21677        
21678        // Get product details from the card
21679        const card = button.closest('.card-wrapper');
21680        const productDetails = {
21681          id: productId,
21682          title: card.querySelector('.card__heading')?.textContent.trim() || '',
21683          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
21684          price: card.querySelector('.price')?.textContent.trim() || '',
21685          image: card.querySelector('img')?.src || '',
21686          url: card.querySelector('a[href*="/products/"]')?.href || ''
21687        };
21688        
21689        // Set initial state using global function
21690        const heartIcon = button.querySelector('path');
21691        if (heartIcon) {
21692          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
21693            heartIcon.setAttribute('fill', '#333333');
21694          } else {
21695            heartIcon.setAttribute('fill', 'none');
21696          }
21697        }
21698        
21699        // Add click handler
21700        button.addEventListener('click', function(e) {
21701          e.preventDefault();
21702          e.stopPropagation();
21703          e.stopImmediatePropagation();
21704          toggleWishlistItem(productDetails);
21705        });
21706        
21707        // Prevent navigation on mousedown/touchstart
21708        button.addEventListener('mousedown', function(e) {
21709          e.preventDefault();
21710          e.stopPropagation();
21711        });
21712        
21713        button.addEventListener('touchstart', function(e) {
21714          e.preventDefault();
21715          e.stopPropagation();
21716        });
21717      });
21718    }
21719
21720    // Initialize the wishlist counter on page load
21721    const wishlist = getWishlist();
21722    const totalItems = wishlist.categories.reduce((total, category) => {
21723      return total + category.items.length;
21724    }, 0);
21725    updateWishlistCounters(totalItems);
21726
21727    // Initialize on DOM ready
21728    if (document.readyState === 'loading') {
21729      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
21730    } else {
21731      initCardWishlistButtons();
21732    }
21733
21734    // Reinitialize on Shopify section load
21735    document.addEventListener('shopify:section:load', function() {
21736      setTimeout(initCardWishlistButtons, 100);
21737    });
21738
21739    // Listen for wishlist updates from other parts of the site
21740    document.addEventListener('wishlist:updated', function() {
21741      setTimeout(initCardWishlistButtons, 100);
21742    });
21743  })();
21744</script>
21744
21745
21746<!-- Price info icon styles -->
21747<style>
21748  /* Price container with icon */
21749  .price-container-with-info {
21750    position: relative;
21751    display: flex;
21752    align-items: center;
21753    gap: 8px;
21754  }
21755
21756  /* Info icon - hidden by default, shown on card hover */
21757  .price-info-icon {
21758    position: relative;
21759    display: inline-flex;
21760    align-items: center;
21761    justify-content: center;
21762    color: #666;
21763    cursor: help;
21764    opacity: 0;
21765    transition: opacity 0.3s ease;
21766
21767    padding: 4px; /* Add padding to increase clickable area */
21768    min-width: 20px; /* Ensure minimum clickable area */
21769    min-height: 20px;
21770    z-index: 15; /* Above everything else including compare button */
21771    pointer-events: auto; /* Allow interaction */
21772  }
21773
21774  /* Show icon on card hover */
21775  .card-wrapper:hover .price-info-icon {
21776    opacity: 1;
21777  }
21778
21779  .price-info-icon svg {
21780    width: 14px;
21781    height: 14px;
21782    stroke-width: 1.5;
21783  }
21784
21785  /* Tooltip styles */
21786  .price-info-tooltip {
21787    position: absolute;
21788    bottom: calc(100% + 6px);
21789    top: auto;
21790    left: 0;
21791    transform: none;
21792    min-width: 310px;
21793    background: #FFFFFF;
21794    color: #232323;
21795    border: 1px solid #EEEEEE;
21796    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
21797    padding: 12px 16px;
21798    font-size: 13px;
21799    font-family: 'Montserrat', sans-serif;
21800    z-index: 10000;
21801    opacity: 0;
21802    transition: opacity 0.18s;
21803    white-space: pre-line;
21804    text-align: left;
21805    border-radius: 0;
21806    visibility: hidden;
21807    pointer-events: none;
21808  }
21809
21810  /* Show tooltip on icon hover */
21811  .price-info-icon:hover .price-info-tooltip {
21812    visibility: visible;
21813    opacity: 1;
21814  }
21815
21816  /* Ensure tooltip is never clipped */
21817  .price-container-with-info,
21818  .card-information,
21819  .card__content {
21820    overflow: visible !important;
21821  }
21822
21823  /* Mobile adjustments */
21824  @media screen and (max-width: 768px) {
21825    .price-info-tooltip {
21826      min-width: 200px;
21827      font-size: 12px;
21828      padding: 10px 12px;
21829    }
21830  }
21831</style>
21832
21833                </li>
21834                <li
21835                  class="grid__item"
21836                  
21837                >
21838                  
21839<div class="card-wrapper product-card-wrapper underline-links-hover">
21840
21841    <div
21842      class="
21843        card card--standard
21844         card--media
21845        
21846        
21847        
21848        
21849        
21850      "
21851      style="--ratio-percent: 100.0%;"
21852      data-product-id="9746956288298"
21853      data-description="Ulkotilan LED-pollari yleisvalaisuun."
21854      
21855      data-ip-rate="IP54"
21856      
21857      data-variant-id="52388007575850"
21858      data-price="268.00 EUR"
21859      data-compare-at-price=""
21860      data-available="true"
21861      data-barcode="8595685414973"
21862      data-ip-rate="IP54"
21863      data-lumens="423"
21864      data-power-source=""
21865      data-watt="15.0"
21866      data-kelvin="3000"
21867      data-light-color=""
21868      data-diameter="12.0"
21869      data-weight-netto="2750.0"
21870      data-weight-unit="g"
21871      data-mounting-hole-size=""
21872      data-recess-depth=""
21873      data-suspension-lenght=""
21874      data-turn-angle=""
21875      data-tilt-angle=""
21876      data-switch=""
21877      data-socket=""
21878      data-light-source-recomended=""
21879      data-height="65"
21880      data-length=""
21881      data-Length=""
21882    >
21883      <div
21884        class="card__inner color-scheme-2 gradient ratio"
21885        style="--ratio-percent: 100.0%;"
21886      >
21887        
21888
21889<div class="ip-rate-badge">
21890            <span>IP54</span>
21891          </div><div class="card__media">
21892            <a class="card__media-link-content" href="/products/abax-65-bollard-lamp" aria-label="ABAX 65">
21893              <div class="media media--transparent media--hover-effect">
21894              
21895              <img
21896                class="product-image motion-reduce"
21897                srcset="//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=165 165w,//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=360 360w,//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=533 533w,//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=720 720w,//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=940 940w,//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=1066 1066w,//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665 3162w
21898                "
21899                src="//rendl.fi/cdn/shop/files/r12626-1.jpg?v=1767748665&width=533"
21900                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
21901                alt="RENDL outdoor lamp ABAX 65 bollard anthracite grey  230V LED 15W IP54  3000K R12626 1"
21902                
21903                  loading="lazy"
21904                
21905                width="3162"
21906                height="3162"
21907              >
21908              
21909<img
21910                  class="product-image motion-reduce"
21911                  srcset="//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=165 165w,//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=360 360w,//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=533 533w,//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=720 720w,//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=940 940w,//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=1066 1066w,//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868 4899w
21912                  "
21913                  src="//rendl.fi/cdn/shop/files/r12626-2.jpg?v=1745938868&width=533"
21914                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
21915                  alt=""
21916                  loading="lazy"
21917                  width="4899"
21918                  height="4899"
21919                ></div>
21920            </a>
21921            
21922<div class="card-media-icons"><div class="energy-label-icon">
21923                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
21924                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
21925</div>
21926                  </div></div><div class="card-variant-swatches"><a
21927                    class="card-variant-swatch"
21928                    href="/products/abax-65-bollard-lamp?variant=52388007575850"
21929                    
21930                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
21931                    
21932                    aria-label="tummanharmaa"
21933                  >
21934                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
21935          <div class="card__information">
21936            <h3
21937              class="card__heading"
21938              
21939            >
21940              <a
21941                href="/products/abax-65-bollard-lamp"
21942                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746956288298"
21943                class="full-unstyled-link"
21944                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746956288298 NoMediaStandardBadge-template--28113427169578__product-grid-9746956288298"
21945              >
21946                ABAX 65
21947              </a>
21948            </h3>
21949          </div>
21950          <div class="card__badge bottom left"></div>
21951        </div>
21952      </div>
21953      <div class="card__content">
21954        <div class="card__information">
21955          <h3
21956            class="card__heading h5"
21957            
21958              id="title-template--28113427169578__product-grid-9746956288298"
21959            
21960          >
21961            <a
21962              href="/products/abax-65-bollard-lamp"
21963              id="CardLink-template--28113427169578__product-grid-9746956288298"
21964              class="full-unstyled-link"
21965              aria-labelledby="CardLink-template--28113427169578__product-grid-9746956288298 Badge-template--28113427169578__product-grid-9746956288298"
21966            >
21967              ABAX 65
21968            </a>
21969          </h3><div class="card__description">
21970              Ulkotilan LED-pollari yleisvalaisuun.
21971            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
21972              
21973<div
21974    class="
21975      price "
21976  >
21977    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
21978          <span class="price-item price-item--regular">
21979            268.00 EUR
21980          </span></div>
21981      <div class="price__sale">
21982          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
21983          <span>
21984            <s class="price-item price-item--regular">
21985              
21986                
21987              
21988            </s>
21989          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
21990        <span class="price-item price-item--sale price-item--last">
21991          268.00 EUR
21992        </span>
21993      </div>
21994      <small class="unit-price caption hidden">
21995        <span class="visually-hidden">Yksikköhinta</span>
21996        <span class="price-item price-item--last">
21997          <span></span>
21998          <span aria-hidden="true">/</span>
21999          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
22000          <span>
22001          </span>
22002        </span>
22003      </small>
22004    </div></div>
22005
22006
22007</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
22008              <button class="compare-button-simple" 
22009                      data-product-id="9746956288298" 
22010                      data-product-title="ABAX 65"
22011                      data-product-handle="abax-65-bollard-lamp">
22012                              <span class="compare-button-content">
22013                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
22014                    <span class="compare-text" data-translate="compare">compare</span>
22015                  </span>
22016                <span class="compare-spinner-small">
22017                  <!-- Small spinner for button -->
22018                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
22019                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
22020                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
22021                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indefinite"/>
22022                    </path>
22023                  </svg>
22024                </span>
22025              </button>
22026              
22027              <!-- Wishlist button next to compare button -->
22028              <button type="button" class="card-wishlist-button" data-wishlist-product="9746956288298">
22029                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
22030                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
22031                </svg>
22032              </button>
22033            </div></div>
22034        </div>
22035        
22036        
22037        
22038          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746956288298" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
22039                    type="hidden"
22040                    name="id"
22041                    value="52388007575850"
22042                    class="product-variant-id"
22043                    
22044                  >
22045                  <button
22046                    id="quick-add-template--28113427169578__product-grid9746956288298-submit"
22047                    type="submit"
22048                    name="add"
22049                    class="quick-add__submit button button--full-width button--secondary"
22050                    aria-haspopup="dialog"
22051                    aria-labelledby="quick-add-template--28113427169578__product-grid9746956288298-submit title-template--28113427169578__product-grid-9746956288298"
22052                    aria-live="polite"
22053                    data-sold-out-message="true"
22054                    
22055                  >
22056                    <span>Lisää ostoskoriin
22057</span>
22058                    <span class="sold-out-message hidden">
22059                      Matkalla
22060                    </span>
22061
22062<div class="loading__spinner hidden">
22063  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
22064
22065</div>
22066</button><input type="hidden" name="product-id" value="9746956288298" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
22067        
22068        <div class="card__badge bottom left"></div>
22069      </div>
22070    </div>
22071  </div>
22071<script>
22072  // Initialize global compare translations only once
22073  if (typeof window.compareButtonTranslations === 'undefined') {
22074    window.compareButtonTranslations = {
22075      compare: {
22076        en: 'compare',
22077        cs: 'porovnat',
22078        sk: 'porovnať',
22079        de: 'vergleichen',
22080        at: 'vergleichen',
22081        ch: 'vergleichen',
22082        fr: 'comparer',
22083        be: 'comparer',
22084        lu: 'comparer',
22085        it: 'confronta',
22086        es: 'comparar',
22087        nl: 'vergelijken',
22088        pl: 'porównaj',
22089        hu: 'összehasonlít',
22090        ro: 'compară',
22091        bg: 'сравни',
22092        hr: 'usporedi',
22093        fi: 'vertaile',
22094        gr: 'σύγκριση',
22095        el: 'σύγκριση',
22096        no: 'sammenlign',
22097        'pt-PT': 'comparar',
22098        sl: 'primerjaj',
22099        sv: 'jämför',
22100        lv: 'salīdzināt',
22101        lt: 'palyginti',
22102        ee: 'võrdle',
22103        dk: 'sammenlign',
22104        gb: 'compare',
22105        uk: 'compare',
22106        ie: 'compare',
22107        us: 'compare',
22108        ca: 'compare',
22109        au: 'compare',
22110        nz: 'compare',
22111        ru: 'сравнить'
22112      },
22113      remove: {
22114        en: 'remove',
22115        cs: 'odebrat',
22116        sk: 'odobrať',
22117        de: 'entfernen',
22118        at: 'entfernen',
22119        ch: 'entfernen',
22120        fr: 'supprimer',
22121        be: 'supprimer',
22122        lu: 'supprimer',
22123        it: 'rimuovi',
22124        es: 'eliminar',
22125        nl: 'verwijderen',
22126        pl: 'usuń',
22127        hu: 'eltávolít',
22128        ro: 'elimină',
22129        bg: 'премахни',
22130        hr: 'ukloni',
22131        fi: 'poista',
22132        gr: 'αφαίρεση',
22133        el: 'αφαίρεση',
22134        no: 'fjern',
22135        'pt-PT': 'remover',
22136        sl: 'odstrani',
22137        sv: 'ta bort',
22138        lv: 'noņemt',
22139        lt: 'pašalinti',
22140        ee: 'eemalda',
22141        dk: 'fjern',
22142        gb: 'remove',
22143        uk: 'remove',
22144        ie: 'remove',
22145        us: 'remove',
22146        ca: 'remove',
22147        au: 'remove',
22148        nz: 'remove',
22149        ru: 'удалить'
22150      },
22151      added: {
22152        en: 'Added!',
22153        cs: 'Přidáno!',
22154        sk: 'Pridané!',
22155        de: 'Hinzugefügt!',
22156        at: 'Hinzugefügt!',
22157        ch: 'Hinzugefügt!',
22158        fr: 'Ajouté!',
22159        be: 'Ajouté!',
22160        lu: 'Ajouté!',
22161        it: 'Aggiunto!',
22162        es: '¡Añadido!',
22163        nl: 'Toegevoegd!',
22164        pl: 'Dodano!',
22165        hu: 'Hozzáadva!',
22166        ro: 'Adăugat!',
22167        bg: 'Добавено!',
22168        hr: 'Dodano!',
22169        fi: 'Lisätty!',
22170        gr: 'Προστέθηκε!',
22171        el: 'Προστέθηκε!',
22172        no: 'Lagt til!',
22173        'pt-PT': 'Adicionado!',
22174        sl: 'Dodano!',
22175        sv: 'Tillagd!',
22176        lv: 'Pievienots!',
22177        lt: 'Pridėta!',
22178        ee: 'Lisatud!',
22179        dk: 'Tilføjet!',
22180        gb: 'Added!',
22181        uk: 'Added!',
22182        ie: 'Added!',
22183        us: 'Added!',
22184        ca: 'Added!',
22185        au: 'Added!',
22186        nz: 'Added!',
22187        ru: 'Добавлено!'
22188      },
22189      removed: {
22190        en: 'Removed!',
22191        cs: 'Odebráno!',
22192        sk: 'Odobrané!',
22193        de: 'Entfernt!',
22194        at: 'Entfernt!',
22195        ch: 'Entfernt!',
22196        fr: 'Supprimé!',
22197        be: 'Supprimé!',
22198        lu: 'Supprimé!',
22199        it: 'Rimosso!',
22200        es: '¡Eliminado!',
22201        nl: 'Verwijderd!',
22202        pl: 'Usunięto!',
22203        hu: 'Eltávolítva!',
22204        ro: 'Eliminat!',
22205        bg: 'Премахнато!',
22206        hr: 'Uklonjeno!',
22207        fi: 'Poistettu!',
22208        gr: 'Αφαιρέθηκε!',
22209        el: 'Αφαιρέθηκε!',
22210        no: 'Fjernet!',
22211        'pt-PT': 'Removido!',
22212        sl: 'Odstranjeno!',
22213        sv: 'Borttaget!',
22214        lv: 'Noņemts!',
22215        lt: 'Pašalinta!',
22216        ee: 'Eemaldatud!',
22217        dk: 'Fjernet!',
22218        gb: 'Removed!',
22219        uk: 'Removed!',
22220        ie: 'Removed!',
22221        us: 'Removed!',
22222        ca: 'Removed!',
22223        au: 'Removed!',
22224        nz: 'Removed!',
22225        ru: 'Удалено!'
22226      }
22227    };
22228
22229    // Tooltip translations for price info
22230    window.tooltipTranslations = {
22231      tooltipPrice: {
22232        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22233        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
22234        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
22235        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
22236        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
22237        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
22238        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
22239        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
22240        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
22241        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
22242        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
22243        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
22244        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
22245        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
22246        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
22247        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
22248        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
22249        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
22250        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
22251        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
22252        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
22253        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
22254        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
22255        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
22256        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
22256iks atskaitīts, ja piemērojams.",
22257        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
22258        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
22259        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
22260        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22261        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22262        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22263        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22264        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22265        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22266        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
22267        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
22268      },
22269      tooltipOutlet: {
22270        en: "We do not provide additional wholesale discounts on outlet products.",
22271        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
22272        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
22273        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
22274        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
22275        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
22276        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
22277        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
22278        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
22279        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
22280        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
22281        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
22282        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
22283        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
22284        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
22285        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
22286        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
22287        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
22288        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
22289        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
22290        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
22291        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
22292        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
22293        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
22294        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
22295        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
22296        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
22297        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
22298        gb: "We do not provide additional wholesale discounts on outlet products.",
22299        uk: "We do not provide additional wholesale discounts on outlet products.",
22300        ie: "We do not provide additional wholesale discounts on outlet products.",
22301        us: "We do not provide additional wholesale discounts on outlet products.",
22302        ca: "We do not provide additional wholesale discounts on outlet products.",
22303        au: "We do not provide additional wholesale discounts on outlet products.",
22304        nz: "We do not provide additional wholesale discounts on outlet products.",
22305        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
22306      }
22307    };
22308
22309    // Get current locale from document
22310    window.currentLocale = document.documentElement.lang || 'en';
22311
22312    // Function to translate compare buttons
22313    window.translateCompareButtons = function() {
22314      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
22315      compareTexts.forEach(function(textEl) {
22316        const button = textEl.closest('.compare-button-simple');
22317        const isInComparison = button && button.hasAttribute('data-in-comparison');
22318        
22319        if (isInComparison) {
22320          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
22321          textEl.textContent = translation;
22322        } else {
22323          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
22324          textEl.textContent = translation;
22325        }
22326      });
22327    };
22328
22329    // Function to format price with space as thousands separator (only for tooltip)
22330    function formatTooltipPrice(price) {
22331      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
22332      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
22333    }
22334
22335    // Function to translate tooltips with price
22336    window.translateTooltips = function() {
22337      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
22338      tooltips.forEach(function(tooltip) {
22339        const icon = tooltip.closest('.price-info-icon');
22340        if (icon) {
22341          const status = icon.getAttribute('data-status');
22342          // Check if this is an outlet product
22343          if (status === 'outlet') {
22344            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
22345            tooltip.textContent = translation;
22346            return; // Exit early for outlet products
22347          }
22348          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
22349          // Get wholesale price from the actual price display on the card
22350          const card = icon.closest('[data-product-id]');
22351          let wholesalePrice = '';
22352          if (card) {
22353            // Find the main price element on the card
22354            const priceElement = card.querySelector('.price .price-item--regular');
22355            if (priceElement) {
22356              wholesalePrice = priceElement.textContent.trim();
22357            }
22358          }
22359          if (retailPrice && wholesalePrice) {
22360            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
22361            let formattedRetailPrice = formatTooltipPrice(retailPrice);
22362            let formattedWholesalePrice = wholesalePrice;
22363            if (window.formatPriceText) {
22364              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
22365            }
22366            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
22367            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
22368            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
22369            tooltip.textContent = translatedText;
22370          }
22371        }
22372      });
22373    };
22374
22375    // Function to update button state based on comparison status
22376    window.updateCompareButtonState = function(productId, isInComparison) {
22377      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
22378      buttons.forEach(function(button) {
22379        const buttonContainer = button.closest('.compare-button-container');
22380        const compareText = button.querySelector('.compare-text');
22381        
22382        if (isInComparison) {
22383          button.setAttribute('data-in-comparison', 'true');
22384          button.classList.add('in-comparison');
22385          buttonContainer.classList.add('in-comparison');
22386          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
22387          compareText.textContent = removeText;
22388        } else {
22389          button.removeAttribute('data-in-comparison');
22390          button.classList.remove('in-comparison');
22391          buttonContainer.classList.remove('in-comparison');
22392          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
22393          compareText.textContent = compareTextTranslation;
22394        }
22395      });
22396    };
22397  }
22398
22399  // Initialize compare button states based on localStorage
22400  window.initializeCompareButtonStates = function() {
22401    if (typeof window.RendlCompare !== 'undefined') {
22402      const compareItems = window.RendlCompare.getItems();
22403      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
22404        const productId = button.getAttribute('data-product-id');
22405        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
22406        window.updateCompareButtonState(productId, isInComparison);
22407      });
22408    }
22409  };
22410
22411  // Compare button UI animation - the actual functionality is handled by compare-system.js
22412  document.addEventListener('DOMContentLoaded', function() {
22413    // Apply translations on page load
22414    if (window.translateCompareButtons) {
22415      window.translateCompareButtons();
22416    }
22417    
22418    // Initialize button states based on comparison data
22419    setTimeout(function() {
22420      if (window.initializeCompareButtonStates) {
22421        window.initializeCompareButtonStates();
22422      }
22423    }, 100); // Small delay to ensure compare system is loaded
22424    
22425    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
22426      // Skip if already has event listener
22427      if (button.hasAttribute('data-compare-initialized')) {
22428        return;
22429      }
22430      button.setAttribute('data-compare-initialized', 'true');
22431      
22432      button.addEventListener('click', function(e) {
22433        var buttonContainer = button.closest('.compare-button-container');
22434        var compareText = button.querySelector('.compare-text');
22435        var isInComparison = button.hasAttribute('data-in-comparison');
22436        var productId = button.getAttribute('data-product-id');
22437        
22438        // Prevent multiple clicks during loading
22439        if (button.classList.contains('loading')) {
22440          return;
22441        }
22442        
22443        // Make button always visible during the process
22444        buttonContainer.classList.add('active');
22445        
22446        // Add loading class to show spinner
22447        button.classList.add('loading');
22448        
22449        // UI feedback timing
22450        setTimeout(function() {
22451          // Remove loading class and show success message
22452          button.classList.remove('loading');
22453          button.classList.add('success');
22454          
22455          if (isInComparison) {
22456            // Removing from comparison
22457            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
22458            
22459            // Update button state after removal
22460            setTimeout(function() {
22461              button.classList.remove('success');
22462              window.updateCompareButtonState(productId, false);
22463              buttonContainer.classList.remove('active');
22464            }, 1500);
22465          } else {
22466            // Adding to comparison
22467            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
22468            
22469            // Update button state after addition
22470            setTimeout(function() {
22471              button.classList.remove('success');
22472              window.updateCompareButtonState(productId, true);
22473              buttonContainer.classList.remove('active');
22474            }, 1500);
22475          }
22476        }, 1200);
22477      });
22478    });
22479
22480    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
22481    setTimeout(function() {
22482      if (window.translateTooltips) {
22483        window.translateTooltips();
22484      }
22485    }, 100);
22486  });
22487
22488  // Ensure compare button states are initialized after RendlCompare is available
22489  document.addEventListener('DOMContentLoaded', function() {
22490    function tryInitCompareButtons() {
22491      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
22492        window.initializeCompareButtonStates();
22493      } else {
22494        setTimeout(tryInitCompareButtons, 100);
22495      }
22496    }
22497    tryInitCompareButtons();
22498  });
22499
22500  // Self-contained wishlist functionality for card-product
22501  (function() {
22502    // Wishlist translations
22503    var wishlistTranslations = {
22504      'en': {
22505        addToWishlist: 'Add to My Favorites',
22506        createCategory: 'Create new category:',
22507        categoryPlaceholder: 'Category name',
22508        createAndAdd: 'Create & Add Item',
22509        alreadyAdded: '(Already added)',
22510        addedToWishlist: 'added to My Favorites',
22511        removedFromWishlist: 'removed from My Favorites',
22512        allFavorites: 'All Favorites'
22513      },
22514      'cs': {
22515        addToWishlist: 'Přidat do oblíbených',
22516        createCategory: 'Vytvořit novou skupinu:',
22517        categoryPlaceholder: 'Název nové skupiny',
22518        createAndAdd: 'Vytvořit a přidat skupinu',
22519        alreadyAdded: '(Již přidáno)',
22520        addedToWishlist: 'přidáno do oblíbených',
22521        removedFromWishlist: 'odebráno z oblíbených',
22522        allFavorites: 'Všechny oblíbené'
22523      },
22524      'sk': {
22525        addToWishlist: 'Pridať do obľúbených',
22526        createCategory: 'Vytvoriť novú kategóriu:',
22527        categoryPlaceholder: 'Názov kategórie',
22528        createAndAdd: 'Vytvoriť a pridať položku',
22529        alreadyAdded: '(Už pridané)',
22530        addedToWishlist: 'pridané do obľúbených',
22531        removedFromWishlist: 'odstránené z obľúbených',
22532        allFavorites: 'Všetky obľúbené'
22533      },
22534      'de': {
22535        addToWishlist: 'Zu meinen Favoriten hinzufügen',
22536        createCategory: 'Neue Kategorie erstellen:',
22537        categoryPlaceholder: 'Kategoriename',
22538        createAndAdd: 'Erstellen & hinzufügen',
22539        alreadyAdded: '(Bereits hinzugefügt)',
22540        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
22541        removedFromWishlist: 'aus meinen Favoriten entfernt',
22542        allFavorites: 'Alle Favoriten'
22543      },
22544      'fr': {
22545        addToWishlist: 'Ajouter à mes favoris',
22546        createCategory: 'Créer une nouvelle catégorie :',
22547        categoryPlaceholder: 'Nom de la catégorie',
22548        createAndAdd: 'Créer et ajouter',
22549        alreadyAdded: '(Déjà ajouté)',
22550        addedToWishlist: 'ajouté à mes favoris',
22551        removedFromWishlist: 'retiré de mes favoris',
22552        allFavorites: 'Tous les favoris'
22553      },
22554      'it': {
22555        addToWishlist: 'Aggiungi ai preferiti',
22556        createCategory: 'Crea nuova categoria:',
22557        categoryPlaceholder: 'Nome categoria',
22558        createAndAdd: 'Crea e aggiungi',
22559        alreadyAdded: '(Già aggiunto)',
22560        addedToWishlist: 'aggiunto ai preferiti',
22561        removedFromWishlist: 'rimosso dai preferiti',
22562        allFavorites: 'Tutti i preferiti'
22563      },
22564      'es': {
22565        addToWishlist: 'Añadir a mis favoritos',
22566        createCategory: 'Crear nueva categoría:',
22567        categoryPlaceholder: 'Nombre de la categoría',
22568        createAndAdd: 'Crear y añadir',
22569        alreadyAdded: '(Ya añadido)',
22570        addedToWishlist: 'añadido a mis favoritos',
22571        removedFromWishlist: 'eliminado de mis favoritos',
22572        allFavorites: 'Todos los favoritos'
22573      },
22574      'nl': {
22575        addToWishlist: 'Toevoegen aan mijn favorieten',
22576        createCategory: 'Nieuwe categorie aanmaken:',
22577        categoryPlaceholder: 'Categorienaam',
22578        createAndAdd: 'Aanmaken & toevoegen',
22579        alreadyAdded: '(Al toegevoegd)',
22580        addedToWishlist: 'toegevoegd aan mijn favorieten',
22581        removedFromWishlist: 'verwijderd uit mijn favorieten',
22582        allFavorites: 'Alle favorieten'
22583      },
22584      'pl': {
22585        addToWishlist: 'Dodaj do ulubionych',
22586        createCategory: 'Utwórz nową kategorię:',
22587        categoryPlaceholder: 'Nazwa kategorii',
22588        createAndAdd: 'Utwórz i dodaj',
22589        alreadyAdded: '(Już dodane)',
22590        addedToWishlist: 'dodano do ulubionych',
22591        removedFromWishlist: 'usunięto z ulubionych',
22592        allFavorites: 'Wszystkie ulubione'
22593      },
22594      'hu': {
22595        addToWishlist: 'Hozzáadás a kedvencekhez',
22596        createCategory: 'Új kategória létrehozása:',
22597        categoryPlaceholder: 'Kategória neve',
22598        createAndAdd: 'Létrehozás és hozzáadás',
22599        alreadyAdded: '(Már hozzáadva)',
22600        addedToWishlist: 'hozzáadva a kedvencekhez',
22601        removedFromWishlist: 'eltávolítva a kedvencekből',
22602        allFavorites: 'Minden kedvenc'
22603      },
22604      'ro': {
22605        addToWishlist: 'Adaugă la favorite',
22606        createCategory: 'Creează o nouă categorie:',
22607        categoryPlaceholder: 'Nume categorie',
22608        createAndAdd: 'Creează și adaugă',
22609        alreadyAdded: '(Deja adăugat)',
22610        addedToWishlist: 'adăugat la favorite',
22611        removedFromWishlist: 'eliminat din favorite',
22612        allFavorites: 'Toate preferințele'
22613      },
22614      'bg': {
22615        addToWishlist: 'Добави в любими',
22616        createCategory: 'Създай нова категория:',
22617        categoryPlaceholder: 'Име на категория',
22618        createAndAdd: 'Създай и добави',
22619        alreadyAdded: '(Вече добавено)',
22620        addedToWishlist: 'добавено в любими',
22621        removedFromWishlist: 'премахнато от любими',
22622        allFavorites: 'Всички любими'
22623      },
22624      'hr': {
22625        addToWishlist: 'Dodaj u favorite',
22626        createCategory: 'Kreiraj novu kategoriju:',
22627        categoryPlaceholder: 'Naziv kategorije',
22628        createAndAdd: 'Kreiraj i dodaj',
22629        alreadyAdded: '(Već dodano)',
22630        addedToWishlist: 'dodano u favorite',
22631        removedFromWishlist: 'uklonjeno iz favorita',
22632        allFavorites: 'Sva omiljena'
22633      },
22634      'fi': {
22635        addToWishlist: 'Lisää suosikkeihin',
22636        createCategory: 'Luo uusi kategoria:',
22637        categoryPlaceholder: 'Kategorian nimi',
22638        createAndAdd: 'Luo ja lisää',
22639        alreadyAdded: '(Jo lisätty)',
22640        addedToWishlist: 'lisätty suosikkeihin',
22641        removedFromWishlist: 'poistettu suosikeista',
22642        allFavorites: 'Kaikki suosikit'
22643      },
22644      'gr': {
22645        addToWishlist: 'Προσθήκη στα αγαπημένα',
22646        createCategory: 'Δημιουργία νέας κατηγορίας:',
22647        categoryPlaceholder: 'Όνομα κατηγορίας',
22648        createAndAdd: 'Δημιουργία & προσθήκη',
22649        alreadyAdded: '(Ήδη προστέθηκε)',
22650        addedToWishlist: 'προστέθηκε στα αγαπημένα',
22651        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
22652        allFavorites: 'Όλα τα αγαπημένα'
22653      },
22654      'no': {
22655        addToWishlist: 'Legg til i favoritter',
22656        createCategory: 'Opprett ny kategori:',
22657        categoryPlaceholder: 'Kategorinavn',
22658        createAndAdd: 'Opprett og legg til',
22659        alreadyAdded: '(Allerede lagt til)',
22660        addedToWishlist: 'lagt til i favoritter',
22661        removedFromWishlist: 'fjernet fra favoritter',
22662        allFavorites: 'Alle favoritter'
22663      },
22664      'pt-PT': {
22665        addToWishlist: 'Adicionar aos favoritos',
22666        createCategory: 'Criar nova categoria:',
22667        categoryPlaceholder: 'Nome da categoria',
22668        createAndAdd: 'Criar e adicionar',
22669        alreadyAdded: '(Já adicionado)',
22670        addedToWishlist: 'adicionado aos favoritos',
22671        removedFromWishlist: 'removido dos favoritos',
22672        allFavorites: 'Todos os favoritos'
22673      },
22674      'sl': {
22675        addToWishlist: 'Dodaj med priljubljene',
22676        createCategory: 'Ustvari novo kategorijo:',
22677        categoryPlaceholder: 'Ime kategorije',
22678        createAndAdd: 'Ustvari in dodaj',
22679        alreadyAdded: '(Že dodano)',
22680        addedToWishlist: 'dodano med priljubljene',
22681        removedFromWishlist: 'odstranjeno iz priljubljenih',
22682        allFavorites: 'Vsi priljubljeni'
22683      },
22684      'sv': {
22685        addToWishlist: 'Lägg till i favoriter',
22686        createCategory: 'Skapa ny kategori:',
22687        categoryPlaceholder: 'Kategorinamn',
22688        createAndAdd: 'Skapa och lägg till',
22689        alreadyAdded: '(Redan tillagd)',
22690        addedToWishlist: 'tillagd i favoriter',
22691        removedFromWishlist: 'borttagen från favoriter',
22692        allFavorites: 'Alla favoriter'
22693      },
22694      'lv': {
22695        addToWishlist: 'Pievienot favorītiem',
22696        createCategory: 'Izveidot jaunu kategoriju:',
22697        categoryPlaceholder: 'Kategorijas nosaukums',
22698        createAndAdd: 'Izveidot un pievienot',
22699        alreadyAdded: '(Jau pievienots)',
22700        addedToWishlist: 'pievienots favorītiem',
22701        removedFromWishlist: 'noņemts no favorītiem',
22702        allFavorites: 'Visas favorītus'
22703      },
22704      'lt': {
22705        addToWishlist: 'Pridėti į mėgstamiausius',
22706        createCategory: 'Sukurti naują kategoriją:',
22707        categoryPlaceholder: 'Kategorijos pavadinimas',
22708        createAndAdd: 'Sukurti ir pridėti',
22709        alreadyAdded: '(Jau pridėta)',
22710        addedToWishlist: 'pridėta į mėgstamiausius',
22711        removedFromWishlist: 'pašalinta iš mėgstamiausių',
22712        allFavorites: 'Visos mėgstamiausios'
22713      },
22714      'ee': {
22715        addToWishlist: 'Lisa lemmikutesse',
22716        createCategory: 'Loo uus kategooria:',
22717        categoryPlaceholder: 'Kategooria nimi',
22718        createAndAdd: 'Loo ja lisa',
22719        alreadyAdded: '(Juba lisatud)',
22720        addedToWishlist: 'lisatud lemmikutesse',
22721        removedFromWishlist: 'eemaldatud lemmikutest',
22722        allFavorites: 'Kõik lemmikud'
22723      },
22724      'dk': {
22725        addToWishlist: 'Tilføj til favoritter',
22726        createCategory: 'Opret ny kategori:',
22727        categoryPlaceholder: 'Kategorinavn',
22728        createAndAdd: 'Opret og tilføj',
22729        alreadyAdded: '(Allerede tilføjet)',
22730        addedToWishlist: 'tilføjet til favoritter',
22731        removedFromWishlist: 'fjernet fra favoritter',
22732        allFavorites: 'Alle favoritter'
22733      }
22734    };
22735
22736    function getWishlistLang() {
22737      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
22738      // Normalize for region codes (e.g., pt-PT, sl)
22739      if (lang.startsWith('pt-PT')) return 'pt-PT';
22740      if (lang.startsWith('sl')) return 'sl';
22741      if (lang.startsWith('cs')) return 'cs';
22742      if (lang.startsWith('sk')) return 'sk';
22743      if (lang.startsWith('de')) return 'de';
22744      if (lang.startsWith('fr')) return 'fr';
22745      if (lang.startsWith('it')) return 'it';
22746      if (lang.startsWith('es')) return 'es';
22747      if (lang.startsWith('nl')) return 'nl';
22748      if (lang.startsWith('pl')) return 'pl';
22749      if (lang.startsWith('hu')) return 'hu';
22750      if (lang.startsWith('ro')) return 'ro';
22751      if (lang.startsWith('bg')) return 'bg';
22752      if (lang.startsWith('hr')) return 'hr';
22753      if (lang.startsWith('fi')) return 'fi';
22754      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
22755      if (lang.startsWith('no')) return 'no';
22756      if (lang.startsWith('sv')) return 'sv';
22757      if (lang.startsWith('lv')) return 'lv';
22758      if (lang.startsWith('lt')) return 'lt';
22759      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
22760      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
22761      return 'en';
22762    }
22763
22764    // Get or initialize the wishlist array in localStorage
22765    function getWishlist() {
22766      const wishlistJSON = localStorage.getItem('rendl_wishlist');
22767      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
22768        categories: [
22769          {
22770            id: 'all-favorites',
22771            name: 'All Favorites',
22772            items: []
22773          }
22774        ],
22775        version: 2
22776      };
22777      
22778      // Handle migration from old format (array of items) to new format (categories)
22779      if (Array.isArray(wishlist)) {
22780        return {
22781          categories: [
22782            {
22783              id: 'all-favorites',
22784              name: 'All Favorites',
22785              items: wishlist
22786            }
22787          ],
22788          version: 2
22789        };
22790      }
22791      
22792      return wishlist;
22793    }
22794    
22795    // Save wishlist to localStorage
22796    function saveWishlist(wishlist) {
22797      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
22798      // Dispatch an event so other parts of the site can react to wishlist changes
22799      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
22800        detail: { wishlist: wishlist } 
22801      }));
22802      
22803      // Count total items across all categories
22804      const totalItems = wishlist.categories.reduce((total, category) => {
22805        return total + category.items.length;
22806      }, 0);
22807      
22808      // Update all wishlist counters
22809      updateWishlistCounters(totalItems);
22810    }
22811    
22812    // Update all wishlist counters on the page
22813    function updateWishlistCounters(count) {
22814      const counters = document.querySelectorAll('.wishlist-count');
22815      counters.forEach(counter => {
22816        counter.textContent = count;
22817        
22818        // If the counter is hidden and count > 0, show it
22819        if (count > 0 && counter.hasAttribute('hidden')) {
22820          counter.removeAttribute('hidden');
22821        }
22822        // If the counter is visible and count = 0, hide it
22823        else if (count === 0 && !counter.hasAttribute('hidden')) {
22824          counter.setAttribute('hidden', 'true');
22825        }
22826      });
22827    }
22828    
22829    // Check if a product is in the wishlist (in any category)
22830    function isInWishlist(productId) {
22831      const wishlist = getWishlist();
22832      return wishlist.categories.some(category => 
22833        category.items.some(item => item.id === productId)
22834      );
22835    }
22836    
22837    // Get all categories
22838    function getCategories() {
22839      return getWishlist().categories;
22840    }
22841    
22842    // Create a new category
22843    function createCategory(name) {
22844      const wishlist = getWishlist();
22845      const categoryId = 'category-' + Date.now();
22846      
22847      wishlist.categories.push({
22848        id: categoryId,
22849        name: name,
22850        items: []
22851      });
22852      
22853      saveWishlist(wishlist);
22854      return categoryId;
22855    }
22856    
22857    // Add a product to a specific category
22858    function addToCategory(product, categoryId) {
22859      const wishlist = getWishlist();
22860      const category = wishlist.categories.find(cat => cat.id === categoryId);
22861      
22862      if (!category) return false;
22863      
22864      // Check if product already exists in ANY category (not just this one)
22865      if (isInWishlist(product.id)) {
22866        return false; // Product already in wishlist
22867      }
22868      
22869      // Add product to category
22870      category.items.push(product);
22871      saveWishlist(wishlist);
22872      
22873      // Dispatch event for global sync
22874      document.dispatchEvent(new CustomEvent('wishlist:updated', {
22875        detail: { productId: product.id, added: true }
22876      }));
22877      
22878      return true;
22879    }
22880    
22881    // Add a product to the default "All Favorites" category
22882    function addToWishlist(product) {
22883      return addToCategory(product, 'all-favorites');
22884    }
22885    
22886    // Remove a product from all categories
22887    function removeFromWishlist(productId) {
22888      const wishlist = getWishlist();
22889      let removed = false;
22890      
22891      wishlist.categories.forEach(category => {
22892        const initialLength = category.items.length;
22893        category.items = category.items.filter(item => item.id !== productId);
22894        if (category.items.length !== initialLength) {
22895          removed = true;
22896        }
22897      });
22898      
22899      if (removed) {
22900        saveWishlist(wishlist);
22901      }
22902      
22903      return removed;
22904    }
22905    
22906    // Toggle a product in the wishlist
22907    function toggleWishlistItem(product) {
22908      if (isInWishlist(product.id)) {
22909        // If already in wishlist, remove it
22910        const wasRemoved = removeFromWishlist(product.id);
22911        
22912        // Update heart icon if the product was successfully removed
22913        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
22914        if (heartIcon && wasRemoved) {
22915          heartIcon.setAttribute('fill', 'none');
22916          showWishlistToast(false, product.title);
22917          
22918          // Dispatch event for global sync
22919          document.dispatchEvent(new CustomEvent('wishlist:updated', {
22920            detail: { productId: product.id, added: false }
22921          }));
22922        }
22923        return wasRemoved;
22924      } else {
22925        // If not in wishlist, show category selection popup
22926        showCategorySelectionPopup(product);
22927        return false; // Don't return true unless we actually add the product
22928      }
22929    }
22930    
22931    // Show wishlist category selection popup
22932    function showCategorySelectionPopup(product) {
22933      // Remove any existing popup
22934      const existingPopup = document.getElementById('wishlist-category-popup');
22935      if (existingPopup) {
22936        existingPopup.remove();
22937      }
22938
22939      const lang = getWishlistLang();
22940      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
22941
22942      // Create popup container
22943      const popup = document.createElement('div');
22944      popup.id = 'wishlist-category-popup';
22945      popup.className = 'wishlist-category-popup';
22946
22947      // Create popup content
22948      const content = document.createElement('div');
22949      content.className = 'wishlist-category-popup-content';
22950
22951      // Create header
22952      const title = document.createElement('h2');
22953      title.textContent = translations.addToWishlist; // Translate
22954
22955      const closeButton = document.createElement('button');
22956      closeButton.className = 'wishlist-category-popup-close';
22957      closeButton.setAttribute('aria-label', 'Close');
22958      closeButton.addEventListener('click', () => {
22959        popup.remove();
22960      });
22961      
22962      // Create category list
22963      const categoryList = document.createElement('div');
22964      categoryList.className = 'wishlist-category-list';
22965      
22966      // Get categories
22967      const categories = getCategories();
22968      
22969      // Add category options
22970      categories.forEach(category => {
22971        const categoryOption = document.createElement('div');
22972        categoryOption.className = 'wishlist-category-option';
22973        
22974        // Use translation for default category name
22975        categoryOption.textContent = category.id === 'all-favorites'
22976          ? (translations.allFavorites || category.name)
22977          : category.name;
22978
22979        // Highlight if product already in this category
22980        if (category.items.some(item => item.id === product.id)) {
22981          categoryOption.style.backgroundColor = '#f0f0f0';
22982          categoryOption.style.color = '#999';
22983          categoryOption.style.fontStyle = 'italic';
22984          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
22985          categoryOption.style.cursor = 'default';
22986        } else {
22987          categoryOption.addEventListener('click', () => {
22988            const wasAdded = addToCategory(product, category.id);
22989            
22990            if (wasAdded) {
22991              // Update heart icon after successful addition
22992              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
22993              if (heartIcon) {
22994                heartIcon.setAttribute('fill', '#333333');
22995              }
22996              
22997              showWishlistToast(true, product.title);
22998              popup.remove();
22999            }
23000          });
23001        }
23002        
23003        categoryList.appendChild(categoryOption);
23004      });
23005      
23006      // Create "add new category" section
23007      const newCategorySection = document.createElement('div');
23008      newCategorySection.style.borderTop = '1px solid #eee';
23009      newCategorySection.style.paddingTop = '15px';
23010      newCategorySection.style.marginTop = '10px';
23011      
23012      const newCategoryLabel = document.createElement('label');
23013      newCategoryLabel.textContent = translations.createCategory; // Translate
23014
23015      const newCategoryInput = document.createElement('input');
23016      newCategoryInput.type = 'text';
23017      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
23018
23019      const createButton = document.createElement('button');
23020      createButton.className = 'create-category-button';
23021      createButton.textContent = translations.createAndAdd; // Translate
23022
23023      createButton.addEventListener('click', () => {
23024        const categoryName = newCategoryInput.value.trim();
23025        if (categoryName) {
23026          const categoryId = createCategory(categoryName);
23027          const wasAdded = addToCategory(product, categoryId);
23028          
23029          if (wasAdded) {
23030            // Update heart icon after successful addition
23031            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
23032            if (heartIcon) {
23033              heartIcon.setAttribute('fill', '#333333');
23034            }
23035            
23036            showWishlistToast(true, product.title);
23037            popup.remove();
23038          }
23039        }
23040      });
23041      
23042      newCategorySection.appendChild(newCategoryLabel);
23043      newCategorySection.appendChild(newCategoryInput);
23044      newCategorySection.appendChild(createButton);
23045      
23046      // Assemble popup
23047      content.appendChild(title);
23048      content.appendChild(closeButton);
23049      content.appendChild(categoryList);
23050      content.appendChild(newCategorySection);
23051      popup.appendChild(content);
23052      
23053      // Add to document
23054      document.body.appendChild(popup);
23055      
23056      // Focus the input
23057      setTimeout(() => {
23058        newCategoryInput.focus();
23059      }, 100);
23060      
23061      // Close when clicking outside content
23062      popup.addEventListener('click', (e) => {
23063        if (e.target === popup) {
23064          popup.remove();
23065        }
23066      });
23067    }
23068    
23069    // Show a toast notification
23070    function showWishlistToast(added, productTitle) {
23071      // Create or get toast container
23072      let toastContainer = document.getElementById('wishlist-toast');
23073      if (!toastContainer) {
23074        toastContainer = document.createElement('div');
23075        toastContainer.id = 'wishlist-toast';
23076        toastContainer.style.position = 'fixed';
23077        toastContainer.style.bottom = '20px';
23078        toastContainer.style.right = '20px';
23079        toastContainer.style.zIndex = '9999';
23080        document.body.appendChild(toastContainer);
23081      }
23082      
23083      // Create toast
23084      const toast = document.createElement('div');
23085      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
23086      toast.style.color = 'white';
23087      toast.style.padding = '12px 20px';
23088      toast.style.borderRadius = '0';
23089      toast.style.marginTop = '10px';
23090      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
23091      toast.style.transition = 'all 0.3s ease';
23092      toast.style.opacity = '0';
23093      toast.style.fontFamily = 'Montserrat, sans-serif';
23094      
23095      // Choose text based on action
23096      const lang = getWishlistLang();
23097      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
23098      toast.textContent = added
23099        ? `${productTitle} ${translations.addedToWishlist}` // Translate
23100        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
23101      
23102      // Add to container
23103      toastContainer.appendChild(toast);
23104      
23105      // Animate in
23106      setTimeout(() => {
23107        toast.style.opacity = '1';
23108      }, 10);
23109      
23110      // Animate out and remove
23111      setTimeout(() => {
23112        toast.style.opacity = '0';
23113        setTimeout(() => {
23114          toastContainer.removeChild(toast);
23115        }, 300);
23116      }, 3000);
23117    }
23118
23119    // Initialize wishlist buttons
23120    function initCardWishlistButtons() {
23121      const wishlistButtons = document.querySelectorAll('.card-wis
23121hlist-button');
23122      
23123      wishlistButtons.forEach(button => {
23124        // Skip if already initialized
23125        if (button.dataset.initializedWishlist === 'true') return;
23126        button.dataset.initializedWishlist = 'true';
23127        
23128        const productId = button.getAttribute('data-wishlist-product');
23129        if (!productId) return;
23130        
23131        // Get product details from the card
23132        const card = button.closest('.card-wrapper');
23133        const productDetails = {
23134          id: productId,
23135          title: card.querySelector('.card__heading')?.textContent.trim() || '',
23136          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
23137          price: card.querySelector('.price')?.textContent.trim() || '',
23138          image: card.querySelector('img')?.src || '',
23139          url: card.querySelector('a[href*="/products/"]')?.href || ''
23140        };
23141        
23142        // Set initial state using global function
23143        const heartIcon = button.querySelector('path');
23144        if (heartIcon) {
23145          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
23146            heartIcon.setAttribute('fill', '#333333');
23147          } else {
23148            heartIcon.setAttribute('fill', 'none');
23149          }
23150        }
23151        
23152        // Add click handler
23153        button.addEventListener('click', function(e) {
23154          e.preventDefault();
23155          e.stopPropagation();
23156          e.stopImmediatePropagation();
23157          toggleWishlistItem(productDetails);
23158        });
23159        
23160        // Prevent navigation on mousedown/touchstart
23161        button.addEventListener('mousedown', function(e) {
23162          e.preventDefault();
23163          e.stopPropagation();
23164        });
23165        
23166        button.addEventListener('touchstart', function(e) {
23167          e.preventDefault();
23168          e.stopPropagation();
23169        });
23170      });
23171    }
23172
23173    // Initialize the wishlist counter on page load
23174    const wishlist = getWishlist();
23175    const totalItems = wishlist.categories.reduce((total, category) => {
23176      return total + category.items.length;
23177    }, 0);
23178    updateWishlistCounters(totalItems);
23179
23180    // Initialize on DOM ready
23181    if (document.readyState === 'loading') {
23182      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
23183    } else {
23184      initCardWishlistButtons();
23185    }
23186
23187    // Reinitialize on Shopify section load
23188    document.addEventListener('shopify:section:load', function() {
23189      setTimeout(initCardWishlistButtons, 100);
23190    });
23191
23192    // Listen for wishlist updates from other parts of the site
23193    document.addEventListener('wishlist:updated', function() {
23194      setTimeout(initCardWishlistButtons, 100);
23195    });
23196  })();
23197</script>
23197
23198
23199<!-- Price info icon styles -->
23200<style>
23201  /* Price container with icon */
23202  .price-container-with-info {
23203    position: relative;
23204    display: flex;
23205    align-items: center;
23206    gap: 8px;
23207  }
23208
23209  /* Info icon - hidden by default, shown on card hover */
23210  .price-info-icon {
23211    position: relative;
23212    display: inline-flex;
23213    align-items: center;
23214    justify-content: center;
23215    color: #666;
23216    cursor: help;
23217    opacity: 0;
23218    transition: opacity 0.3s ease;
23219
23220    padding: 4px; /* Add padding to increase clickable area */
23221    min-width: 20px; /* Ensure minimum clickable area */
23222    min-height: 20px;
23223    z-index: 15; /* Above everything else including compare button */
23224    pointer-events: auto; /* Allow interaction */
23225  }
23226
23227  /* Show icon on card hover */
23228  .card-wrapper:hover .price-info-icon {
23229    opacity: 1;
23230  }
23231
23232  .price-info-icon svg {
23233    width: 14px;
23234    height: 14px;
23235    stroke-width: 1.5;
23236  }
23237
23238  /* Tooltip styles */
23239  .price-info-tooltip {
23240    position: absolute;
23241    bottom: calc(100% + 6px);
23242    top: auto;
23243    left: 0;
23244    transform: none;
23245    min-width: 310px;
23246    background: #FFFFFF;
23247    color: #232323;
23248    border: 1px solid #EEEEEE;
23249    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
23250    padding: 12px 16px;
23251    font-size: 13px;
23252    font-family: 'Montserrat', sans-serif;
23253    z-index: 10000;
23254    opacity: 0;
23255    transition: opacity 0.18s;
23256    white-space: pre-line;
23257    text-align: left;
23258    border-radius: 0;
23259    visibility: hidden;
23260    pointer-events: none;
23261  }
23262
23263  /* Show tooltip on icon hover */
23264  .price-info-icon:hover .price-info-tooltip {
23265    visibility: visible;
23266    opacity: 1;
23267  }
23268
23269  /* Ensure tooltip is never clipped */
23270  .price-container-with-info,
23271  .card-information,
23272  .card__content {
23273    overflow: visible !important;
23274  }
23275
23276  /* Mobile adjustments */
23277  @media screen and (max-width: 768px) {
23278    .price-info-tooltip {
23279      min-width: 200px;
23280      font-size: 12px;
23281      padding: 10px 12px;
23282    }
23283  }
23284</style>
23285
23286                </li>
23287                <li
23288                  class="grid__item"
23289                  
23290                >
23291                  
23292<div class="card-wrapper product-card-wrapper underline-links-hover">
23293
23294    <div
23295      class="
23296        card card--standard
23297         card--media
23298        
23299        
23300        
23301        
23302        
23303      "
23304      style="--ratio-percent: 100.0%;"
23305      data-product-id="9746921161002"
23306      data-description="Pollari ulkokäyttöön E27 energiansäästölampulle. Suojalasit satiinilasia."
23307      
23308      data-ip-rate="IP44"
23309      
23310      data-variant-id="52387877683498"
23311      data-price="158.00 EUR"
23312      data-compare-at-price=""
23313      data-available="true"
23314      data-barcode="8595685402574"
23315      data-ip-rate="IP44"
23316      data-lumens=""
23317      data-power-source=""
23318      data-watt="15.0"
23319      data-kelvin=""
23320      data-light-color=""
23321      data-diameter=""
23322      data-weight-netto="2000.0"
23323      data-weight-unit="g"
23324      data-mounting-hole-size=""
23325      data-recess-depth=""
23326      data-suspension-lenght=""
23327      data-turn-angle=""
23328      data-tilt-angle=""
23329      data-switch=""
23330      data-socket="LED E27"
23331      data-light-source-recomended="G13026"
23332      data-height="65"
23333      data-length="10.8"
23334      data-Length=""
23335    >
23336      <div
23337        class="card__inner color-scheme-2 gradient ratio"
23338        style="--ratio-percent: 100.0%;"
23339      >
23340        
23341
23342<div class="ip-rate-badge">
23343            <span>IP44</span>
23344          </div><div class="card__media">
23345            <a class="card__media-link-content" href="/products/ponder-65-bollard-lamp" aria-label="PONDER 65">
23346              <div class="media media--transparent media--hover-effect">
23347              
23348              <img
23349                class="product-image motion-reduce"
23350                srcset="//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=165 165w,//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=360 360w,//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=533 533w,//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=720 720w,//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=940 940w,//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=1066 1066w,//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925 3162w
23351                "
23352                src="//rendl.fi/cdn/shop/files/r10433-1.jpg?v=1770945925&width=533"
23353                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
23354                alt="RENDL outdoor lamp PONDER 65 bollard black  230V LED E27 15W IP44 R10433 1"
23355                
23356                  loading="lazy"
23357                
23358                width="3162"
23359                height="3162"
23360              >
23361              
23362<img
23363                  class="product-image motion-reduce"
23364                  srcset="//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=165 165w,//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=360 360w,//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=533 533w,//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=720 720w,//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=940 940w,//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=1066 1066w,//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804 3162w
23365                  "
23366                  src="//rendl.fi/cdn/shop/files/r10433-3.jpg?v=1783735804&width=533"
23367                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
23368                  alt=""
23369                  loading="lazy"
23370                  width="3162"
23371                  height="3162"
23372                ></div>
23373            </a>
23374            
23375<div class="card-media-icons"><div class="dimmable-icon">
23376                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Dimmable.svg?v=1753944550" alt="Dimmable" width="14" height="14">
23377                    <div class="dimmable-tooltip">Himmentävä sopivalla valonlähteellä</div>
23378                  </div></div><div class="card-variant-swatches"><a
23379                    class="card-variant-swatch"
23380                    href="/products/ponder-65-bollard-lamp?variant=52387877683498"
23381                    
23382                      style="background-image: url('//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=64');"
23383                    
23384                    aria-label="musta"
23385                  >
23386                    <span class="card-variant-swatch-tooltip">musta</span></a></div></div><div class="card__content">
23387          <div class="card__information">
23388            <h3
23389              class="card__heading"
23390              
23391            >
23392              <a
23393                href="/products/ponder-65-bollard-lamp"
23394                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746921161002"
23395                class="full-unstyled-link"
23396                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746921161002 NoMediaStandardBadge-template--28113427169578__product-grid-9746921161002"
23397              >
23398                PONDER 65
23399              </a>
23400            </h3>
23401          </div>
23402          <div class="card__badge bottom left"></div>
23403        </div>
23404      </div>
23405      <div class="card__content">
23406        <div class="card__information">
23407          <h3
23408            class="card__heading h5"
23409            
23410              id="title-template--28113427169578__product-grid-9746921161002"
23411            
23412          >
23413            <a
23414              href="/products/ponder-65-bollard-lamp"
23415              id="CardLink-template--28113427169578__product-grid-9746921161002"
23416              class="full-unstyled-link"
23417              aria-labelledby="CardLink-template--28113427169578__product-grid-9746921161002 Badge-template--28113427169578__product-grid-9746921161002"
23418            >
23419              PONDER 65
23420            </a>
23421          </h3><div class="card__description">
23422              Pollari ulkokäyttöön E27 energiansäästölampulle. Suojalasit satiinilasia.
23423            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
23424              
23425<div
23426    class="
23427      price "
23428  >
23429    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
23430          <span class="price-item price-item--regular">
23431            158.00 EUR
23432          </span></div>
23433      <div class="price__sale">
23434          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
23435          <span>
23436            <s class="price-item price-item--regular">
23437              
23438                
23439              
23440            </s>
23441          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
23442        <span class="price-item price-item--sale price-item--last">
23443          158.00 EUR
23444        </span>
23445      </div>
23446      <small class="unit-price caption hidden">
23447        <span class="visually-hidden">Yksikköhinta</span>
23448        <span class="price-item price-item--last">
23449          <span></span>
23450          <span aria-hidden="true">/</span>
23451          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
23452          <span>
23453          </span>
23454        </span>
23455      </small>
23456    </div></div>
23457
23458
23459</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
23460              <button class="compare-button-simple" 
23461                      data-product-id="9746921161002" 
23462                      data-product-title="PONDER 65"
23463                      data-product-handle="ponder-65-bollard-lamp">
23464                              <span class="compare-button-content">
23465                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
23466                    <span class="compare-text" data-translate="compare">compare</span>
23467                  </span>
23468                <span class="compare-spinner-small">
23469                  <!-- Small spinner for button -->
23470                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
23471                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
23472                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
23473                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
23473inite"/>
23474                    </path>
23475                  </svg>
23476                </span>
23477              </button>
23478              
23479              <!-- Wishlist button next to compare button -->
23480              <button type="button" class="card-wishlist-button" data-wishlist-product="9746921161002">
23481                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
23482                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
23483                </svg>
23484              </button>
23485            </div></div>
23486        </div>
23487        
23488        
23489        
23490          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746921161002" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
23491                    type="hidden"
23492                    name="id"
23493                    value="52387877683498"
23494                    class="product-variant-id"
23495                    
23496                  >
23497                  <button
23498                    id="quick-add-template--28113427169578__product-grid9746921161002-submit"
23499                    type="submit"
23500                    name="add"
23501                    class="quick-add__submit button button--full-width button--secondary"
23502                    aria-haspopup="dialog"
23503                    aria-labelledby="quick-add-template--28113427169578__product-grid9746921161002-submit title-template--28113427169578__product-grid-9746921161002"
23504                    aria-live="polite"
23505                    data-sold-out-message="true"
23506                    
23507                  >
23508                    <span>Lisää ostoskoriin
23509</span>
23510                    <span class="sold-out-message hidden">
23511                      Matkalla
23512                    </span>
23513
23514<div class="loading__spinner hidden">
23515  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
23516
23517</div>
23518</button><input type="hidden" name="product-id" value="9746921161002" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
23519        
23520        <div class="card__badge bottom left"></div>
23521      </div>
23522    </div>
23523  </div>
23523<script>
23524  // Initialize global compare translations only once
23525  if (typeof window.compareButtonTranslations === 'undefined') {
23526    window.compareButtonTranslations = {
23527      compare: {
23528        en: 'compare',
23529        cs: 'porovnat',
23530        sk: 'porovnať',
23531        de: 'vergleichen',
23532        at: 'vergleichen',
23533        ch: 'vergleichen',
23534        fr: 'comparer',
23535        be: 'comparer',
23536        lu: 'comparer',
23537        it: 'confronta',
23538        es: 'comparar',
23539        nl: 'vergelijken',
23540        pl: 'porównaj',
23541        hu: 'összehasonlít',
23542        ro: 'compară',
23543        bg: 'сравни',
23544        hr: 'usporedi',
23545        fi: 'vertaile',
23546        gr: 'σύγκριση',
23547        el: 'σύγκριση',
23548        no: 'sammenlign',
23549        'pt-PT': 'comparar',
23550        sl: 'primerjaj',
23551        sv: 'jämför',
23552        lv: 'salīdzināt',
23553        lt: 'palyginti',
23554        ee: 'võrdle',
23555        dk: 'sammenlign',
23556        gb: 'compare',
23557        uk: 'compare',
23558        ie: 'compare',
23559        us: 'compare',
23560        ca: 'compare',
23561        au: 'compare',
23562        nz: 'compare',
23563        ru: 'сравнить'
23564      },
23565      remove: {
23566        en: 'remove',
23567        cs: 'odebrat',
23568        sk: 'odobrať',
23569        de: 'entfernen',
23570        at: 'entfernen',
23571        ch: 'entfernen',
23572        fr: 'supprimer',
23573        be: 'supprimer',
23574        lu: 'supprimer',
23575        it: 'rimuovi',
23576        es: 'eliminar',
23577        nl: 'verwijderen',
23578        pl: 'usuń',
23579        hu: 'eltávolít',
23580        ro: 'elimină',
23581        bg: 'премахни',
23582        hr: 'ukloni',
23583        fi: 'poista',
23584        gr: 'αφαίρεση',
23585        el: 'αφαίρεση',
23586        no: 'fjern',
23587        'pt-PT': 'remover',
23588        sl: 'odstrani',
23589        sv: 'ta bort',
23590        lv: 'noņemt',
23591        lt: 'pašalinti',
23592        ee: 'eemalda',
23593        dk: 'fjern',
23594        gb: 'remove',
23595        uk: 'remove',
23596        ie: 'remove',
23597        us: 'remove',
23598        ca: 'remove',
23599        au: 'remove',
23600        nz: 'remove',
23601        ru: 'удалить'
23602      },
23603      added: {
23604        en: 'Added!',
23605        cs: 'Přidáno!',
23606        sk: 'Pridané!',
23607        de: 'Hinzugefügt!',
23608        at: 'Hinzugefügt!',
23609        ch: 'Hinzugefügt!',
23610        fr: 'Ajouté!',
23611        be: 'Ajouté!',
23612        lu: 'Ajouté!',
23613        it: 'Aggiunto!',
23614        es: '¡Añadido!',
23615        nl: 'Toegevoegd!',
23616        pl: 'Dodano!',
23617        hu: 'Hozzáadva!',
23618        ro: 'Adăugat!',
23619        bg: 'Добавено!',
23620        hr: 'Dodano!',
23621        fi: 'Lisätty!',
23622        gr: 'Προστέθηκε!',
23623        el: 'Προστέθηκε!',
23624        no: 'Lagt til!',
23625        'pt-PT': 'Adicionado!',
23626        sl: 'Dodano!',
23627        sv: 'Tillagd!',
23628        lv: 'Pievienots!',
23629        lt: 'Pridėta!',
23630        ee: 'Lisatud!',
23631        dk: 'Tilføjet!',
23632        gb: 'Added!',
23633        uk: 'Added!',
23634        ie: 'Added!',
23635        us: 'Added!',
23636        ca: 'Added!',
23637        au: 'Added!',
23638        nz: 'Added!',
23639        ru: 'Добавлено!'
23640      },
23641      removed: {
23642        en: 'Removed!',
23643        cs: 'Odebráno!',
23644        sk: 'Odobrané!',
23645        de: 'Entfernt!',
23646        at: 'Entfernt!',
23647        ch: 'Entfernt!',
23648        fr: 'Supprimé!',
23649        be: 'Supprimé!',
23650        lu: 'Supprimé!',
23651        it: 'Rimosso!',
23652        es: '¡Eliminado!',
23653        nl: 'Verwijderd!',
23654        pl: 'Usunięto!',
23655        hu: 'Eltávolítva!',
23656        ro: 'Eliminat!',
23657        bg: 'Премахнато!',
23658        hr: 'Uklonjeno!',
23659        fi: 'Poistettu!',
23660        gr: 'Αφαιρέθηκε!',
23661        el: 'Αφαιρέθηκε!',
23662        no: 'Fjernet!',
23663        'pt-PT': 'Removido!',
23664        sl: 'Odstranjeno!',
23665        sv: 'Borttaget!',
23666        lv: 'Noņemts!',
23667        lt: 'Pašalinta!',
23668        ee: 'Eemaldatud!',
23669        dk: 'Fjernet!',
23670        gb: 'Removed!',
23671        uk: 'Removed!',
23672        ie: 'Removed!',
23673        us: 'Removed!',
23674        ca: 'Removed!',
23675        au: 'Removed!',
23676        nz: 'Removed!',
23677        ru: 'Удалено!'
23678      }
23679    };
23680
23681    // Tooltip translations for price info
23682    window.tooltipTranslations = {
23683      tooltipPrice: {
23684        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23685        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
23686        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
23687        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
23688        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
23689        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
23690        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
23691        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
23692        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
23693        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
23694        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
23695        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
23696        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
23697        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
23698        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
23699        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
23700        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
23701        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
23702        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
23703        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
23704        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
23705        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
23706        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
23707        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
23708        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
23708iks atskaitīts, ja piemērojams.",
23709        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
23710        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
23711        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
23712        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23713        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23714        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23715        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23716        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23717        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23718        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
23719        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
23720      },
23721      tooltipOutlet: {
23722        en: "We do not provide additional wholesale discounts on outlet products.",
23723        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
23724        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
23725        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
23726        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
23727        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
23728        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
23729        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
23730        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
23731        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
23732        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
23733        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
23734        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
23735        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
23736        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
23737        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
23738        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
23739        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
23740        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
23741        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
23742        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
23743        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
23744        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
23745        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
23746        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
23747        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
23748        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
23749        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
23750        gb: "We do not provide additional wholesale discounts on outlet products.",
23751        uk: "We do not provide additional wholesale discounts on outlet products.",
23752        ie: "We do not provide additional wholesale discounts on outlet products.",
23753        us: "We do not provide additional wholesale discounts on outlet products.",
23754        ca: "We do not provide additional wholesale discounts on outlet products.",
23755        au: "We do not provide additional wholesale discounts on outlet products.",
23756        nz: "We do not provide additional wholesale discounts on outlet products.",
23757        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
23758      }
23759    };
23760
23761    // Get current locale from document
23762    window.currentLocale = document.documentElement.lang || 'en';
23763
23764    // Function to translate compare buttons
23765    window.translateCompareButtons = function() {
23766      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
23767      compareTexts.forEach(function(textEl) {
23768        const button = textEl.closest('.compare-button-simple');
23769        const isInComparison = button && button.hasAttribute('data-in-comparison');
23770        
23771        if (isInComparison) {
23772          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
23773          textEl.textContent = translation;
23774        } else {
23775          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
23776          textEl.textContent = translation;
23777        }
23778      });
23779    };
23780
23781    // Function to format price with space as thousands separator (only for tooltip)
23782    function formatTooltipPrice(price) {
23783      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
23784      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
23785    }
23786
23787    // Function to translate tooltips with price
23788    window.translateTooltips = function() {
23789      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
23790      tooltips.forEach(function(tooltip) {
23791        const icon = tooltip.closest('.price-info-icon');
23792        if (icon) {
23793          const status = icon.getAttribute('data-status');
23794          // Check if this is an outlet product
23795          if (status === 'outlet') {
23796            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
23797            tooltip.textContent = translation;
23798            return; // Exit early for outlet products
23799          }
23800          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
23801          // Get wholesale price from the actual price display on the card
23802          const card = icon.closest('[data-product-id]');
23803          let wholesalePrice = '';
23804          if (card) {
23805            // Find the main price element on the card
23806            const priceElement = card.querySelector('.price .price-item--regular');
23807            if (priceElement) {
23808              wholesalePrice = priceElement.textContent.trim();
23809            }
23810          }
23811          if (retailPrice && wholesalePrice) {
23812            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
23813            let formattedRetailPrice = formatTooltipPrice(retailPrice);
23814            let formattedWholesalePrice = wholesalePrice;
23815            if (window.formatPriceText) {
23816              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
23817            }
23818            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
23819            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
23820            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
23821            tooltip.textContent = translatedText;
23822          }
23823        }
23824      });
23825    };
23826
23827    // Function to update button state based on comparison status
23828    window.updateCompareButtonState = function(productId, isInComparison) {
23829      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
23830      buttons.forEach(function(button) {
23831        const buttonContainer = button.closest('.compare-button-container');
23832        const compareText = button.querySelector('.compare-text');
23833        
23834        if (isInComparison) {
23835          button.setAttribute('data-in-comparison', 'true');
23836          button.classList.add('in-comparison');
23837          buttonContainer.classList.add('in-comparison');
23838          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
23839          compareText.textContent = removeText;
23840        } else {
23841          button.removeAttribute('data-in-comparison');
23842          button.classList.remove('in-comparison');
23843          buttonContainer.classList.remove('in-comparison');
23844          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
23845          compareText.textContent = compareTextTranslation;
23846        }
23847      });
23848    };
23849  }
23850
23851  // Initialize compare button states based on localStorage
23852  window.initializeCompareButtonStates = function() {
23853    if (typeof window.RendlCompare !== 'undefined') {
23854      const compareItems = window.RendlCompare.getItems();
23855      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
23856        const productId = button.getAttribute('data-product-id');
23857        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
23858        window.updateCompareButtonState(productId, isInComparison);
23859      });
23860    }
23861  };
23862
23863  // Compare button UI animation - the actual functionality is handled by compare-system.js
23864  document.addEventListener('DOMContentLoaded', function() {
23865    // Apply translations on page load
23866    if (window.translateCompareButtons) {
23867      window.translateCompareButtons();
23868    }
23869    
23870    // Initialize button states based on comparison data
23871    setTimeout(function() {
23872      if (window.initializeCompareButtonStates) {
23873        window.initializeCompareButtonStates();
23874      }
23875    }, 100); // Small delay to ensure compare system is loaded
23876    
23877    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
23878      // Skip if already has event listener
23879      if (button.hasAttribute('data-compare-initialized')) {
23880        return;
23881      }
23882      button.setAttribute('data-compare-initialized', 'true');
23883      
23884      button.addEventListener('click', function(e) {
23885        var buttonContainer = button.closest('.compare-button-container');
23886        var compareText = button.querySelector('.compare-text');
23887        var isInComparison = button.hasAttribute('data-in-comparison');
23888        var productId = button.getAttribute('data-product-id');
23889        
23890        // Prevent multiple clicks during loading
23891        if (button.classList.contains('loading')) {
23892          return;
23893        }
23894        
23895        // Make button always visible during the process
23896        buttonContainer.classList.add('active');
23897        
23898        // Add loading class to show spinner
23899        button.classList.add('loading');
23900        
23901        // UI feedback timing
23902        setTimeout(function() {
23903          // Remove loading class and show success message
23904          button.classList.remove('loading');
23905          button.classList.add('success');
23906          
23907          if (isInComparison) {
23908            // Removing from comparison
23909            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
23910            
23911            // Update button state after removal
23912            setTimeout(function() {
23913              button.classList.remove('success');
23914              window.updateCompareButtonState(productId, false);
23915              buttonContainer.classList.remove('active');
23916            }, 1500);
23917          } else {
23918            // Adding to comparison
23919            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
23920            
23921            // Update button state after addition
23922            setTimeout(function() {
23923              button.classList.remove('success');
23924              window.updateCompareButtonState(productId, true);
23925              buttonContainer.classList.remove('active');
23926            }, 1500);
23927          }
23928        }, 1200);
23929      });
23930    });
23931
23932    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
23933    setTimeout(function() {
23934      if (window.translateTooltips) {
23935        window.translateTooltips();
23936      }
23937    }, 100);
23938  });
23939
23940  // Ensure compare button states are initialized after RendlCompare is available
23941  document.addEventListener('DOMContentLoaded', function() {
23942    function tryInitCompareButtons() {
23943      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
23944        window.initializeCompareButtonStates();
23945      } else {
23946        setTimeout(tryInitCompareButtons, 100);
23947      }
23948    }
23949    tryInitCompareButtons();
23950  });
23951
23952  // Self-contained wishlist functionality for card-product
23953  (function() {
23954    // Wishlist translations
23955    var wishlistTranslations = {
23956      'en': {
23957        addToWishlist: 'Add to My Favorites',
23958        createCategory: 'Create new category:',
23959        categoryPlaceholder: 'Category name',
23960        createAndAdd: 'Create & Add Item',
23961        alreadyAdded: '(Already added)',
23962        addedToWishlist: 'added to My Favorites',
23963        removedFromWishlist: 'removed from My Favorites',
23964        allFavorites: 'All Favorites'
23965      },
23966      'cs': {
23967        addToWishlist: 'Přidat do oblíbených',
23968        createCategory: 'Vytvořit novou skupinu:',
23969        categoryPlaceholder: 'Název nové skupiny',
23970        createAndAdd: 'Vytvořit a přidat skupinu',
23971        alreadyAdded: '(Již přidáno)',
23972        addedToWishlist: 'přidáno do oblíbených',
23973        removedFromWishlist: 'odebráno z oblíbených',
23974        allFavorites: 'Všechny oblíbené'
23975      },
23976      'sk': {
23977        addToWishlist: 'Pridať do obľúbených',
23978        createCategory: 'Vytvoriť novú kategóriu:',
23979        categoryPlaceholder: 'Názov kategórie',
23980        createAndAdd: 'Vytvoriť a pridať položku',
23981        alreadyAdded: '(Už pridané)',
23982        addedToWishlist: 'pridané do obľúbených',
23983        removedFromWishlist: 'odstránené z obľúbených',
23984        allFavorites: 'Všetky obľúbené'
23985      },
23986      'de': {
23987        addToWishlist: 'Zu meinen Favoriten hinzufügen',
23988        createCategory: 'Neue Kategorie erstellen:',
23989        categoryPlaceholder: 'Kategoriename',
23990        createAndAdd: 'Erstellen & hinzufügen',
23991        alreadyAdded: '(Bereits hinzugefügt)',
23992        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
23993        removedFromWishlist: 'aus meinen Favoriten entfernt',
23994        allFavorites: 'Alle Favoriten'
23995      },
23996      'fr': {
23997        addToWishlist: 'Ajouter à mes favoris',
23998        createCategory: 'Créer une nouvelle catégorie :',
23999        categoryPlaceholder: 'Nom de la catégorie',
24000        createAndAdd: 'Créer et ajouter',
24001        alreadyAdded: '(Déjà ajouté)',
24002        addedToWishlist: 'ajouté à mes favoris',
24003        removedFromWishlist: 'retiré de mes favoris',
24004        allFavorites: 'Tous les favoris'
24005      },
24006      'it': {
24007        addToWishlist: 'Aggiungi ai preferiti',
24008        createCategory: 'Crea nuova categoria:',
24009        categoryPlaceholder: 'Nome categoria',
24010        createAndAdd: 'Crea e aggiungi',
24011        alreadyAdded: '(Già aggiunto)',
24012        addedToWishlist: 'aggiunto ai preferiti',
24013        removedFromWishlist: 'rimosso dai preferiti',
24014        allFavorites: 'Tutti i preferiti'
24015      },
24016      'es': {
24017        addToWishlist: 'Añadir a mis favoritos',
24018        createCategory: 'Crear nueva categoría:',
24019        categoryPlaceholder: 'Nombre de la categoría',
24020        createAndAdd: 'Crear y añadir',
24021        alreadyAdded: '(Ya añadido)',
24022        addedToWishlist: 'añadido a mis favoritos',
24023        removedFromWishlist: 'eliminado de mis favoritos',
24024        allFavorites: 'Todos los favoritos'
24025      },
24026      'nl': {
24027        addToWishlist: 'Toevoegen aan mijn favorieten',
24028        createCategory: 'Nieuwe categorie aanmaken:',
24029        categoryPlaceholder: 'Categorienaam',
24030        createAndAdd: 'Aanmaken & toevoegen',
24031        alreadyAdded: '(Al toegevoegd)',
24032        addedToWishlist: 'toegevoegd aan mijn favorieten',
24033        removedFromWishlist: 'verwijderd uit mijn favorieten',
24034        allFavorites: 'Alle favorieten'
24035      },
24036      'pl': {
24037        addToWishlist: 'Dodaj do ulubionych',
24038        createCategory: 'Utwórz nową kategorię:',
24039        categoryPlaceholder: 'Nazwa kategorii',
24040        createAndAdd: 'Utwórz i dodaj',
24041        alreadyAdded: '(Już dodane)',
24042        addedToWishlist: 'dodano do ulubionych',
24043        removedFromWishlist: 'usunięto z ulubionych',
24044        allFavorites: 'Wszystkie ulubione'
24045      },
24046      'hu': {
24047        addToWishlist: 'Hozzáadás a kedvencekhez',
24048        createCategory: 'Új kategória létrehozása:',
24049        categoryPlaceholder: 'Kategória neve',
24050        createAndAdd: 'Létrehozás és hozzáadás',
24051        alreadyAdded: '(Már hozzáadva)',
24052        addedToWishlist: 'hozzáadva a kedvencekhez',
24053        removedFromWishlist: 'eltávolítva a kedvencekből',
24054        allFavorites: 'Minden kedvenc'
24055      },
24056      'ro': {
24057        addToWishlist: 'Adaugă la favorite',
24058        createCategory: 'Creează o nouă categorie:',
24059        categoryPlaceholder: 'Nume categorie',
24060        createAndAdd: 'Creează și adaugă',
24061        alreadyAdded: '(Deja adăugat)',
24062        addedToWishlist: 'adăugat la favorite',
24063        removedFromWishlist: 'eliminat din favorite',
24064        allFavorites: 'Toate preferințele'
24065      },
24066      'bg': {
24067        addToWishlist: 'Добави в любими',
24068        createCategory: 'Създай нова категория:',
24069        categoryPlaceholder: 'Име на категория',
24070        createAndAdd: 'Създай и добави',
24071        alreadyAdded: '(Вече добавено)',
24072        addedToWishlist: 'добавено в любими',
24073        removedFromWishlist: 'премахнато от любими',
24074        allFavorites: 'Всички любими'
24075      },
24076      'hr': {
24077        addToWishlist: 'Dodaj u favorite',
24078        createCategory: 'Kreiraj novu kategoriju:',
24079        categoryPlaceholder: 'Naziv kategorije',
24080        createAndAdd: 'Kreiraj i dodaj',
24081        alreadyAdded: '(Već dodano)',
24082        addedToWishlist: 'dodano u favorite',
24083        removedFromWishlist: 'uklonjeno iz favorita',
24084        allFavorites: 'Sva omiljena'
24085      },
24086      'fi': {
24087        addToWishlist: 'Lisää suosikkeihin',
24088        createCategory: 'Luo uusi kategoria:',
24089        categoryPlaceholder: 'Kategorian nimi',
24090        createAndAdd: 'Luo ja lisää',
24091        alreadyAdded: '(Jo lisätty)',
24092        addedToWishlist: 'lisätty suosikkeihin',
24093        removedFromWishlist: 'poistettu suosikeista',
24094        allFavorites: 'Kaikki suosikit'
24095      },
24096      'gr': {
24097        addToWishlist: 'Προσθήκη στα αγαπημένα',
24098        createCategory: 'Δημιουργία νέας κατηγορίας:',
24099        categoryPlaceholder: 'Όνομα κατηγορίας',
24100        createAndAdd: 'Δημιουργία & προσθήκη',
24101        alreadyAdded: '(Ήδη προστέθηκε)',
24102        addedToWishlist: 'προστέθηκε στα αγαπημένα',
24103        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
24104        allFavorites: 'Όλα τα αγαπημένα'
24105      },
24106      'no': {
24107        addToWishlist: 'Legg til i favoritter',
24108        createCategory: 'Opprett ny kategori:',
24109        categoryPlaceholder: 'Kategorinavn',
24110        createAndAdd: 'Opprett og legg til',
24111        alreadyAdded: '(Allerede lagt til)',
24112        addedToWishlist: 'lagt til i favoritter',
24113        removedFromWishlist: 'fjernet fra favoritter',
24114        allFavorites: 'Alle favoritter'
24115      },
24116      'pt-PT': {
24117        addToWishlist: 'Adicionar aos favoritos',
24118        createCategory: 'Criar nova categoria:',
24119        categoryPlaceholder: 'Nome da categoria',
24120        createAndAdd: 'Criar e adicionar',
24121        alreadyAdded: '(Já adicionado)',
24122        addedToWishlist: 'adicionado aos favoritos',
24123        removedFromWishlist: 'removido dos favoritos',
24124        allFavorites: 'Todos os favoritos'
24125      },
24126      'sl': {
24127        addToWishlist: 'Dodaj med priljubljene',
24128        createCategory: 'Ustvari novo kategorijo:',
24129        categoryPlaceholder: 'Ime kategorije',
24130        createAndAdd: 'Ustvari in dodaj',
24131        alreadyAdded: '(Že dodano)',
24132        addedToWishlist: 'dodano med priljubljene',
24133        removedFromWishlist: 'odstranjeno iz priljubljenih',
24134        allFavorites: 'Vsi priljubljeni'
24135      },
24136      'sv': {
24137        addToWishlist: 'Lägg till i favoriter',
24138        createCategory: 'Skapa ny kategori:',
24139        categoryPlaceholder: 'Kategorinamn',
24140        createAndAdd: 'Skapa och lägg till',
24141        alreadyAdded: '(Redan tillagd)',
24142        addedToWishlist: 'tillagd i favoriter',
24143        removedFromWishlist: 'borttagen från favoriter',
24144        allFavorites: 'Alla favoriter'
24145      },
24146      'lv': {
24147        addToWishlist: 'Pievienot favorītiem',
24148        createCategory: 'Izveidot jaunu kategoriju:',
24149        categoryPlaceholder: 'Kategorijas nosaukums',
24150        createAndAdd: 'Izveidot un pievienot',
24151        alreadyAdded: '(Jau pievienots)',
24152        addedToWishlist: 'pievienots favorītiem',
24153        removedFromWishlist: 'noņemts no favorītiem',
24154        allFavorites: 'Visas favorītus'
24155      },
24156      'lt': {
24157        addToWishlist: 'Pridėti į mėgstamiausius',
24158        createCategory: 'Sukurti naują kategoriją:',
24159        categoryPlaceholder: 'Kategorijos pavadinimas',
24160        createAndAdd: 'Sukurti ir pridėti',
24161        alreadyAdded: '(Jau pridėta)',
24162        addedToWishlist: 'pridėta į mėgstamiausius',
24163        removedFromWishlist: 'pašalinta iš mėgstamiausių',
24164        allFavorites: 'Visos mėgstamiausios'
24165      },
24166      'ee': {
24167        addToWishlist: 'Lisa lemmikutesse',
24168        createCategory: 'Loo uus kategooria:',
24169        categoryPlaceholder: 'Kategooria nimi',
24170        createAndAdd: 'Loo ja lisa',
24171        alreadyAdded: '(Juba lisatud)',
24172        addedToWishlist: 'lisatud lemmikutesse',
24173        removedFromWishlist: 'eemaldatud lemmikutest',
24174        allFavorites: 'Kõik lemmikud'
24175      },
24176      'dk': {
24177        addToWishlist: 'Tilføj til favoritter',
24178        createCategory: 'Opret ny kategori:',
24179        categoryPlaceholder: 'Kategorinavn',
24180        createAndAdd: 'Opret og tilføj',
24181        alreadyAdded: '(Allerede tilføjet)',
24182        addedToWishlist: 'tilføjet til favoritter',
24183        removedFromWishlist: 'fjernet fra favoritter',
24184        allFavorites: 'Alle favoritter'
24185      }
24186    };
24187
24188    function getWishlistLang() {
24189      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
24190      // Normalize for region codes (e.g., pt-PT, sl)
24191      if (lang.startsWith('pt-PT')) return 'pt-PT';
24192      if (lang.startsWith('sl')) return 'sl';
24193      if (lang.startsWith('cs')) return 'cs';
24194      if (lang.startsWith('sk')) return 'sk';
24195      if (lang.startsWith('de')) return 'de';
24196      if (lang.startsWith('fr')) return 'fr';
24197      if (lang.startsWith('it')) return 'it';
24198      if (lang.startsWith('es')) return 'es';
24199      if (lang.startsWith('nl')) return 'nl';
24200      if (lang.startsWith('pl')) return 'pl';
24201      if (lang.startsWith('hu')) return 'hu';
24202      if (lang.startsWith('ro')) return 'ro';
24203      if (lang.startsWith('bg')) return 'bg';
24204      if (lang.startsWith('hr')) return 'hr';
24205      if (lang.startsWith('fi')) return 'fi';
24206      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
24207      if (lang.startsWith('no')) return 'no';
24208      if (lang.startsWith('sv')) return 'sv';
24209      if (lang.startsWith('lv')) return 'lv';
24210      if (lang.startsWith('lt')) return 'lt';
24211      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
24212      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
24213      return 'en';
24214    }
24215
24216    // Get or initialize the wishlist array in localStorage
24217    function getWishlist() {
24218      const wishlistJSON = localStorage.getItem('rendl_wishlist');
24219      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
24220        categories: [
24221          {
24222            id: 'all-favorites',
24223            name: 'All Favorites',
24224            items: []
24225          }
24226        ],
24227        version: 2
24228      };
24229      
24230      // Handle migration from old format (array of items) to new format (categories)
24231      if (Array.isArray(wishlist)) {
24232        return {
24233          categories: [
24234            {
24235              id: 'all-favorites',
24236              name: 'All Favorites',
24237              items: wishlist
24238            }
24239          ],
24240          version: 2
24241        };
24242      }
24243      
24244      return wishlist;
24245    }
24246    
24247    // Save wishlist to localStorage
24248    function saveWishlist(wishlist) {
24249      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
24250      // Dispatch an event so other parts of the site can react to wishlist changes
24251      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
24252        detail: { wishlist: wishlist } 
24253      }));
24254      
24255      // Count total items across all categories
24256      const totalItems = wishlist.categories.reduce((total, category) => {
24257        return total + category.items.length;
24258      }, 0);
24259      
24260      // Update all wishlist counters
24261      updateWishlistCounters(totalItems);
24262    }
24263    
24264    // Update all wishlist counters on the page
24265    function updateWishlistCounters(count) {
24266      const counters = document.querySelectorAll('.wishlist-count');
24267      counters.forEach(counter => {
24268        counter.textContent = count;
24269        
24270        // If the counter is hidden and count > 0, show it
24271        if (count > 0 && counter.hasAttribute('hidden')) {
24272          counter.removeAttribute('hidden');
24273        }
24274        // If the counter is visible and count = 0, hide it
24275        else if (count === 0 && !counter.hasAttribute('hidden')) {
24276          counter.setAttribute('hidden', 'true');
24277        }
24278      });
24279    }
24280    
24281    // Check if a product is in the wishlist (in any category)
24282    function isInWishlist(productId) {
24283      const wishlist = getWishlist();
24284      return wishlist.categories.some(category => 
24285        category.items.some(item => item.id === productId)
24286      );
24287    }
24288    
24289    // Get all categories
24290    function getCategories() {
24291      return getWishlist().categories;
24292    }
24293    
24294    // Create a new category
24295    function createCategory(name) {
24296      const wishlist = getWishlist();
24297      const categoryId = 'category-' + Date.now();
24298      
24299      wishlist.categories.push({
24300        id: categoryId,
24301        name: name,
24302        items: []
24303      });
24304      
24305      saveWishlist(wishlist);
24306      return categoryId;
24307    }
24308    
24309    // Add a product to a specific category
24310    function addToCategory(product, categoryId) {
24311      const wishlist = getWishlist();
24312      const category = wishlist.categories.find(cat => cat.id === categoryId);
24313      
24314      if (!category) return false;
24315      
24316      // Check if product already exists in ANY category (not just this one)
24317      if (isInWishlist(product.id)) {
24318        return false; // Product already in wishlist
24319      }
24320      
24321      // Add product to category
24322      category.items.push(product);
24323      saveWishlist(wishlist);
24324      
24325      // Dispatch event for global sync
24326      document.dispatchEvent(new CustomEvent('wishlist:updated', {
24327        detail: { productId: product.id, added: true }
24328      }));
24329      
24330      return true;
24331    }
24332    
24333    // Add a product to the default "All Favorites" category
24334    function addToWishlist(product) {
24335      return addToCategory(product, 'all-favorites');
24336    }
24337    
24338    // Remove a product from all categories
24339    function removeFromWishlist(productId) {
24340      const wishlist = getWishlist();
24341      let removed = false;
24342      
24343      wishlist.categories.forEach(category => {
24344        const initialLength = category.items.length;
24345        category.items = category.items.filter(item => item.id !== productId);
24346        if (category.items.length !== initialLength) {
24347          removed = true;
24348        }
24349      });
24350      
24351      if (removed) {
24352        saveWishlist(wishlist);
24353      }
24354      
24355      return removed;
24356    }
24357    
24358    // Toggle a product in the wishlist
24359    function toggleWishlistItem(product) {
24360      if (isInWishlist(product.id)) {
24361        // If already in wishlist, remove it
24362        const wasRemoved = removeFromWishlist(product.id);
24363        
24364        // Update heart icon if the product was successfully removed
24365        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
24366        if (heartIcon && wasRemoved) {
24367          heartIcon.setAttribute('fill', 'none');
24368          showWishlistToast(false, product.title);
24369          
24370          // Dispatch event for global sync
24371          document.dispatchEvent(new CustomEvent('wishlist:updated', {
24372            detail: { productId: product.id, added: false }
24373          }));
24374        }
24375        return wasRemoved;
24376      } else {
24377        // If not in wishlist, show category selection popup
24378        showCategorySelectionPopup(product);
24379        return false; // Don't return true unless we actually add the product
24380      }
24381    }
24382    
24383    // Show wishlist category selection popup
24384    function showCategorySelectionPopup(product) {
24385      // Remove any existing popup
24386      const existingPopup = document.getElementById('wishlist-category-popup');
24387      if (existingPopup) {
24388        existingPopup.remove();
24389      }
24390
24391      const lang = getWishlistLang();
24392      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
24393
24394      // Create popup container
24395      const popup = document.createElement('div');
24396      popup.id = 'wishlist-category-popup';
24397      popup.className = 'wishlist-category-popup';
24398
24399      // Create popup content
24400      const content = document.createElement('div');
24401      content.className = 'wishlist-category-popup-content';
24402
24403      // Create header
24404      const title = document.createElement('h2');
24405      title.textContent = translations.addToWishlist; // Translate
24406
24407      const closeButton = document.createElement('button');
24408      closeButton.className = 'wishlist-category-popup-close';
24409      closeButton.setAttribute('aria-label', 'Close');
24410      closeButton.addEventListener('click', () => {
24411        popup.remove();
24412      });
24413      
24414      // Create category list
24415      const categoryList = document.createElement('div');
24416      categoryList.className = 'wishlist-category-list';
24417      
24418      // Get categories
24419      const categories = getCategories();
24420      
24421      // Add category options
24422      categories.forEach(category => {
24423        const categoryOption = document.createElement('div');
24424        categoryOption.className = 'wishlist-category-option';
24425        
24426        // Use translation for default category name
24427        categoryOption.textContent = category.id === 'all-favorites'
24428          ? (translations.allFavorites || category.name)
24429          : category.name;
24430
24431        // Highlight if product already in this category
24432        if (category.items.some(item => item.id === product.id)) {
24433          categoryOption.style.backgroundColor = '#f0f0f0';
24434          categoryOption.style.color = '#999';
24435          categoryOption.style.fontStyle = 'italic';
24436          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
24437          categoryOption.style.cursor = 'default';
24438        } else {
24439          categoryOption.addEventListener('click', () => {
24440            const wasAdded = addToCategory(product, category.id);
24441            
24442            if (wasAdded) {
24443              // Update heart icon after successful addition
24444              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
24445              if (heartIcon) {
24446                heartIcon.setAttribute('fill', '#333333');
24447              }
24448              
24449              showWishlistToast(true, product.title);
24450              popup.remove();
24451            }
24452          });
24453        }
24454        
24455        categoryList.appendChild(categoryOption);
24456      });
24457      
24458      // Create "add new category" section
24459      const newCategorySection = document.createElement('div');
24460      newCategorySection.style.borderTop = '1px solid #eee';
24461      newCategorySection.style.paddingTop = '15px';
24462      newCategorySection.style.marginTop = '10px';
24463      
24464      const newCategoryLabel = document.createElement('label');
24465      newCategoryLabel.textContent = translations.createCategory; // Translate
24466
24467      const newCategoryInput = document.createElement('input');
24468      newCategoryInput.type = 'text';
24469      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
24470
24471      const createButton = document.createElement('button');
24472      createButton.className = 'create-category-button';
24473      createButton.textContent = translations.createAndAdd; // Translate
24474
24475      createButton.addEventListener('click', () => {
24476        const categoryName = newCategoryInput.value.trim();
24477        if (categoryName) {
24478          const categoryId = createCategory(categoryName);
24479          const wasAdded = addToCategory(product, categoryId);
24480          
24481          if (wasAdded) {
24482            // Update heart icon after successful addition
24483            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
24484            if (heartIcon) {
24485              heartIcon.setAttribute('fill', '#333333');
24486            }
24487            
24488            showWishlistToast(true, product.title);
24489            popup.remove();
24490          }
24491        }
24492      });
24493      
24494      newCategorySection.appendChild(newCategoryLabel);
24495      newCategorySection.appendChild(newCategoryInput);
24496      newCategorySection.appendChild(createButton);
24497      
24498      // Assemble popup
24499      content.appendChild(title);
24500      content.appendChild(closeButton);
24501      content.appendChild(categoryList);
24502      content.appendChild(newCategorySection);
24503      popup.appendChild(content);
24504      
24505      // Add to document
24506      document.body.appendChild(popup);
24507      
24508      // Focus the input
24509      setTimeout(() => {
24510        newCategoryInput.focus();
24511      }, 100);
24512      
24513      // Close when clicking outside content
24514      popup.addEventListener('click', (e) => {
24515        if (e.target === popup) {
24516          popup.remove();
24517        }
24518      });
24519    }
24520    
24521    // Show a toast notification
24522    function showWishlistToast(added, productTitle) {
24523      // Create or get toast container
24524      let toastContainer = document.getElementById('wishlist-toast');
24525      if (!toastContainer) {
24526        toastContainer = document.createElement('div');
24527        toastContainer.id = 'wishlist-toast';
24528        toastContainer.style.position = 'fixed';
24529        toastContainer.style.bottom = '20px';
24530        toastContainer.style.right = '20px';
24531        toastContainer.style.zIndex = '9999';
24532        document.body.appendChild(toastContainer);
24533      }
24534      
24535      // Create toast
24536      const toast = document.createElement('div');
24537      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
24538      toast.style.color = 'white';
24539      toast.style.padding = '12px 20px';
24540      toast.style.borderRadius = '0';
24541      toast.style.marginTop = '10px';
24542      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
24543      toast.style.transition = 'all 0.3s ease';
24544      toast.style.opacity = '0';
24545      toast.style.fontFamily = 'Montserrat, sans-serif';
24546      
24547      // Choose text based on action
24548      const lang = getWishlistLang();
24549      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
24550      toast.textContent = added
24551        ? `${productTitle} ${translations.addedToWishlist}` // Translate
24552        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
24553      
24554      // Add to container
24555      toastContainer.appendChild(toast);
24556      
24557      // Animate in
24558      setTimeout(() => {
24559        toast.style.opacity = '1';
24560      }, 10);
24561      
24562      // Animate out and remove
24563      setTimeout(() => {
24564        toast.style.opacity = '0';
24565        setTimeout(() => {
24566          toastContainer.removeChild(toast);
24567        }, 300);
24568      }, 3000);
24569    }
24570
24571    // Initialize wishlist buttons
24572    function initCardWishlistButtons() {
24573      const wishlistButtons = document.querySelectorAll('.card-wis
24573hlist-button');
24574      
24575      wishlistButtons.forEach(button => {
24576        // Skip if already initialized
24577        if (button.dataset.initializedWishlist === 'true') return;
24578        button.dataset.initializedWishlist = 'true';
24579        
24580        const productId = button.getAttribute('data-wishlist-product');
24581        if (!productId) return;
24582        
24583        // Get product details from the card
24584        const card = button.closest('.card-wrapper');
24585        const productDetails = {
24586          id: productId,
24587          title: card.querySelector('.card__heading')?.textContent.trim() || '',
24588          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
24589          price: card.querySelector('.price')?.textContent.trim() || '',
24590          image: card.querySelector('img')?.src || '',
24591          url: card.querySelector('a[href*="/products/"]')?.href || ''
24592        };
24593        
24594        // Set initial state using global function
24595        const heartIcon = button.querySelector('path');
24596        if (heartIcon) {
24597          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
24598            heartIcon.setAttribute('fill', '#333333');
24599          } else {
24600            heartIcon.setAttribute('fill', 'none');
24601          }
24602        }
24603        
24604        // Add click handler
24605        button.addEventListener('click', function(e) {
24606          e.preventDefault();
24607          e.stopPropagation();
24608          e.stopImmediatePropagation();
24609          toggleWishlistItem(productDetails);
24610        });
24611        
24612        // Prevent navigation on mousedown/touchstart
24613        button.addEventListener('mousedown', function(e) {
24614          e.preventDefault();
24615          e.stopPropagation();
24616        });
24617        
24618        button.addEventListener('touchstart', function(e) {
24619          e.preventDefault();
24620          e.stopPropagation();
24621        });
24622      });
24623    }
24624
24625    // Initialize the wishlist counter on page load
24626    const wishlist = getWishlist();
24627    const totalItems = wishlist.categories.reduce((total, category) => {
24628      return total + category.items.length;
24629    }, 0);
24630    updateWishlistCounters(totalItems);
24631
24632    // Initialize on DOM ready
24633    if (document.readyState === 'loading') {
24634      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
24635    } else {
24636      initCardWishlistButtons();
24637    }
24638
24639    // Reinitialize on Shopify section load
24640    document.addEventListener('shopify:section:load', function() {
24641      setTimeout(initCardWishlistButtons, 100);
24642    });
24643
24644    // Listen for wishlist updates from other parts of the site
24645    document.addEventListener('wishlist:updated', function() {
24646      setTimeout(initCardWishlistButtons, 100);
24647    });
24648  })();
24649</script>
24649
24650
24651<!-- Price info icon styles -->
24652<style>
24653  /* Price container with icon */
24654  .price-container-with-info {
24655    position: relative;
24656    display: flex;
24657    align-items: center;
24658    gap: 8px;
24659  }
24660
24661  /* Info icon - hidden by default, shown on card hover */
24662  .price-info-icon {
24663    position: relative;
24664    display: inline-flex;
24665    align-items: center;
24666    justify-content: center;
24667    color: #666;
24668    cursor: help;
24669    opacity: 0;
24670    transition: opacity 0.3s ease;
24671
24672    padding: 4px; /* Add padding to increase clickable area */
24673    min-width: 20px; /* Ensure minimum clickable area */
24674    min-height: 20px;
24675    z-index: 15; /* Above everything else including compare button */
24676    pointer-events: auto; /* Allow interaction */
24677  }
24678
24679  /* Show icon on card hover */
24680  .card-wrapper:hover .price-info-icon {
24681    opacity: 1;
24682  }
24683
24684  .price-info-icon svg {
24685    width: 14px;
24686    height: 14px;
24687    stroke-width: 1.5;
24688  }
24689
24690  /* Tooltip styles */
24691  .price-info-tooltip {
24692    position: absolute;
24693    bottom: calc(100% + 6px);
24694    top: auto;
24695    left: 0;
24696    transform: none;
24697    min-width: 310px;
24698    background: #FFFFFF;
24699    color: #232323;
24700    border: 1px solid #EEEEEE;
24701    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
24702    padding: 12px 16px;
24703    font-size: 13px;
24704    font-family: 'Montserrat', sans-serif;
24705    z-index: 10000;
24706    opacity: 0;
24707    transition: opacity 0.18s;
24708    white-space: pre-line;
24709    text-align: left;
24710    border-radius: 0;
24711    visibility: hidden;
24712    pointer-events: none;
24713  }
24714
24715  /* Show tooltip on icon hover */
24716  .price-info-icon:hover .price-info-tooltip {
24717    visibility: visible;
24718    opacity: 1;
24719  }
24720
24721  /* Ensure tooltip is never clipped */
24722  .price-container-with-info,
24723  .card-information,
24724  .card__content {
24725    overflow: visible !important;
24726  }
24727
24728  /* Mobile adjustments */
24729  @media screen and (max-width: 768px) {
24730    .price-info-tooltip {
24731      min-width: 200px;
24732      font-size: 12px;
24733      padding: 10px 12px;
24734    }
24735  }
24736</style>
24737
24738                </li>
24739                <li
24740                  class="grid__item"
24741                  
24742                >
24743                  
24744<div class="card-wrapper product-card-wrapper underline-links-hover">
24745
24746    <div
24747      class="
24748        card card--standard
24749         card--media
24750        
24751        
24752        
24753        
24754        
24755      "
24756      style="--ratio-percent: 100.0%;"
24757      data-product-id="9746936529194"
24758      data-description="Ulkotilan pollari, jossa on opaalinvärinen kupu ja E27-pidin LED-valonlähteille."
24759      
24760      data-ip-rate="IP44"
24761      
24762      data-variant-id="52387977068842"
24763      data-price="98.00 EUR"
24764      data-compare-at-price=""
24765      data-available="true"
24766      data-barcode="8595685423852"
24767      data-ip-rate="IP44"
24768      data-lumens=""
24769      data-power-source=""
24770      data-watt="11.0"
24771      data-kelvin=""
24772      data-light-color=""
24773      data-diameter=""
24774      data-weight-netto="1000.0"
24775      data-weight-unit="g"
24776      data-mounting-hole-size=""
24777      data-recess-depth=""
24778      data-suspension-lenght=""
24779      data-turn-angle=""
24780      data-tilt-angle=""
24781      data-switch=""
24782      data-socket="LED E27"
24783      data-light-source-recomended="G13307"
24784      data-height="60"
24785      data-length="8.3"
24786      data-Length=""
24787    >
24788      <div
24789        class="card__inner color-scheme-2 gradient ratio"
24790        style="--ratio-percent: 100.0%;"
24791      >
24792        
24793
24794<div class="ip-rate-badge">
24795            <span>IP44</span>
24796          </div><div class="card__media">
24797            <a class="card__media-link-content" href="/products/clyde-60-bollard-lamp" aria-label="CLYDE POLLARI">
24798              <div class="media media--transparent media--hover-effect">
24799              
24800              <img
24801                class="product-image motion-reduce"
24802                srcset="//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=165 165w,//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=360 360w,//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=533 533w,//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=720 720w,//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=940 940w,//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=1066 1066w,//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426 4899w
24803                "
24804                src="//rendl.fi/cdn/shop/files/r13638-1.jpg?v=1745935426&width=533"
24805                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
24806                alt="RENDL outdoor lamp CLYDE 60 bollard anthracite grey  230V LED E27 11W IP44 R13638 1"
24807                
24808                  loading="lazy"
24809                
24810                width="4899"
24811                height="4899"
24812              >
24813              
24814<img
24815                  class="product-image motion-reduce"
24816                  srcset="//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=165 165w,//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=360 360w,//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=533 533w,//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=720 720w,//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=940 940w,//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=1066 1066w,//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744 3162w
24817                  "
24818                  src="//rendl.fi/cdn/shop/files/r13638-3.jpg?v=1783736744&width=533"
24819                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
24820                  alt=""
24821                  loading="lazy"
24822                  width="3162"
24823                  height="3162"
24824                ></div>
24825            </a>
24826            
24827<div class="card-media-icons"><div class="dimmable-icon">
24828                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Dimmable.svg?v=1753944550" alt="Dimmable" width="14" height="14">
24829                    <div class="dimmable-tooltip">Himmentävä sopivalla valonlähteellä</div>
24830                  </div></div><div class="card-variant-swatches"><a
24831                    class="card-variant-swatch"
24832                    href="/products/clyde-60-bollard-lamp?variant=52387977068842"
24833                    
24834                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
24835                    
24836                    aria-label="tummanharmaa"
24837                  >
24838                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
24839          <div class="card__information">
24840            <h3
24841              class="card__heading"
24842              
24843            >
24844              <a
24845                href="/products/clyde-60-bollard-lamp"
24846                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746936529194"
24847                class="full-unstyled-link"
24848                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746936529194 NoMediaStandardBadge-template--28113427169578__product-grid-9746936529194"
24849              >
24850                CLYDE POLLARI
24851              </a>
24852            </h3>
24853          </div>
24854          <div class="card__badge bottom left"></div>
24855        </div>
24856      </div>
24857      <div class="card__content">
24858        <div class="card__information">
24859          <h3
24860            class="card__heading h5"
24861            
24862              id="title-template--28113427169578__product-grid-9746936529194"
24863            
24864          >
24865            <a
24866              href="/products/clyde-60-bollard-lamp"
24867              id="CardLink-template--28113427169578__product-grid-9746936529194"
24868              class="full-unstyled-link"
24869              aria-labelledby="CardLink-template--28113427169578__product-grid-9746936529194 Badge-template--28113427169578__product-grid-9746936529194"
24870            >
24871              CLYDE POLLARI
24872            </a>
24873          </h3><div class="card__description">
24874              Ulkotilan pollari, jossa on opaalinvärinen kupu ja E27-pidin LED-valonlähteille.
24875            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
24876              
24877<div
24878    class="
24879      price "
24880  >
24881    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
24882          <span class="price-item price-item--regular">
24883            98.00 EUR
24884          </span></div>
24885      <div class="price__sale">
24886          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
24887          <span>
24888            <s class="price-item price-item--regular">
24889              
24890                
24891              
24892            </s>
24893          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
24894        <span class="price-item price-item--sale price-item--last">
24895          98.00 EUR
24896        </span>
24897      </div>
24898      <small class="unit-price caption hidden">
24899        <span class="visually-hidden">Yksikköhinta</span>
24900        <span class="price-item price-item--last">
24901          <span></span>
24902          <span aria-hidden="true">/</span>
24903          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
24904          <span>
24905          </span>
24906        </span>
24907      </small>
24908    </div></div>
24909
24910
24911</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
24912              <button class="compare-button-simple" 
24913                      data-product-id="9746936529194" 
24914                      data-product-title="CLYDE POLLARI"
24915                      data-product-handle="clyde-60-bollard-lamp">
24916                              <span class="compare-button-content">
24917                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
24918                    <span class="compare-text" data-translate="compare">compare</span>
24919                  </span>
24920                <span class="compare-spinner-small">
24921                  <!-- Small spinner for button -->
24922                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
24923                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
24924                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
24925                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
24925inite"/>
24926                    </path>
24927                  </svg>
24928                </span>
24929              </button>
24930              
24931              <!-- Wishlist button next to compare button -->
24932              <button type="button" class="card-wishlist-button" data-wishlist-product="9746936529194">
24933                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
24934                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
24935                </svg>
24936              </button>
24937            </div></div>
24938        </div>
24939        
24940        
24941        
24942          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746936529194" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
24943                    type="hidden"
24944                    name="id"
24945                    value="52387977068842"
24946                    class="product-variant-id"
24947                    
24948                  >
24949                  <button
24950                    id="quick-add-template--28113427169578__product-grid9746936529194-submit"
24951                    type="submit"
24952                    name="add"
24953                    class="quick-add__submit button button--full-width button--secondary"
24954                    aria-haspopup="dialog"
24955                    aria-labelledby="quick-add-template--28113427169578__product-grid9746936529194-submit title-template--28113427169578__product-grid-9746936529194"
24956                    aria-live="polite"
24957                    data-sold-out-message="true"
24958                    
24959                  >
24960                    <span>Lisää ostoskoriin
24961</span>
24962                    <span class="sold-out-message hidden">
24963                      Matkalla
24964                    </span>
24965
24966<div class="loading__spinner hidden">
24967  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
24968
24969</div>
24970</button><input type="hidden" name="product-id" value="9746936529194" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
24971        
24972        <div class="card__badge bottom left"></div>
24973      </div>
24974    </div>
24975  </div>
24975<script>
24976  // Initialize global compare translations only once
24977  if (typeof window.compareButtonTranslations === 'undefined') {
24978    window.compareButtonTranslations = {
24979      compare: {
24980        en: 'compare',
24981        cs: 'porovnat',
24982        sk: 'porovnať',
24983        de: 'vergleichen',
24984        at: 'vergleichen',
24985        ch: 'vergleichen',
24986        fr: 'comparer',
24987        be: 'comparer',
24988        lu: 'comparer',
24989        it: 'confronta',
24990        es: 'comparar',
24991        nl: 'vergelijken',
24992        pl: 'porównaj',
24993        hu: 'összehasonlít',
24994        ro: 'compară',
24995        bg: 'сравни',
24996        hr: 'usporedi',
24997        fi: 'vertaile',
24998        gr: 'σύγκριση',
24999        el: 'σύγκριση',
25000        no: 'sammenlign',
25001        'pt-PT': 'comparar',
25002        sl: 'primerjaj',
25003        sv: 'jämför',
25004        lv: 'salīdzināt',
25005        lt: 'palyginti',
25006        ee: 'võrdle',
25007        dk: 'sammenlign',
25008        gb: 'compare',
25009        uk: 'compare',
25010        ie: 'compare',
25011        us: 'compare',
25012        ca: 'compare',
25013        au: 'compare',
25014        nz: 'compare',
25015        ru: 'сравнить'
25016      },
25017      remove: {
25018        en: 'remove',
25019        cs: 'odebrat',
25020        sk: 'odobrať',
25021        de: 'entfernen',
25022        at: 'entfernen',
25023        ch: 'entfernen',
25024        fr: 'supprimer',
25025        be: 'supprimer',
25026        lu: 'supprimer',
25027        it: 'rimuovi',
25028        es: 'eliminar',
25029        nl: 'verwijderen',
25030        pl: 'usuń',
25031        hu: 'eltávolít',
25032        ro: 'elimină',
25033        bg: 'премахни',
25034        hr: 'ukloni',
25035        fi: 'poista',
25036        gr: 'αφαίρεση',
25037        el: 'αφαίρεση',
25038        no: 'fjern',
25039        'pt-PT': 'remover',
25040        sl: 'odstrani',
25041        sv: 'ta bort',
25042        lv: 'noņemt',
25043        lt: 'pašalinti',
25044        ee: 'eemalda',
25045        dk: 'fjern',
25046        gb: 'remove',
25047        uk: 'remove',
25048        ie: 'remove',
25049        us: 'remove',
25050        ca: 'remove',
25051        au: 'remove',
25052        nz: 'remove',
25053        ru: 'удалить'
25054      },
25055      added: {
25056        en: 'Added!',
25057        cs: 'Přidáno!',
25058        sk: 'Pridané!',
25059        de: 'Hinzugefügt!',
25060        at: 'Hinzugefügt!',
25061        ch: 'Hinzugefügt!',
25062        fr: 'Ajouté!',
25063        be: 'Ajouté!',
25064        lu: 'Ajouté!',
25065        it: 'Aggiunto!',
25066        es: '¡Añadido!',
25067        nl: 'Toegevoegd!',
25068        pl: 'Dodano!',
25069        hu: 'Hozzáadva!',
25070        ro: 'Adăugat!',
25071        bg: 'Добавено!',
25072        hr: 'Dodano!',
25073        fi: 'Lisätty!',
25074        gr: 'Προστέθηκε!',
25075        el: 'Προστέθηκε!',
25076        no: 'Lagt til!',
25077        'pt-PT': 'Adicionado!',
25078        sl: 'Dodano!',
25079        sv: 'Tillagd!',
25080        lv: 'Pievienots!',
25081        lt: 'Pridėta!',
25082        ee: 'Lisatud!',
25083        dk: 'Tilføjet!',
25084        gb: 'Added!',
25085        uk: 'Added!',
25086        ie: 'Added!',
25087        us: 'Added!',
25088        ca: 'Added!',
25089        au: 'Added!',
25090        nz: 'Added!',
25091        ru: 'Добавлено!'
25092      },
25093      removed: {
25094        en: 'Removed!',
25095        cs: 'Odebráno!',
25096        sk: 'Odobrané!',
25097        de: 'Entfernt!',
25098        at: 'Entfernt!',
25099        ch: 'Entfernt!',
25100        fr: 'Supprimé!',
25101        be: 'Supprimé!',
25102        lu: 'Supprimé!',
25103        it: 'Rimosso!',
25104        es: '¡Eliminado!',
25105        nl: 'Verwijderd!',
25106        pl: 'Usunięto!',
25107        hu: 'Eltávolítva!',
25108        ro: 'Eliminat!',
25109        bg: 'Премахнато!',
25110        hr: 'Uklonjeno!',
25111        fi: 'Poistettu!',
25112        gr: 'Αφαιρέθηκε!',
25113        el: 'Αφαιρέθηκε!',
25114        no: 'Fjernet!',
25115        'pt-PT': 'Removido!',
25116        sl: 'Odstranjeno!',
25117        sv: 'Borttaget!',
25118        lv: 'Noņemts!',
25119        lt: 'Pašalinta!',
25120        ee: 'Eemaldatud!',
25121        dk: 'Fjernet!',
25122        gb: 'Removed!',
25123        uk: 'Removed!',
25124        ie: 'Removed!',
25125        us: 'Removed!',
25126        ca: 'Removed!',
25127        au: 'Removed!',
25128        nz: 'Removed!',
25129        ru: 'Удалено!'
25130      }
25131    };
25132
25133    // Tooltip translations for price info
25134    window.tooltipTranslations = {
25135      tooltipPrice: {
25136        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25137        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
25138        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
25139        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
25140        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
25141        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
25142        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
25143        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
25144        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
25145        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
25146        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
25147        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
25148        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
25149        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
25150        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
25151        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
25152        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
25153        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
25154        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
25155        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
25156        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
25157        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
25158        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
25159        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
25160        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
25160iks atskaitīts, ja piemērojams.",
25161        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
25162        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
25163        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
25164        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25165        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25166        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25167        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25168        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25169        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25170        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
25171        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
25172      },
25173      tooltipOutlet: {
25174        en: "We do not provide additional wholesale discounts on outlet products.",
25175        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
25176        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
25177        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
25178        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
25179        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
25180        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
25181        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
25182        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
25183        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
25184        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
25185        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
25186        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
25187        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
25188        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
25189        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
25190        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
25191        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
25192        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
25193        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
25194        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
25195        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
25196        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
25197        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
25198        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
25199        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
25200        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
25201        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
25202        gb: "We do not provide additional wholesale discounts on outlet products.",
25203        uk: "We do not provide additional wholesale discounts on outlet products.",
25204        ie: "We do not provide additional wholesale discounts on outlet products.",
25205        us: "We do not provide additional wholesale discounts on outlet products.",
25206        ca: "We do not provide additional wholesale discounts on outlet products.",
25207        au: "We do not provide additional wholesale discounts on outlet products.",
25208        nz: "We do not provide additional wholesale discounts on outlet products.",
25209        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
25210      }
25211    };
25212
25213    // Get current locale from document
25214    window.currentLocale = document.documentElement.lang || 'en';
25215
25216    // Function to translate compare buttons
25217    window.translateCompareButtons = function() {
25218      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
25219      compareTexts.forEach(function(textEl) {
25220        const button = textEl.closest('.compare-button-simple');
25221        const isInComparison = button && button.hasAttribute('data-in-comparison');
25222        
25223        if (isInComparison) {
25224          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
25225          textEl.textContent = translation;
25226        } else {
25227          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
25228          textEl.textContent = translation;
25229        }
25230      });
25231    };
25232
25233    // Function to format price with space as thousands separator (only for tooltip)
25234    function formatTooltipPrice(price) {
25235      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
25236      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
25237    }
25238
25239    // Function to translate tooltips with price
25240    window.translateTooltips = function() {
25241      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
25242      tooltips.forEach(function(tooltip) {
25243        const icon = tooltip.closest('.price-info-icon');
25244        if (icon) {
25245          const status = icon.getAttribute('data-status');
25246          // Check if this is an outlet product
25247          if (status === 'outlet') {
25248            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
25249            tooltip.textContent = translation;
25250            return; // Exit early for outlet products
25251          }
25252          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
25253          // Get wholesale price from the actual price display on the card
25254          const card = icon.closest('[data-product-id]');
25255          let wholesalePrice = '';
25256          if (card) {
25257            // Find the main price element on the card
25258            const priceElement = card.querySelector('.price .price-item--regular');
25259            if (priceElement) {
25260              wholesalePrice = priceElement.textContent.trim();
25261            }
25262          }
25263          if (retailPrice && wholesalePrice) {
25264            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
25265            let formattedRetailPrice = formatTooltipPrice(retailPrice);
25266            let formattedWholesalePrice = wholesalePrice;
25267            if (window.formatPriceText) {
25268              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
25269            }
25270            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
25271            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
25272            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
25273            tooltip.textContent = translatedText;
25274          }
25275        }
25276      });
25277    };
25278
25279    // Function to update button state based on comparison status
25280    window.updateCompareButtonState = function(productId, isInComparison) {
25281      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
25282      buttons.forEach(function(button) {
25283        const buttonContainer = button.closest('.compare-button-container');
25284        const compareText = button.querySelector('.compare-text');
25285        
25286        if (isInComparison) {
25287          button.setAttribute('data-in-comparison', 'true');
25288          button.classList.add('in-comparison');
25289          buttonContainer.classList.add('in-comparison');
25290          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
25291          compareText.textContent = removeText;
25292        } else {
25293          button.removeAttribute('data-in-comparison');
25294          button.classList.remove('in-comparison');
25295          buttonContainer.classList.remove('in-comparison');
25296          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
25297          compareText.textContent = compareTextTranslation;
25298        }
25299      });
25300    };
25301  }
25302
25303  // Initialize compare button states based on localStorage
25304  window.initializeCompareButtonStates = function() {
25305    if (typeof window.RendlCompare !== 'undefined') {
25306      const compareItems = window.RendlCompare.getItems();
25307      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
25308        const productId = button.getAttribute('data-product-id');
25309        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
25310        window.updateCompareButtonState(productId, isInComparison);
25311      });
25312    }
25313  };
25314
25315  // Compare button UI animation - the actual functionality is handled by compare-system.js
25316  document.addEventListener('DOMContentLoaded', function() {
25317    // Apply translations on page load
25318    if (window.translateCompareButtons) {
25319      window.translateCompareButtons();
25320    }
25321    
25322    // Initialize button states based on comparison data
25323    setTimeout(function() {
25324      if (window.initializeCompareButtonStates) {
25325        window.initializeCompareButtonStates();
25326      }
25327    }, 100); // Small delay to ensure compare system is loaded
25328    
25329    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
25330      // Skip if already has event listener
25331      if (button.hasAttribute('data-compare-initialized')) {
25332        return;
25333      }
25334      button.setAttribute('data-compare-initialized', 'true');
25335      
25336      button.addEventListener('click', function(e) {
25337        var buttonContainer = button.closest('.compare-button-container');
25338        var compareText = button.querySelector('.compare-text');
25339        var isInComparison = button.hasAttribute('data-in-comparison');
25340        var productId = button.getAttribute('data-product-id');
25341        
25342        // Prevent multiple clicks during loading
25343        if (button.classList.contains('loading')) {
25344          return;
25345        }
25346        
25347        // Make button always visible during the process
25348        buttonContainer.classList.add('active');
25349        
25350        // Add loading class to show spinner
25351        button.classList.add('loading');
25352        
25353        // UI feedback timing
25354        setTimeout(function() {
25355          // Remove loading class and show success message
25356          button.classList.remove('loading');
25357          button.classList.add('success');
25358          
25359          if (isInComparison) {
25360            // Removing from comparison
25361            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
25362            
25363            // Update button state after removal
25364            setTimeout(function() {
25365              button.classList.remove('success');
25366              window.updateCompareButtonState(productId, false);
25367              buttonContainer.classList.remove('active');
25368            }, 1500);
25369          } else {
25370            // Adding to comparison
25371            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
25372            
25373            // Update button state after addition
25374            setTimeout(function() {
25375              button.classList.remove('success');
25376              window.updateCompareButtonState(productId, true);
25377              buttonContainer.classList.remove('active');
25378            }, 1500);
25379          }
25380        }, 1200);
25381      });
25382    });
25383
25384    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
25385    setTimeout(function() {
25386      if (window.translateTooltips) {
25387        window.translateTooltips();
25388      }
25389    }, 100);
25390  });
25391
25392  // Ensure compare button states are initialized after RendlCompare is available
25393  document.addEventListener('DOMContentLoaded', function() {
25394    function tryInitCompareButtons() {
25395      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
25396        window.initializeCompareButtonStates();
25397      } else {
25398        setTimeout(tryInitCompareButtons, 100);
25399      }
25400    }
25401    tryInitCompareButtons();
25402  });
25403
25404  // Self-contained wishlist functionality for card-product
25405  (function() {
25406    // Wishlist translations
25407    var wishlistTranslations = {
25408      'en': {
25409        addToWishlist: 'Add to My Favorites',
25410        createCategory: 'Create new category:',
25411        categoryPlaceholder: 'Category name',
25412        createAndAdd: 'Create & Add Item',
25413        alreadyAdded: '(Already added)',
25414        addedToWishlist: 'added to My Favorites',
25415        removedFromWishlist: 'removed from My Favorites',
25416        allFavorites: 'All Favorites'
25417      },
25418      'cs': {
25419        addToWishlist: 'Přidat do oblíbených',
25420        createCategory: 'Vytvořit novou skupinu:',
25421        categoryPlaceholder: 'Název nové skupiny',
25422        createAndAdd: 'Vytvořit a přidat skupinu',
25423        alreadyAdded: '(Již přidáno)',
25424        addedToWishlist: 'přidáno do oblíbených',
25425        removedFromWishlist: 'odebráno z oblíbených',
25426        allFavorites: 'Všechny oblíbené'
25427      },
25428      'sk': {
25429        addToWishlist: 'Pridať do obľúbených',
25430        createCategory: 'Vytvoriť novú kategóriu:',
25431        categoryPlaceholder: 'Názov kategórie',
25432        createAndAdd: 'Vytvoriť a pridať položku',
25433        alreadyAdded: '(Už pridané)',
25434        addedToWishlist: 'pridané do obľúbených',
25435        removedFromWishlist: 'odstránené z obľúbených',
25436        allFavorites: 'Všetky obľúbené'
25437      },
25438      'de': {
25439        addToWishlist: 'Zu meinen Favoriten hinzufügen',
25440        createCategory: 'Neue Kategorie erstellen:',
25441        categoryPlaceholder: 'Kategoriename',
25442        createAndAdd: 'Erstellen & hinzufügen',
25443        alreadyAdded: '(Bereits hinzugefügt)',
25444        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
25445        removedFromWishlist: 'aus meinen Favoriten entfernt',
25446        allFavorites: 'Alle Favoriten'
25447      },
25448      'fr': {
25449        addToWishlist: 'Ajouter à mes favoris',
25450        createCategory: 'Créer une nouvelle catégorie :',
25451        categoryPlaceholder: 'Nom de la catégorie',
25452        createAndAdd: 'Créer et ajouter',
25453        alreadyAdded: '(Déjà ajouté)',
25454        addedToWishlist: 'ajouté à mes favoris',
25455        removedFromWishlist: 'retiré de mes favoris',
25456        allFavorites: 'Tous les favoris'
25457      },
25458      'it': {
25459        addToWishlist: 'Aggiungi ai preferiti',
25460        createCategory: 'Crea nuova categoria:',
25461        categoryPlaceholder: 'Nome categoria',
25462        createAndAdd: 'Crea e aggiungi',
25463        alreadyAdded: '(Già aggiunto)',
25464        addedToWishlist: 'aggiunto ai preferiti',
25465        removedFromWishlist: 'rimosso dai preferiti',
25466        allFavorites: 'Tutti i preferiti'
25467      },
25468      'es': {
25469        addToWishlist: 'Añadir a mis favoritos',
25470        createCategory: 'Crear nueva categoría:',
25471        categoryPlaceholder: 'Nombre de la categoría',
25472        createAndAdd: 'Crear y añadir',
25473        alreadyAdded: '(Ya añadido)',
25474        addedToWishlist: 'añadido a mis favoritos',
25475        removedFromWishlist: 'eliminado de mis favoritos',
25476        allFavorites: 'Todos los favoritos'
25477      },
25478      'nl': {
25479        addToWishlist: 'Toevoegen aan mijn favorieten',
25480        createCategory: 'Nieuwe categorie aanmaken:',
25481        categoryPlaceholder: 'Categorienaam',
25482        createAndAdd: 'Aanmaken & toevoegen',
25483        alreadyAdded: '(Al toegevoegd)',
25484        addedToWishlist: 'toegevoegd aan mijn favorieten',
25485        removedFromWishlist: 'verwijderd uit mijn favorieten',
25486        allFavorites: 'Alle favorieten'
25487      },
25488      'pl': {
25489        addToWishlist: 'Dodaj do ulubionych',
25490        createCategory: 'Utwórz nową kategorię:',
25491        categoryPlaceholder: 'Nazwa kategorii',
25492        createAndAdd: 'Utwórz i dodaj',
25493        alreadyAdded: '(Już dodane)',
25494        addedToWishlist: 'dodano do ulubionych',
25495        removedFromWishlist: 'usunięto z ulubionych',
25496        allFavorites: 'Wszystkie ulubione'
25497      },
25498      'hu': {
25499        addToWishlist: 'Hozzáadás a kedvencekhez',
25500        createCategory: 'Új kategória létrehozása:',
25501        categoryPlaceholder: 'Kategória neve',
25502        createAndAdd: 'Létrehozás és hozzáadás',
25503        alreadyAdded: '(Már hozzáadva)',
25504        addedToWishlist: 'hozzáadva a kedvencekhez',
25505        removedFromWishlist: 'eltávolítva a kedvencekből',
25506        allFavorites: 'Minden kedvenc'
25507      },
25508      'ro': {
25509        addToWishlist: 'Adaugă la favorite',
25510        createCategory: 'Creează o nouă categorie:',
25511        categoryPlaceholder: 'Nume categorie',
25512        createAndAdd: 'Creează și adaugă',
25513        alreadyAdded: '(Deja adăugat)',
25514        addedToWishlist: 'adăugat la favorite',
25515        removedFromWishlist: 'eliminat din favorite',
25516        allFavorites: 'Toate preferințele'
25517      },
25518      'bg': {
25519        addToWishlist: 'Добави в любими',
25520        createCategory: 'Създай нова категория:',
25521        categoryPlaceholder: 'Име на категория',
25522        createAndAdd: 'Създай и добави',
25523        alreadyAdded: '(Вече добавено)',
25524        addedToWishlist: 'добавено в любими',
25525        removedFromWishlist: 'премахнато от любими',
25526        allFavorites: 'Всички любими'
25527      },
25528      'hr': {
25529        addToWishlist: 'Dodaj u favorite',
25530        createCategory: 'Kreiraj novu kategoriju:',
25531        categoryPlaceholder: 'Naziv kategorije',
25532        createAndAdd: 'Kreiraj i dodaj',
25533        alreadyAdded: '(Već dodano)',
25534        addedToWishlist: 'dodano u favorite',
25535        removedFromWishlist: 'uklonjeno iz favorita',
25536        allFavorites: 'Sva omiljena'
25537      },
25538      'fi': {
25539        addToWishlist: 'Lisää suosikkeihin',
25540        createCategory: 'Luo uusi kategoria:',
25541        categoryPlaceholder: 'Kategorian nimi',
25542        createAndAdd: 'Luo ja lisää',
25543        alreadyAdded: '(Jo lisätty)',
25544        addedToWishlist: 'lisätty suosikkeihin',
25545        removedFromWishlist: 'poistettu suosikeista',
25546        allFavorites: 'Kaikki suosikit'
25547      },
25548      'gr': {
25549        addToWishlist: 'Προσθήκη στα αγαπημένα',
25550        createCategory: 'Δημιουργία νέας κατηγορίας:',
25551        categoryPlaceholder: 'Όνομα κατηγορίας',
25552        createAndAdd: 'Δημιουργία & προσθήκη',
25553        alreadyAdded: '(Ήδη προστέθηκε)',
25554        addedToWishlist: 'προστέθηκε στα αγαπημένα',
25555        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
25556        allFavorites: 'Όλα τα αγαπημένα'
25557      },
25558      'no': {
25559        addToWishlist: 'Legg til i favoritter',
25560        createCategory: 'Opprett ny kategori:',
25561        categoryPlaceholder: 'Kategorinavn',
25562        createAndAdd: 'Opprett og legg til',
25563        alreadyAdded: '(Allerede lagt til)',
25564        addedToWishlist: 'lagt til i favoritter',
25565        removedFromWishlist: 'fjernet fra favoritter',
25566        allFavorites: 'Alle favoritter'
25567      },
25568      'pt-PT': {
25569        addToWishlist: 'Adicionar aos favoritos',
25570        createCategory: 'Criar nova categoria:',
25571        categoryPlaceholder: 'Nome da categoria',
25572        createAndAdd: 'Criar e adicionar',
25573        alreadyAdded: '(Já adicionado)',
25574        addedToWishlist: 'adicionado aos favoritos',
25575        removedFromWishlist: 'removido dos favoritos',
25576        allFavorites: 'Todos os favoritos'
25577      },
25578      'sl': {
25579        addToWishlist: 'Dodaj med priljubljene',
25580        createCategory: 'Ustvari novo kategorijo:',
25581        categoryPlaceholder: 'Ime kategorije',
25582        createAndAdd: 'Ustvari in dodaj',
25583        alreadyAdded: '(Že dodano)',
25584        addedToWishlist: 'dodano med priljubljene',
25585        removedFromWishlist: 'odstranjeno iz priljubljenih',
25586        allFavorites: 'Vsi priljubljeni'
25587      },
25588      'sv': {
25589        addToWishlist: 'Lägg till i favoriter',
25590        createCategory: 'Skapa ny kategori:',
25591        categoryPlaceholder: 'Kategorinamn',
25592        createAndAdd: 'Skapa och lägg till',
25593        alreadyAdded: '(Redan tillagd)',
25594        addedToWishlist: 'tillagd i favoriter',
25595        removedFromWishlist: 'borttagen från favoriter',
25596        allFavorites: 'Alla favoriter'
25597      },
25598      'lv': {
25599        addToWishlist: 'Pievienot favorītiem',
25600        createCategory: 'Izveidot jaunu kategoriju:',
25601        categoryPlaceholder: 'Kategorijas nosaukums',
25602        createAndAdd: 'Izveidot un pievienot',
25603        alreadyAdded: '(Jau pievienots)',
25604        addedToWishlist: 'pievienots favorītiem',
25605        removedFromWishlist: 'noņemts no favorītiem',
25606        allFavorites: 'Visas favorītus'
25607      },
25608      'lt': {
25609        addToWishlist: 'Pridėti į mėgstamiausius',
25610        createCategory: 'Sukurti naują kategoriją:',
25611        categoryPlaceholder: 'Kategorijos pavadinimas',
25612        createAndAdd: 'Sukurti ir pridėti',
25613        alreadyAdded: '(Jau pridėta)',
25614        addedToWishlist: 'pridėta į mėgstamiausius',
25615        removedFromWishlist: 'pašalinta iš mėgstamiausių',
25616        allFavorites: 'Visos mėgstamiausios'
25617      },
25618      'ee': {
25619        addToWishlist: 'Lisa lemmikutesse',
25620        createCategory: 'Loo uus kategooria:',
25621        categoryPlaceholder: 'Kategooria nimi',
25622        createAndAdd: 'Loo ja lisa',
25623        alreadyAdded: '(Juba lisatud)',
25624        addedToWishlist: 'lisatud lemmikutesse',
25625        removedFromWishlist: 'eemaldatud lemmikutest',
25626        allFavorites: 'Kõik lemmikud'
25627      },
25628      'dk': {
25629        addToWishlist: 'Tilføj til favoritter',
25630        createCategory: 'Opret ny kategori:',
25631        categoryPlaceholder: 'Kategorinavn',
25632        createAndAdd: 'Opret og tilføj',
25633        alreadyAdded: '(Allerede tilføjet)',
25634        addedToWishlist: 'tilføjet til favoritter',
25635        removedFromWishlist: 'fjernet fra favoritter',
25636        allFavorites: 'Alle favoritter'
25637      }
25638    };
25639
25640    function getWishlistLang() {
25641      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
25642      // Normalize for region codes (e.g., pt-PT, sl)
25643      if (lang.startsWith('pt-PT')) return 'pt-PT';
25644      if (lang.startsWith('sl')) return 'sl';
25645      if (lang.startsWith('cs')) return 'cs';
25646      if (lang.startsWith('sk')) return 'sk';
25647      if (lang.startsWith('de')) return 'de';
25648      if (lang.startsWith('fr')) return 'fr';
25649      if (lang.startsWith('it')) return 'it';
25650      if (lang.startsWith('es')) return 'es';
25651      if (lang.startsWith('nl')) return 'nl';
25652      if (lang.startsWith('pl')) return 'pl';
25653      if (lang.startsWith('hu')) return 'hu';
25654      if (lang.startsWith('ro')) return 'ro';
25655      if (lang.startsWith('bg')) return 'bg';
25656      if (lang.startsWith('hr')) return 'hr';
25657      if (lang.startsWith('fi')) return 'fi';
25658      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
25659      if (lang.startsWith('no')) return 'no';
25660      if (lang.startsWith('sv')) return 'sv';
25661      if (lang.startsWith('lv')) return 'lv';
25662      if (lang.startsWith('lt')) return 'lt';
25663      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
25664      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
25665      return 'en';
25666    }
25667
25668    // Get or initialize the wishlist array in localStorage
25669    function getWishlist() {
25670      const wishlistJSON = localStorage.getItem('rendl_wishlist');
25671      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
25672        categories: [
25673          {
25674            id: 'all-favorites',
25675            name: 'All Favorites',
25676            items: []
25677          }
25678        ],
25679        version: 2
25680      };
25681      
25682      // Handle migration from old format (array of items) to new format (categories)
25683      if (Array.isArray(wishlist)) {
25684        return {
25685          categories: [
25686            {
25687              id: 'all-favorites',
25688              name: 'All Favorites',
25689              items: wishlist
25690            }
25691          ],
25692          version: 2
25693        };
25694      }
25695      
25696      return wishlist;
25697    }
25698    
25699    // Save wishlist to localStorage
25700    function saveWishlist(wishlist) {
25701      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
25702      // Dispatch an event so other parts of the site can react to wishlist changes
25703      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
25704        detail: { wishlist: wishlist } 
25705      }));
25706      
25707      // Count total items across all categories
25708      const totalItems = wishlist.categories.reduce((total, category) => {
25709        return total + category.items.length;
25710      }, 0);
25711      
25712      // Update all wishlist counters
25713      updateWishlistCounters(totalItems);
25714    }
25715    
25716    // Update all wishlist counters on the page
25717    function updateWishlistCounters(count) {
25718      const counters = document.querySelectorAll('.wishlist-count');
25719      counters.forEach(counter => {
25720        counter.textContent = count;
25721        
25722        // If the counter is hidden and count > 0, show it
25723        if (count > 0 && counter.hasAttribute('hidden')) {
25724          counter.removeAttribute('hidden');
25725        }
25726        // If the counter is visible and count = 0, hide it
25727        else if (count === 0 && !counter.hasAttribute('hidden')) {
25728          counter.setAttribute('hidden', 'true');
25729        }
25730      });
25731    }
25732    
25733    // Check if a product is in the wishlist (in any category)
25734    function isInWishlist(productId) {
25735      const wishlist = getWishlist();
25736      return wishlist.categories.some(category => 
25737        category.items.some(item => item.id === productId)
25738      );
25739    }
25740    
25741    // Get all categories
25742    function getCategories() {
25743      return getWishlist().categories;
25744    }
25745    
25746    // Create a new category
25747    function createCategory(name) {
25748      const wishlist = getWishlist();
25749      const categoryId = 'category-' + Date.now();
25750      
25751      wishlist.categories.push({
25752        id: categoryId,
25753        name: name,
25754        items: []
25755      });
25756      
25757      saveWishlist(wishlist);
25758      return categoryId;
25759    }
25760    
25761    // Add a product to a specific category
25762    function addToCategory(product, categoryId) {
25763      const wishlist = getWishlist();
25764      const category = wishlist.categories.find(cat => cat.id === categoryId);
25765      
25766      if (!category) return false;
25767      
25768      // Check if product already exists in ANY category (not just this one)
25769      if (isInWishlist(product.id)) {
25770        return false; // Product already in wishlist
25771      }
25772      
25773      // Add product to category
25774      category.items.push(product);
25775      saveWishlist(wishlist);
25776      
25777      // Dispatch event for global sync
25778      document.dispatchEvent(new CustomEvent('wishlist:updated', {
25779        detail: { productId: product.id, added: true }
25780      }));
25781      
25782      return true;
25783    }
25784    
25785    // Add a product to the default "All Favorites" category
25786    function addToWishlist(product) {
25787      return addToCategory(product, 'all-favorites');
25788    }
25789    
25790    // Remove a product from all categories
25791    function removeFromWishlist(productId) {
25792      const wishlist = getWishlist();
25793      let removed = false;
25794      
25795      wishlist.categories.forEach(category => {
25796        const initialLength = category.items.length;
25797        category.items = category.items.filter(item => item.id !== productId);
25798        if (category.items.length !== initialLength) {
25799          removed = true;
25800        }
25801      });
25802      
25803      if (removed) {
25804        saveWishlist(wishlist);
25805      }
25806      
25807      return removed;
25808    }
25809    
25810    // Toggle a product in the wishlist
25811    function toggleWishlistItem(product) {
25812      if (isInWishlist(product.id)) {
25813        // If already in wishlist, remove it
25814        const wasRemoved = removeFromWishlist(product.id);
25815        
25816        // Update heart icon if the product was successfully removed
25817        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
25818        if (heartIcon && wasRemoved) {
25819          heartIcon.setAttribute('fill', 'none');
25820          showWishlistToast(false, product.title);
25821          
25822          // Dispatch event for global sync
25823          document.dispatchEvent(new CustomEvent('wishlist:updated', {
25824            detail: { productId: product.id, added: false }
25825          }));
25826        }
25827        return wasRemoved;
25828      } else {
25829        // If not in wishlist, show category selection popup
25830        showCategorySelectionPopup(product);
25831        return false; // Don't return true unless we actually add the product
25832      }
25833    }
25834    
25835    // Show wishlist category selection popup
25836    function showCategorySelectionPopup(product) {
25837      // Remove any existing popup
25838      const existingPopup = document.getElementById('wishlist-category-popup');
25839      if (existingPopup) {
25840        existingPopup.remove();
25841      }
25842
25843      const lang = getWishlistLang();
25844      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
25845
25846      // Create popup container
25847      const popup = document.createElement('div');
25848      popup.id = 'wishlist-category-popup';
25849      popup.className = 'wishlist-category-popup';
25850
25851      // Create popup content
25852      const content = document.createElement('div');
25853      content.className = 'wishlist-category-popup-content';
25854
25855      // Create header
25856      const title = document.createElement('h2');
25857      title.textContent = translations.addToWishlist; // Translate
25858
25859      const closeButton = document.createElement('button');
25860      closeButton.className = 'wishlist-category-popup-close';
25861      closeButton.setAttribute('aria-label', 'Close');
25862      closeButton.addEventListener('click', () => {
25863        popup.remove();
25864      });
25865      
25866      // Create category list
25867      const categoryList = document.createElement('div');
25868      categoryList.className = 'wishlist-category-list';
25869      
25870      // Get categories
25871      const categories = getCategories();
25872      
25873      // Add category options
25874      categories.forEach(category => {
25875        const categoryOption = document.createElement('div');
25876        categoryOption.className = 'wishlist-category-option';
25877        
25878        // Use translation for default category name
25879        categoryOption.textContent = category.id === 'all-favorites'
25880          ? (translations.allFavorites || category.name)
25881          : category.name;
25882
25883        // Highlight if product already in this category
25884        if (category.items.some(item => item.id === product.id)) {
25885          categoryOption.style.backgroundColor = '#f0f0f0';
25886          categoryOption.style.color = '#999';
25887          categoryOption.style.fontStyle = 'italic';
25888          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
25889          categoryOption.style.cursor = 'default';
25890        } else {
25891          categoryOption.addEventListener('click', () => {
25892            const wasAdded = addToCategory(product, category.id);
25893            
25894            if (wasAdded) {
25895              // Update heart icon after successful addition
25896              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
25897              if (heartIcon) {
25898                heartIcon.setAttribute('fill', '#333333');
25899              }
25900              
25901              showWishlistToast(true, product.title);
25902              popup.remove();
25903            }
25904          });
25905        }
25906        
25907        categoryList.appendChild(categoryOption);
25908      });
25909      
25910      // Create "add new category" section
25911      const newCategorySection = document.createElement('div');
25912      newCategorySection.style.borderTop = '1px solid #eee';
25913      newCategorySection.style.paddingTop = '15px';
25914      newCategorySection.style.marginTop = '10px';
25915      
25916      const newCategoryLabel = document.createElement('label');
25917      newCategoryLabel.textContent = translations.createCategory; // Translate
25918
25919      const newCategoryInput = document.createElement('input');
25920      newCategoryInput.type = 'text';
25921      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
25922
25923      const createButton = document.createElement('button');
25924      createButton.className = 'create-category-button';
25925      createButton.textContent = translations.createAndAdd; // Translate
25926
25927      createButton.addEventListener('click', () => {
25928        const categoryName = newCategoryInput.value.trim();
25929        if (categoryName) {
25930          const categoryId = createCategory(categoryName);
25931          const wasAdded = addToCategory(product, categoryId);
25932          
25933          if (wasAdded) {
25934            // Update heart icon after successful addition
25935            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
25936            if (heartIcon) {
25937              heartIcon.setAttribute('fill', '#333333');
25938            }
25939            
25940            showWishlistToast(true, product.title);
25941            popup.remove();
25942          }
25943        }
25944      });
25945      
25946      newCategorySection.appendChild(newCategoryLabel);
25947      newCategorySection.appendChild(newCategoryInput);
25948      newCategorySection.appendChild(createButton);
25949      
25950      // Assemble popup
25951      content.appendChild(title);
25952      content.appendChild(closeButton);
25953      content.appendChild(categoryList);
25954      content.appendChild(newCategorySection);
25955      popup.appendChild(content);
25956      
25957      // Add to document
25958      document.body.appendChild(popup);
25959      
25960      // Focus the input
25961      setTimeout(() => {
25962        newCategoryInput.focus();
25963      }, 100);
25964      
25965      // Close when clicking outside content
25966      popup.addEventListener('click', (e) => {
25967        if (e.target === popup) {
25968          popup.remove();
25969        }
25970      });
25971    }
25972    
25973    // Show a toast notification
25974    function showWishlistToast(added, productTitle) {
25975      // Create or get toast container
25976      let toastContainer = document.getElementById('wishlist-toast');
25977      if (!toastContainer) {
25978        toastContainer = document.createElement('div');
25979        toastContainer.id = 'wishlist-toast';
25980        toastContainer.style.position = 'fixed';
25981        toastContainer.style.bottom = '20px';
25982        toastContainer.style.right = '20px';
25983        toastContainer.style.zIndex = '9999';
25984        document.body.appendChild(toastContainer);
25985      }
25986      
25987      // Create toast
25988      const toast = document.createElement('div');
25989      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
25990      toast.style.color = 'white';
25991      toast.style.padding = '12px 20px';
25992      toast.style.borderRadius = '0';
25993      toast.style.marginTop = '10px';
25994      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
25995      toast.style.transition = 'all 0.3s ease';
25996      toast.style.opacity = '0';
25997      toast.style.fontFamily = 'Montserrat, sans-serif';
25998      
25999      // Choose text based on action
26000      const lang = getWishlistLang();
26001      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
26002      toast.textContent = added
26003        ? `${productTitle} ${translations.addedToWishlist}` // Translate
26004        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
26005      
26006      // Add to container
26007      toastContainer.appendChild(toast);
26008      
26009      // Animate in
26010      setTimeout(() => {
26011        toast.style.opacity = '1';
26012      }, 10);
26013      
26014      // Animate out and remove
26015      setTimeout(() => {
26016        toast.style.opacity = '0';
26017        setTimeout(() => {
26018          toastContainer.removeChild(toast);
26019        }, 300);
26020      }, 3000);
26021    }
26022
26023    // Initialize wishlist buttons
26024    function initCardWishlistButtons() {
26025      const wishlistButtons = document.querySelectorAll('.card-wis
26025hlist-button');
26026      
26027      wishlistButtons.forEach(button => {
26028        // Skip if already initialized
26029        if (button.dataset.initializedWishlist === 'true') return;
26030        button.dataset.initializedWishlist = 'true';
26031        
26032        const productId = button.getAttribute('data-wishlist-product');
26033        if (!productId) return;
26034        
26035        // Get product details from the card
26036        const card = button.closest('.card-wrapper');
26037        const productDetails = {
26038          id: productId,
26039          title: card.querySelector('.card__heading')?.textContent.trim() || '',
26040          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
26041          price: card.querySelector('.price')?.textContent.trim() || '',
26042          image: card.querySelector('img')?.src || '',
26043          url: card.querySelector('a[href*="/products/"]')?.href || ''
26044        };
26045        
26046        // Set initial state using global function
26047        const heartIcon = button.querySelector('path');
26048        if (heartIcon) {
26049          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
26050            heartIcon.setAttribute('fill', '#333333');
26051          } else {
26052            heartIcon.setAttribute('fill', 'none');
26053          }
26054        }
26055        
26056        // Add click handler
26057        button.addEventListener('click', function(e) {
26058          e.preventDefault();
26059          e.stopPropagation();
26060          e.stopImmediatePropagation();
26061          toggleWishlistItem(productDetails);
26062        });
26063        
26064        // Prevent navigation on mousedown/touchstart
26065        button.addEventListener('mousedown', function(e) {
26066          e.preventDefault();
26067          e.stopPropagation();
26068        });
26069        
26070        button.addEventListener('touchstart', function(e) {
26071          e.preventDefault();
26072          e.stopPropagation();
26073        });
26074      });
26075    }
26076
26077    // Initialize the wishlist counter on page load
26078    const wishlist = getWishlist();
26079    const totalItems = wishlist.categories.reduce((total, category) => {
26080      return total + category.items.length;
26081    }, 0);
26082    updateWishlistCounters(totalItems);
26083
26084    // Initialize on DOM ready
26085    if (document.readyState === 'loading') {
26086      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
26087    } else {
26088      initCardWishlistButtons();
26089    }
26090
26091    // Reinitialize on Shopify section load
26092    document.addEventListener('shopify:section:load', function() {
26093      setTimeout(initCardWishlistButtons, 100);
26094    });
26095
26096    // Listen for wishlist updates from other parts of the site
26097    document.addEventListener('wishlist:updated', function() {
26098      setTimeout(initCardWishlistButtons, 100);
26099    });
26100  })();
26101</script>
26101
26102
26103<!-- Price info icon styles -->
26104<style>
26105  /* Price container with icon */
26106  .price-container-with-info {
26107    position: relative;
26108    display: flex;
26109    align-items: center;
26110    gap: 8px;
26111  }
26112
26113  /* Info icon - hidden by default, shown on card hover */
26114  .price-info-icon {
26115    position: relative;
26116    display: inline-flex;
26117    align-items: center;
26118    justify-content: center;
26119    color: #666;
26120    cursor: help;
26121    opacity: 0;
26122    transition: opacity 0.3s ease;
26123
26124    padding: 4px; /* Add padding to increase clickable area */
26125    min-width: 20px; /* Ensure minimum clickable area */
26126    min-height: 20px;
26127    z-index: 15; /* Above everything else including compare button */
26128    pointer-events: auto; /* Allow interaction */
26129  }
26130
26131  /* Show icon on card hover */
26132  .card-wrapper:hover .price-info-icon {
26133    opacity: 1;
26134  }
26135
26136  .price-info-icon svg {
26137    width: 14px;
26138    height: 14px;
26139    stroke-width: 1.5;
26140  }
26141
26142  /* Tooltip styles */
26143  .price-info-tooltip {
26144    position: absolute;
26145    bottom: calc(100% + 6px);
26146    top: auto;
26147    left: 0;
26148    transform: none;
26149    min-width: 310px;
26150    background: #FFFFFF;
26151    color: #232323;
26152    border: 1px solid #EEEEEE;
26153    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
26154    padding: 12px 16px;
26155    font-size: 13px;
26156    font-family: 'Montserrat', sans-serif;
26157    z-index: 10000;
26158    opacity: 0;
26159    transition: opacity 0.18s;
26160    white-space: pre-line;
26161    text-align: left;
26162    border-radius: 0;
26163    visibility: hidden;
26164    pointer-events: none;
26165  }
26166
26167  /* Show tooltip on icon hover */
26168  .price-info-icon:hover .price-info-tooltip {
26169    visibility: visible;
26170    opacity: 1;
26171  }
26172
26173  /* Ensure tooltip is never clipped */
26174  .price-container-with-info,
26175  .card-information,
26176  .card__content {
26177    overflow: visible !important;
26178  }
26179
26180  /* Mobile adjustments */
26181  @media screen and (max-width: 768px) {
26182    .price-info-tooltip {
26183      min-width: 200px;
26184      font-size: 12px;
26185      padding: 10px 12px;
26186    }
26187  }
26188</style>
26189
26190                </li>
26191                <li
26192                  class="grid__item"
26193                  
26194                >
26195                  
26196<div class="card-wrapper product-card-wrapper underline-links-hover">
26197
26198    <div
26199      class="
26200        card card--standard
26201         card--media
26202        
26203        
26204        
26205        
26206        
26207      "
26208      style="--ratio-percent: 100.0%;"
26209      data-product-id="9785195528490"
26210      data-description="Ulko käytettävä pylväs, jossa on meripihkanväristä lasia tunnelmavalaistukseen, suunniteltu E27-kantaisille LED-lampuille."
26211      data-status-in-sortiment="NEW"
26212      data-ip-rate="IP54"
26213      
26214      data-variant-id="52388219093290"
26215      data-price="158.00 EUR"
26216      data-compare-at-price=""
26217      data-available="true"
26218      data-barcode="8595685432342"
26219      data-ip-rate="IP54"
26220      data-lumens=""
26221      data-power-source=""
26222      data-watt="11.0"
26223      data-kelvin=""
26224      data-light-color=""
26225      data-diameter="11.0"
26226      data-weight-netto="1580.0"
26227      data-weight-unit="g"
26228      data-mounting-hole-size=""
26229      data-recess-depth=""
26230      data-suspension-lenght=""
26231      data-turn-angle=""
26232      data-tilt-angle=""
26233      data-switch=""
26234      data-socket="LED E27"
26235      data-light-source-recomended="G13309"
26236      data-height="60"
26237      data-length=""
26238      data-Length=""
26239    >
26240      <div
26241        class="card__inner color-scheme-2 gradient ratio"
26242        style="--ratio-percent: 100.0%;"
26243      >
26244        
26245<div class="product-status-badge status-NEW">
26246            <span>NEW</span>
26247          </div>
26248<div class="ip-rate-badge">
26249            <span>IP54</span>
26250          </div><div class="card__media">
26251            <a class="card__media-link-content" href="/products/quinn-60" aria-label="QUINN 60">
26252              <div class="media media--transparent media--hover-effect">
26253              
26254              <img
26255                class="product-image motion-reduce"
26256                srcset="//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=165 165w,//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=360 360w,//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=533 533w,//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=720 720w,//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=940 940w,//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=1066 1066w,//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938 3162w
26257                "
26258                src="//rendl.fi/cdn/shop/files/r14497-1.jpg?v=1749172938&width=533"
26259                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
26260                alt="RENDL outdoor lamp QUINN 60 floor black amber-colored glass 230V LED E27 11W IP54 R14497 1"
26261                
26262                  loading="lazy"
26263                
26264                width="3162"
26265                height="3162"
26266              >
26267              
26268<img
26269                  class="product-image motion-reduce"
26270                  srcset="//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=165 165w,//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=360 360w,//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=533 533w,//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=720 720w,//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=940 940w,//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=1066 1066w,//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938 3162w
26271                  "
26272                  src="//rendl.fi/cdn/shop/files/r14497-2.jpg?v=1749172938&width=533"
26273                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
26274                  alt=""
26275                  loading="lazy"
26276                  width="3162"
26277                  height="3162"
26278                ></div>
26279            </a>
26280            
26281<div class="card-variant-swatches"><a
26282                    class="card-variant-swatch"
26283                    href="/products/quinn-60?variant=52388219093290"
26284                    
26285                      style="background-image: url('//rendl.fi/cdn/shop/files/88_black-ambercolored-glass.jpg?v=1739538420&width=64');"
26286                    
26287                    aria-label="musta / ravfarvet glas"
26288                  >
26289                    <span class="card-variant-swatch-tooltip">musta / ravfarvet glas</span></a></div></div><div class="card__content">
26290          <div class="card__information">
26291            <h3
26292              class="card__heading"
26293              
26294            >
26295              <a
26296                href="/products/quinn-60"
26297                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9785195528490"
26298                class="full-unstyled-link"
26299                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9785195528490 NoMediaStandardBadge-template--28113427169578__product-grid-9785195528490"
26300              >
26301                QUINN 60
26302              </a>
26303            </h3>
26304          </div>
26305          <div class="card__badge bottom left"></div>
26306        </div>
26307      </div>
26308      <div class="card__content">
26309        <div class="card__information">
26310          <h3
26311            class="card__heading h5"
26312            
26313              id="title-template--28113427169578__product-grid-9785195528490"
26314            
26315          >
26316            <a
26317              href="/products/quinn-60"
26318              id="CardLink-template--28113427169578__product-grid-9785195528490"
26319              class="full-unstyled-link"
26320              aria-labelledby="CardLink-template--28113427169578__product-grid-9785195528490 Badge-template--28113427169578__product-grid-9785195528490"
26321            >
26322              QUINN 60
26323            </a>
26324          </h3><div class="card__description">
26325              Ulko käytettävä pylväs, jossa on meripihkanväristä lasia tunnelmavalaistukseen, suunniteltu E27-kantaisille LED-lampuille.
26326            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
26327              
26328<div
26329    class="
26330      price "
26331  >
26332    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
26333          <span class="price-item price-item--regular">
26334            158.00 EUR
26335          </span></div>
26336      <div class="price__sale">
26337          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
26338          <span>
26339            <s class="price-item price-item--regular">
26340              
26341                
26342              
26343            </s>
26344          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
26345        <span class="price-item price-item--sale price-item--last">
26346          158.00 EUR
26347        </span>
26348      </div>
26349      <small class="unit-price caption hidden">
26350        <span class="visually-hidden">Yksikköhinta</span>
26351        <span class="price-item price-item--last">
26352          <span></span>
26353          <span aria-hidden="true">/</span>
26354          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
26355          <span>
26356          </span>
26357        </span>
26358      </small>
26359    </div></div>
26360
26361
26362</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
26363              <button class="compare-button-simple" 
26364                      data-product-id="9785195528490" 
26365                      data-product-title="QUINN 60"
26366                      data-product-handle="quinn-60">
26367                              <span class="compare-button-content">
26368                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
26369                    <span class="compare-text" data-translate="compare">compare</span>
26370                  </span>
26371                <span class="compare-spinner-small">
26372                  <!-- Small spinner for button -->
26373                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
26374                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
26375                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
26376                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
26376inite"/>
26377                    </path>
26378                  </svg>
26379                </span>
26380              </button>
26381              
26382              <!-- Wishlist button next to compare button -->
26383              <button type="button" class="card-wishlist-button" data-wishlist-product="9785195528490">
26384                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26385                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
26386                </svg>
26387              </button>
26388            </div></div>
26389        </div>
26390        
26391        
26392        
26393          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9785195528490" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
26394                    type="hidden"
26395                    name="id"
26396                    value="52388219093290"
26397                    class="product-variant-id"
26398                    
26399                  >
26400                  <button
26401                    id="quick-add-template--28113427169578__product-grid9785195528490-submit"
26402                    type="submit"
26403                    name="add"
26404                    class="quick-add__submit button button--full-width button--secondary"
26405                    aria-haspopup="dialog"
26406                    aria-labelledby="quick-add-template--28113427169578__product-grid9785195528490-submit title-template--28113427169578__product-grid-9785195528490"
26407                    aria-live="polite"
26408                    data-sold-out-message="true"
26409                    
26410                  >
26411                    <span>Lisää ostoskoriin
26412</span>
26413                    <span class="sold-out-message hidden">
26414                      Matkalla
26415                    </span>
26416
26417<div class="loading__spinner hidden">
26418  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
26419
26420</div>
26421</button><input type="hidden" name="product-id" value="9785195528490" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
26422        
26423        <div class="card__badge bottom left"></div>
26424      </div>
26425    </div>
26426  </div>
26426<script>
26427  // Initialize global compare translations only once
26428  if (typeof window.compareButtonTranslations === 'undefined') {
26429    window.compareButtonTranslations = {
26430      compare: {
26431        en: 'compare',
26432        cs: 'porovnat',
26433        sk: 'porovnať',
26434        de: 'vergleichen',
26435        at: 'vergleichen',
26436        ch: 'vergleichen',
26437        fr: 'comparer',
26438        be: 'comparer',
26439        lu: 'comparer',
26440        it: 'confronta',
26441        es: 'comparar',
26442        nl: 'vergelijken',
26443        pl: 'porównaj',
26444        hu: 'összehasonlít',
26445        ro: 'compară',
26446        bg: 'сравни',
26447        hr: 'usporedi',
26448        fi: 'vertaile',
26449        gr: 'σύγκριση',
26450        el: 'σύγκριση',
26451        no: 'sammenlign',
26452        'pt-PT': 'comparar',
26453        sl: 'primerjaj',
26454        sv: 'jämför',
26455        lv: 'salīdzināt',
26456        lt: 'palyginti',
26457        ee: 'võrdle',
26458        dk: 'sammenlign',
26459        gb: 'compare',
26460        uk: 'compare',
26461        ie: 'compare',
26462        us: 'compare',
26463        ca: 'compare',
26464        au: 'compare',
26465        nz: 'compare',
26466        ru: 'сравнить'
26467      },
26468      remove: {
26469        en: 'remove',
26470        cs: 'odebrat',
26471        sk: 'odobrať',
26472        de: 'entfernen',
26473        at: 'entfernen',
26474        ch: 'entfernen',
26475        fr: 'supprimer',
26476        be: 'supprimer',
26477        lu: 'supprimer',
26478        it: 'rimuovi',
26479        es: 'eliminar',
26480        nl: 'verwijderen',
26481        pl: 'usuń',
26482        hu: 'eltávolít',
26483        ro: 'elimină',
26484        bg: 'премахни',
26485        hr: 'ukloni',
26486        fi: 'poista',
26487        gr: 'αφαίρεση',
26488        el: 'αφαίρεση',
26489        no: 'fjern',
26490        'pt-PT': 'remover',
26491        sl: 'odstrani',
26492        sv: 'ta bort',
26493        lv: 'noņemt',
26494        lt: 'pašalinti',
26495        ee: 'eemalda',
26496        dk: 'fjern',
26497        gb: 'remove',
26498        uk: 'remove',
26499        ie: 'remove',
26500        us: 'remove',
26501        ca: 'remove',
26502        au: 'remove',
26503        nz: 'remove',
26504        ru: 'удалить'
26505      },
26506      added: {
26507        en: 'Added!',
26508        cs: 'Přidáno!',
26509        sk: 'Pridané!',
26510        de: 'Hinzugefügt!',
26511        at: 'Hinzugefügt!',
26512        ch: 'Hinzugefügt!',
26513        fr: 'Ajouté!',
26514        be: 'Ajouté!',
26515        lu: 'Ajouté!',
26516        it: 'Aggiunto!',
26517        es: '¡Añadido!',
26518        nl: 'Toegevoegd!',
26519        pl: 'Dodano!',
26520        hu: 'Hozzáadva!',
26521        ro: 'Adăugat!',
26522        bg: 'Добавено!',
26523        hr: 'Dodano!',
26524        fi: 'Lisätty!',
26525        gr: 'Προστέθηκε!',
26526        el: 'Προστέθηκε!',
26527        no: 'Lagt til!',
26528        'pt-PT': 'Adicionado!',
26529        sl: 'Dodano!',
26530        sv: 'Tillagd!',
26531        lv: 'Pievienots!',
26532        lt: 'Pridėta!',
26533        ee: 'Lisatud!',
26534        dk: 'Tilføjet!',
26535        gb: 'Added!',
26536        uk: 'Added!',
26537        ie: 'Added!',
26538        us: 'Added!',
26539        ca: 'Added!',
26540        au: 'Added!',
26541        nz: 'Added!',
26542        ru: 'Добавлено!'
26543      },
26544      removed: {
26545        en: 'Removed!',
26546        cs: 'Odebráno!',
26547        sk: 'Odobrané!',
26548        de: 'Entfernt!',
26549        at: 'Entfernt!',
26550        ch: 'Entfernt!',
26551        fr: 'Supprimé!',
26552        be: 'Supprimé!',
26553        lu: 'Supprimé!',
26554        it: 'Rimosso!',
26555        es: '¡Eliminado!',
26556        nl: 'Verwijderd!',
26557        pl: 'Usunięto!',
26558        hu: 'Eltávolítva!',
26559        ro: 'Eliminat!',
26560        bg: 'Премахнато!',
26561        hr: 'Uklonjeno!',
26562        fi: 'Poistettu!',
26563        gr: 'Αφαιρέθηκε!',
26564        el: 'Αφαιρέθηκε!',
26565        no: 'Fjernet!',
26566        'pt-PT': 'Removido!',
26567        sl: 'Odstranjeno!',
26568        sv: 'Borttaget!',
26569        lv: 'Noņemts!',
26570        lt: 'Pašalinta!',
26571        ee: 'Eemaldatud!',
26572        dk: 'Fjernet!',
26573        gb: 'Removed!',
26574        uk: 'Removed!',
26575        ie: 'Removed!',
26576        us: 'Removed!',
26577        ca: 'Removed!',
26578        au: 'Removed!',
26579        nz: 'Removed!',
26580        ru: 'Удалено!'
26581      }
26582    };
26583
26584    // Tooltip translations for price info
26585    window.tooltipTranslations = {
26586      tooltipPrice: {
26587        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26588        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
26589        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
26590        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
26591        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
26592        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
26593        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
26594        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
26595        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
26596        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
26597        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
26598        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
26599        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
26600        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
26601        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
26602        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
26603        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
26604        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
26605        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
26606        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
26607        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
26608        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
26609        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
26610        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
26611        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
26611iks atskaitīts, ja piemērojams.",
26612        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
26613        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
26614        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
26615        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26616        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26617        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26618        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26619        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26620        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26621        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
26622        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
26623      },
26624      tooltipOutlet: {
26625        en: "We do not provide additional wholesale discounts on outlet products.",
26626        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
26627        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
26628        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
26629        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
26630        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
26631        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
26632        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
26633        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
26634        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
26635        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
26636        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
26637        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
26638        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
26639        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
26640        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
26641        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
26642        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
26643        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
26644        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
26645        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
26646        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
26647        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
26648        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
26649        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
26650        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
26651        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
26652        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
26653        gb: "We do not provide additional wholesale discounts on outlet products.",
26654        uk: "We do not provide additional wholesale discounts on outlet products.",
26655        ie: "We do not provide additional wholesale discounts on outlet products.",
26656        us: "We do not provide additional wholesale discounts on outlet products.",
26657        ca: "We do not provide additional wholesale discounts on outlet products.",
26658        au: "We do not provide additional wholesale discounts on outlet products.",
26659        nz: "We do not provide additional wholesale discounts on outlet products.",
26660        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
26661      }
26662    };
26663
26664    // Get current locale from document
26665    window.currentLocale = document.documentElement.lang || 'en';
26666
26667    // Function to translate compare buttons
26668    window.translateCompareButtons = function() {
26669      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
26670      compareTexts.forEach(function(textEl) {
26671        const button = textEl.closest('.compare-button-simple');
26672        const isInComparison = button && button.hasAttribute('data-in-comparison');
26673        
26674        if (isInComparison) {
26675          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
26676          textEl.textContent = translation;
26677        } else {
26678          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
26679          textEl.textContent = translation;
26680        }
26681      });
26682    };
26683
26684    // Function to format price with space as thousands separator (only for tooltip)
26685    function formatTooltipPrice(price) {
26686      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
26687      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
26688    }
26689
26690    // Function to translate tooltips with price
26691    window.translateTooltips = function() {
26692      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
26693      tooltips.forEach(function(tooltip) {
26694        const icon = tooltip.closest('.price-info-icon');
26695        if (icon) {
26696          const status = icon.getAttribute('data-status');
26697          // Check if this is an outlet product
26698          if (status === 'outlet') {
26699            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
26700            tooltip.textContent = translation;
26701            return; // Exit early for outlet products
26702          }
26703          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
26704          // Get wholesale price from the actual price display on the card
26705          const card = icon.closest('[data-product-id]');
26706          let wholesalePrice = '';
26707          if (card) {
26708            // Find the main price element on the card
26709            const priceElement = card.querySelector('.price .price-item--regular');
26710            if (priceElement) {
26711              wholesalePrice = priceElement.textContent.trim();
26712            }
26713          }
26714          if (retailPrice && wholesalePrice) {
26715            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
26716            let formattedRetailPrice = formatTooltipPrice(retailPrice);
26717            let formattedWholesalePrice = wholesalePrice;
26718            if (window.formatPriceText) {
26719              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
26720            }
26721            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
26722            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
26723            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
26724            tooltip.textContent = translatedText;
26725          }
26726        }
26727      });
26728    };
26729
26730    // Function to update button state based on comparison status
26731    window.updateCompareButtonState = function(productId, isInComparison) {
26732      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
26733      buttons.forEach(function(button) {
26734        const buttonContainer = button.closest('.compare-button-container');
26735        const compareText = button.querySelector('.compare-text');
26736        
26737        if (isInComparison) {
26738          button.setAttribute('data-in-comparison', 'true');
26739          button.classList.add('in-comparison');
26740          buttonContainer.classList.add('in-comparison');
26741          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
26742          compareText.textContent = removeText;
26743        } else {
26744          button.removeAttribute('data-in-comparison');
26745          button.classList.remove('in-comparison');
26746          buttonContainer.classList.remove('in-comparison');
26747          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
26748          compareText.textContent = compareTextTranslation;
26749        }
26750      });
26751    };
26752  }
26753
26754  // Initialize compare button states based on localStorage
26755  window.initializeCompareButtonStates = function() {
26756    if (typeof window.RendlCompare !== 'undefined') {
26757      const compareItems = window.RendlCompare.getItems();
26758      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
26759        const productId = button.getAttribute('data-product-id');
26760        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
26761        window.updateCompareButtonState(productId, isInComparison);
26762      });
26763    }
26764  };
26765
26766  // Compare button UI animation - the actual functionality is handled by compare-system.js
26767  document.addEventListener('DOMContentLoaded', function() {
26768    // Apply translations on page load
26769    if (window.translateCompareButtons) {
26770      window.translateCompareButtons();
26771    }
26772    
26773    // Initialize button states based on comparison data
26774    setTimeout(function() {
26775      if (window.initializeCompareButtonStates) {
26776        window.initializeCompareButtonStates();
26777      }
26778    }, 100); // Small delay to ensure compare system is loaded
26779    
26780    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
26781      // Skip if already has event listener
26782      if (button.hasAttribute('data-compare-initialized')) {
26783        return;
26784      }
26785      button.setAttribute('data-compare-initialized', 'true');
26786      
26787      button.addEventListener('click', function(e) {
26788        var buttonContainer = button.closest('.compare-button-container');
26789        var compareText = button.querySelector('.compare-text');
26790        var isInComparison = button.hasAttribute('data-in-comparison');
26791        var productId = button.getAttribute('data-product-id');
26792        
26793        // Prevent multiple clicks during loading
26794        if (button.classList.contains('loading')) {
26795          return;
26796        }
26797        
26798        // Make button always visible during the process
26799        buttonContainer.classList.add('active');
26800        
26801        // Add loading class to show spinner
26802        button.classList.add('loading');
26803        
26804        // UI feedback timing
26805        setTimeout(function() {
26806          // Remove loading class and show success message
26807          button.classList.remove('loading');
26808          button.classList.add('success');
26809          
26810          if (isInComparison) {
26811            // Removing from comparison
26812            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
26813            
26814            // Update button state after removal
26815            setTimeout(function() {
26816              button.classList.remove('success');
26817              window.updateCompareButtonState(productId, false);
26818              buttonContainer.classList.remove('active');
26819            }, 1500);
26820          } else {
26821            // Adding to comparison
26822            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
26823            
26824            // Update button state after addition
26825            setTimeout(function() {
26826              button.classList.remove('success');
26827              window.updateCompareButtonState(productId, true);
26828              buttonContainer.classList.remove('active');
26829            }, 1500);
26830          }
26831        }, 1200);
26832      });
26833    });
26834
26835    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
26836    setTimeout(function() {
26837      if (window.translateTooltips) {
26838        window.translateTooltips();
26839      }
26840    }, 100);
26841  });
26842
26843  // Ensure compare button states are initialized after RendlCompare is available
26844  document.addEventListener('DOMContentLoaded', function() {
26845    function tryInitCompareButtons() {
26846      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
26847        window.initializeCompareButtonStates();
26848      } else {
26849        setTimeout(tryInitCompareButtons, 100);
26850      }
26851    }
26852    tryInitCompareButtons();
26853  });
26854
26855  // Self-contained wishlist functionality for card-product
26856  (function() {
26857    // Wishlist translations
26858    var wishlistTranslations = {
26859      'en': {
26860        addToWishlist: 'Add to My Favorites',
26861        createCategory: 'Create new category:',
26862        categoryPlaceholder: 'Category name',
26863        createAndAdd: 'Create & Add Item',
26864        alreadyAdded: '(Already added)',
26865        addedToWishlist: 'added to My Favorites',
26866        removedFromWishlist: 'removed from My Favorites',
26867        allFavorites: 'All Favorites'
26868      },
26869      'cs': {
26870        addToWishlist: 'Přidat do oblíbených',
26871        createCategory: 'Vytvořit novou skupinu:',
26872        categoryPlaceholder: 'Název nové skupiny',
26873        createAndAdd: 'Vytvořit a přidat skupinu',
26874        alreadyAdded: '(Již přidáno)',
26875        addedToWishlist: 'přidáno do oblíbených',
26876        removedFromWishlist: 'odebráno z oblíbených',
26877        allFavorites: 'Všechny oblíbené'
26878      },
26879      'sk': {
26880        addToWishlist: 'Pridať do obľúbených',
26881        createCategory: 'Vytvoriť novú kategóriu:',
26882        categoryPlaceholder: 'Názov kategórie',
26883        createAndAdd: 'Vytvoriť a pridať položku',
26884        alreadyAdded: '(Už pridané)',
26885        addedToWishlist: 'pridané do obľúbených',
26886        removedFromWishlist: 'odstránené z obľúbených',
26887        allFavorites: 'Všetky obľúbené'
26888      },
26889      'de': {
26890        addToWishlist: 'Zu meinen Favoriten hinzufügen',
26891        createCategory: 'Neue Kategorie erstellen:',
26892        categoryPlaceholder: 'Kategoriename',
26893        createAndAdd: 'Erstellen & hinzufügen',
26894        alreadyAdded: '(Bereits hinzugefügt)',
26895        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
26896        removedFromWishlist: 'aus meinen Favoriten entfernt',
26897        allFavorites: 'Alle Favoriten'
26898      },
26899      'fr': {
26900        addToWishlist: 'Ajouter à mes favoris',
26901        createCategory: 'Créer une nouvelle catégorie :',
26902        categoryPlaceholder: 'Nom de la catégorie',
26903        createAndAdd: 'Créer et ajouter',
26904        alreadyAdded: '(Déjà ajouté)',
26905        addedToWishlist: 'ajouté à mes favoris',
26906        removedFromWishlist: 'retiré de mes favoris',
26907        allFavorites: 'Tous les favoris'
26908      },
26909      'it': {
26910        addToWishlist: 'Aggiungi ai preferiti',
26911        createCategory: 'Crea nuova categoria:',
26912        categoryPlaceholder: 'Nome categoria',
26913        createAndAdd: 'Crea e aggiungi',
26914        alreadyAdded: '(Già aggiunto)',
26915        addedToWishlist: 'aggiunto ai preferiti',
26916        removedFromWishlist: 'rimosso dai preferiti',
26917        allFavorites: 'Tutti i preferiti'
26918      },
26919      'es': {
26920        addToWishlist: 'Añadir a mis favoritos',
26921        createCategory: 'Crear nueva categoría:',
26922        categoryPlaceholder: 'Nombre de la categoría',
26923        createAndAdd: 'Crear y añadir',
26924        alreadyAdded: '(Ya añadido)',
26925        addedToWishlist: 'añadido a mis favoritos',
26926        removedFromWishlist: 'eliminado de mis favoritos',
26927        allFavorites: 'Todos los favoritos'
26928      },
26929      'nl': {
26930        addToWishlist: 'Toevoegen aan mijn favorieten',
26931        createCategory: 'Nieuwe categorie aanmaken:',
26932        categoryPlaceholder: 'Categorienaam',
26933        createAndAdd: 'Aanmaken & toevoegen',
26934        alreadyAdded: '(Al toegevoegd)',
26935        addedToWishlist: 'toegevoegd aan mijn favorieten',
26936        removedFromWishlist: 'verwijderd uit mijn favorieten',
26937        allFavorites: 'Alle favorieten'
26938      },
26939      'pl': {
26940        addToWishlist: 'Dodaj do ulubionych',
26941        createCategory: 'Utwórz nową kategorię:',
26942        categoryPlaceholder: 'Nazwa kategorii',
26943        createAndAdd: 'Utwórz i dodaj',
26944        alreadyAdded: '(Już dodane)',
26945        addedToWishlist: 'dodano do ulubionych',
26946        removedFromWishlist: 'usunięto z ulubionych',
26947        allFavorites: 'Wszystkie ulubione'
26948      },
26949      'hu': {
26950        addToWishlist: 'Hozzáadás a kedvencekhez',
26951        createCategory: 'Új kategória létrehozása:',
26952        categoryPlaceholder: 'Kategória neve',
26953        createAndAdd: 'Létrehozás és hozzáadás',
26954        alreadyAdded: '(Már hozzáadva)',
26955        addedToWishlist: 'hozzáadva a kedvencekhez',
26956        removedFromWishlist: 'eltávolítva a kedvencekből',
26957        allFavorites: 'Minden kedvenc'
26958      },
26959      'ro': {
26960        addToWishlist: 'Adaugă la favorite',
26961        createCategory: 'Creează o nouă categorie:',
26962        categoryPlaceholder: 'Nume categorie',
26963        createAndAdd: 'Creează și adaugă',
26964        alreadyAdded: '(Deja adăugat)',
26965        addedToWishlist: 'adăugat la favorite',
26966        removedFromWishlist: 'eliminat din favorite',
26967        allFavorites: 'Toate preferințele'
26968      },
26969      'bg': {
26970        addToWishlist: 'Добави в любими',
26971        createCategory: 'Създай нова категория:',
26972        categoryPlaceholder: 'Име на категория',
26973        createAndAdd: 'Създай и добави',
26974        alreadyAdded: '(Вече добавено)',
26975        addedToWishlist: 'добавено в любими',
26976        removedFromWishlist: 'премахнато от любими',
26977        allFavorites: 'Всички любими'
26978      },
26979      'hr': {
26980        addToWishlist: 'Dodaj u favorite',
26981        createCategory: 'Kreiraj novu kategoriju:',
26982        categoryPlaceholder: 'Naziv kategorije',
26983        createAndAdd: 'Kreiraj i dodaj',
26984        alreadyAdded: '(Već dodano)',
26985        addedToWishlist: 'dodano u favorite',
26986        removedFromWishlist: 'uklonjeno iz favorita',
26987        allFavorites: 'Sva omiljena'
26988      },
26989      'fi': {
26990        addToWishlist: 'Lisää suosikkeihin',
26991        createCategory: 'Luo uusi kategoria:',
26992        categoryPlaceholder: 'Kategorian nimi',
26993        createAndAdd: 'Luo ja lisää',
26994        alreadyAdded: '(Jo lisätty)',
26995        addedToWishlist: 'lisätty suosikkeihin',
26996        removedFromWishlist: 'poistettu suosikeista',
26997        allFavorites: 'Kaikki suosikit'
26998      },
26999      'gr': {
27000        addToWishlist: 'Προσθήκη στα αγαπημένα',
27001        createCategory: 'Δημιουργία νέας κατηγορίας:',
27002        categoryPlaceholder: 'Όνομα κατηγορίας',
27003        createAndAdd: 'Δημιουργία & προσθήκη',
27004        alreadyAdded: '(Ήδη προστέθηκε)',
27005        addedToWishlist: 'προστέθηκε στα αγαπημένα',
27006        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
27007        allFavorites: 'Όλα τα αγαπημένα'
27008      },
27009      'no': {
27010        addToWishlist: 'Legg til i favoritter',
27011        createCategory: 'Opprett ny kategori:',
27012        categoryPlaceholder: 'Kategorinavn',
27013        createAndAdd: 'Opprett og legg til',
27014        alreadyAdded: '(Allerede lagt til)',
27015        addedToWishlist: 'lagt til i favoritter',
27016        removedFromWishlist: 'fjernet fra favoritter',
27017        allFavorites: 'Alle favoritter'
27018      },
27019      'pt-PT': {
27020        addToWishlist: 'Adicionar aos favoritos',
27021        createCategory: 'Criar nova categoria:',
27022        categoryPlaceholder: 'Nome da categoria',
27023        createAndAdd: 'Criar e adicionar',
27024        alreadyAdded: '(Já adicionado)',
27025        addedToWishlist: 'adicionado aos favoritos',
27026        removedFromWishlist: 'removido dos favoritos',
27027        allFavorites: 'Todos os favoritos'
27028      },
27029      'sl': {
27030        addToWishlist: 'Dodaj med priljubljene',
27031        createCategory: 'Ustvari novo kategorijo:',
27032        categoryPlaceholder: 'Ime kategorije',
27033        createAndAdd: 'Ustvari in dodaj',
27034        alreadyAdded: '(Že dodano)',
27035        addedToWishlist: 'dodano med priljubljene',
27036        removedFromWishlist: 'odstranjeno iz priljubljenih',
27037        allFavorites: 'Vsi priljubljeni'
27038      },
27039      'sv': {
27040        addToWishlist: 'Lägg till i favoriter',
27041        createCategory: 'Skapa ny kategori:',
27042        categoryPlaceholder: 'Kategorinamn',
27043        createAndAdd: 'Skapa och lägg till',
27044        alreadyAdded: '(Redan tillagd)',
27045        addedToWishlist: 'tillagd i favoriter',
27046        removedFromWishlist: 'borttagen från favoriter',
27047        allFavorites: 'Alla favoriter'
27048      },
27049      'lv': {
27050        addToWishlist: 'Pievienot favorītiem',
27051        createCategory: 'Izveidot jaunu kategoriju:',
27052        categoryPlaceholder: 'Kategorijas nosaukums',
27053        createAndAdd: 'Izveidot un pievienot',
27054        alreadyAdded: '(Jau pievienots)',
27055        addedToWishlist: 'pievienots favorītiem',
27056        removedFromWishlist: 'noņemts no favorītiem',
27057        allFavorites: 'Visas favorītus'
27058      },
27059      'lt': {
27060        addToWishlist: 'Pridėti į mėgstamiausius',
27061        createCategory: 'Sukurti naują kategoriją:',
27062        categoryPlaceholder: 'Kategorijos pavadinimas',
27063        createAndAdd: 'Sukurti ir pridėti',
27064        alreadyAdded: '(Jau pridėta)',
27065        addedToWishlist: 'pridėta į mėgstamiausius',
27066        removedFromWishlist: 'pašalinta iš mėgstamiausių',
27067        allFavorites: 'Visos mėgstamiausios'
27068      },
27069      'ee': {
27070        addToWishlist: 'Lisa lemmikutesse',
27071        createCategory: 'Loo uus kategooria:',
27072        categoryPlaceholder: 'Kategooria nimi',
27073        createAndAdd: 'Loo ja lisa',
27074        alreadyAdded: '(Juba lisatud)',
27075        addedToWishlist: 'lisatud lemmikutesse',
27076        removedFromWishlist: 'eemaldatud lemmikutest',
27077        allFavorites: 'Kõik lemmikud'
27078      },
27079      'dk': {
27080        addToWishlist: 'Tilføj til favoritter',
27081        createCategory: 'Opret ny kategori:',
27082        categoryPlaceholder: 'Kategorinavn',
27083        createAndAdd: 'Opret og tilføj',
27084        alreadyAdded: '(Allerede tilføjet)',
27085        addedToWishlist: 'tilføjet til favoritter',
27086        removedFromWishlist: 'fjernet fra favoritter',
27087        allFavorites: 'Alle favoritter'
27088      }
27089    };
27090
27091    function getWishlistLang() {
27092      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
27093      // Normalize for region codes (e.g., pt-PT, sl)
27094      if (lang.startsWith('pt-PT')) return 'pt-PT';
27095      if (lang.startsWith('sl')) return 'sl';
27096      if (lang.startsWith('cs')) return 'cs';
27097      if (lang.startsWith('sk')) return 'sk';
27098      if (lang.startsWith('de')) return 'de';
27099      if (lang.startsWith('fr')) return 'fr';
27100      if (lang.startsWith('it')) return 'it';
27101      if (lang.startsWith('es')) return 'es';
27102      if (lang.startsWith('nl')) return 'nl';
27103      if (lang.startsWith('pl')) return 'pl';
27104      if (lang.startsWith('hu')) return 'hu';
27105      if (lang.startsWith('ro')) return 'ro';
27106      if (lang.startsWith('bg')) return 'bg';
27107      if (lang.startsWith('hr')) return 'hr';
27108      if (lang.startsWith('fi')) return 'fi';
27109      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
27110      if (lang.startsWith('no')) return 'no';
27111      if (lang.startsWith('sv')) return 'sv';
27112      if (lang.startsWith('lv')) return 'lv';
27113      if (lang.startsWith('lt')) return 'lt';
27114      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
27115      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
27116      return 'en';
27117    }
27118
27119    // Get or initialize the wishlist array in localStorage
27120    function getWishlist() {
27121      const wishlistJSON = localStorage.getItem('rendl_wishlist');
27122      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
27123        categories: [
27124          {
27125            id: 'all-favorites',
27126            name: 'All Favorites',
27127            items: []
27128          }
27129        ],
27130        version: 2
27131      };
27132      
27133      // Handle migration from old format (array of items) to new format (categories)
27134      if (Array.isArray(wishlist)) {
27135        return {
27136          categories: [
27137            {
27138              id: 'all-favorites',
27139              name: 'All Favorites',
27140              items: wishlist
27141            }
27142          ],
27143          version: 2
27144        };
27145      }
27146      
27147      return wishlist;
27148    }
27149    
27150    // Save wishlist to localStorage
27151    function saveWishlist(wishlist) {
27152      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
27153      // Dispatch an event so other parts of the site can react to wishlist changes
27154      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
27155        detail: { wishlist: wishlist } 
27156      }));
27157      
27158      // Count total items across all categories
27159      const totalItems = wishlist.categories.reduce((total, category) => {
27160        return total + category.items.length;
27161      }, 0);
27162      
27163      // Update all wishlist counters
27164      updateWishlistCounters(totalItems);
27165    }
27166    
27167    // Update all wishlist counters on the page
27168    function updateWishlistCounters(count) {
27169      const counters = document.querySelectorAll('.wishlist-count');
27170      counters.forEach(counter => {
27171        counter.textContent = count;
27172        
27173        // If the counter is hidden and count > 0, show it
27174        if (count > 0 && counter.hasAttribute('hidden')) {
27175          counter.removeAttribute('hidden');
27176        }
27177        // If the counter is visible and count = 0, hide it
27178        else if (count === 0 && !counter.hasAttribute('hidden')) {
27179          counter.setAttribute('hidden', 'true');
27180        }
27181      });
27182    }
27183    
27184    // Check if a product is in the wishlist (in any category)
27185    function isInWishlist(productId) {
27186      const wishlist = getWishlist();
27187      return wishlist.categories.some(category => 
27188        category.items.some(item => item.id === productId)
27189      );
27190    }
27191    
27192    // Get all categories
27193    function getCategories() {
27194      return getWishlist().categories;
27195    }
27196    
27197    // Create a new category
27198    function createCategory(name) {
27199      const wishlist = getWishlist();
27200      const categoryId = 'category-' + Date.now();
27201      
27202      wishlist.categories.push({
27203        id: categoryId,
27204        name: name,
27205        items: []
27206      });
27207      
27208      saveWishlist(wishlist);
27209      return categoryId;
27210    }
27211    
27212    // Add a product to a specific category
27213    function addToCategory(product, categoryId) {
27214      const wishlist = getWishlist();
27215      const category = wishlist.categories.find(cat => cat.id === categoryId);
27216      
27217      if (!category) return false;
27218      
27219      // Check if product already exists in ANY category (not just this one)
27220      if (isInWishlist(product.id)) {
27221        return false; // Product already in wishlist
27222      }
27223      
27224      // Add product to category
27225      category.items.push(product);
27226      saveWishlist(wishlist);
27227      
27228      // Dispatch event for global sync
27229      document.dispatchEvent(new CustomEvent('wishlist:updated', {
27230        detail: { productId: product.id, added: true }
27231      }));
27232      
27233      return true;
27234    }
27235    
27236    // Add a product to the default "All Favorites" category
27237    function addToWishlist(product) {
27238      return addToCategory(product, 'all-favorites');
27239    }
27240    
27241    // Remove a product from all categories
27242    function removeFromWishlist(productId) {
27243      const wishlist = getWishlist();
27244      let removed = false;
27245      
27246      wishlist.categories.forEach(category => {
27247        const initialLength = category.items.length;
27248        category.items = category.items.filter(item => item.id !== productId);
27249        if (category.items.length !== initialLength) {
27250          removed = true;
27251        }
27252      });
27253      
27254      if (removed) {
27255        saveWishlist(wishlist);
27256      }
27257      
27258      return removed;
27259    }
27260    
27261    // Toggle a product in the wishlist
27262    function toggleWishlistItem(product) {
27263      if (isInWishlist(product.id)) {
27264        // If already in wishlist, remove it
27265        const wasRemoved = removeFromWishlist(product.id);
27266        
27267        // Update heart icon if the product was successfully removed
27268        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
27269        if (heartIcon && wasRemoved) {
27270          heartIcon.setAttribute('fill', 'none');
27271          showWishlistToast(false, product.title);
27272          
27273          // Dispatch event for global sync
27274          document.dispatchEvent(new CustomEvent('wishlist:updated', {
27275            detail: { productId: product.id, added: false }
27276          }));
27277        }
27278        return wasRemoved;
27279      } else {
27280        // If not in wishlist, show category selection popup
27281        showCategorySelectionPopup(product);
27282        return false; // Don't return true unless we actually add the product
27283      }
27284    }
27285    
27286    // Show wishlist category selection popup
27287    function showCategorySelectionPopup(product) {
27288      // Remove any existing popup
27289      const existingPopup = document.getElementById('wishlist-category-popup');
27290      if (existingPopup) {
27291        existingPopup.remove();
27292      }
27293
27294      const lang = getWishlistLang();
27295      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
27296
27297      // Create popup container
27298      const popup = document.createElement('div');
27299      popup.id = 'wishlist-category-popup';
27300      popup.className = 'wishlist-category-popup';
27301
27302      // Create popup content
27303      const content = document.createElement('div');
27304      content.className = 'wishlist-category-popup-content';
27305
27306      // Create header
27307      const title = document.createElement('h2');
27308      title.textContent = translations.addToWishlist; // Translate
27309
27310      const closeButton = document.createElement('button');
27311      closeButton.className = 'wishlist-category-popup-close';
27312      closeButton.setAttribute('aria-label', 'Close');
27313      closeButton.addEventListener('click', () => {
27314        popup.remove();
27315      });
27316      
27317      // Create category list
27318      const categoryList = document.createElement('div');
27319      categoryList.className = 'wishlist-category-list';
27320      
27321      // Get categories
27322      const categories = getCategories();
27323      
27324      // Add category options
27325      categories.forEach(category => {
27326        const categoryOption = document.createElement('div');
27327        categoryOption.className = 'wishlist-category-option';
27328        
27329        // Use translation for default category name
27330        categoryOption.textContent = category.id === 'all-favorites'
27331          ? (translations.allFavorites || category.name)
27332          : category.name;
27333
27334        // Highlight if product already in this category
27335        if (category.items.some(item => item.id === product.id)) {
27336          categoryOption.style.backgroundColor = '#f0f0f0';
27337          categoryOption.style.color = '#999';
27338          categoryOption.style.fontStyle = 'italic';
27339          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
27340          categoryOption.style.cursor = 'default';
27341        } else {
27342          categoryOption.addEventListener('click', () => {
27343            const wasAdded = addToCategory(product, category.id);
27344            
27345            if (wasAdded) {
27346              // Update heart icon after successful addition
27347              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
27348              if (heartIcon) {
27349                heartIcon.setAttribute('fill', '#333333');
27350              }
27351              
27352              showWishlistToast(true, product.title);
27353              popup.remove();
27354            }
27355          });
27356        }
27357        
27358        categoryList.appendChild(categoryOption);
27359      });
27360      
27361      // Create "add new category" section
27362      const newCategorySection = document.createElement('div');
27363      newCategorySection.style.borderTop = '1px solid #eee';
27364      newCategorySection.style.paddingTop = '15px';
27365      newCategorySection.style.marginTop = '10px';
27366      
27367      const newCategoryLabel = document.createElement('label');
27368      newCategoryLabel.textContent = translations.createCategory; // Translate
27369
27370      const newCategoryInput = document.createElement('input');
27371      newCategoryInput.type = 'text';
27372      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
27373
27374      const createButton = document.createElement('button');
27375      createButton.className = 'create-category-button';
27376      createButton.textContent = translations.createAndAdd; // Translate
27377
27378      createButton.addEventListener('click', () => {
27379        const categoryName = newCategoryInput.value.trim();
27380        if (categoryName) {
27381          const categoryId = createCategory(categoryName);
27382          const wasAdded = addToCategory(product, categoryId);
27383          
27384          if (wasAdded) {
27385            // Update heart icon after successful addition
27386            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
27387            if (heartIcon) {
27388              heartIcon.setAttribute('fill', '#333333');
27389            }
27390            
27391            showWishlistToast(true, product.title);
27392            popup.remove();
27393          }
27394        }
27395      });
27396      
27397      newCategorySection.appendChild(newCategoryLabel);
27398      newCategorySection.appendChild(newCategoryInput);
27399      newCategorySection.appendChild(createButton);
27400      
27401      // Assemble popup
27402      content.appendChild(title);
27403      content.appendChild(closeButton);
27404      content.appendChild(categoryList);
27405      content.appendChild(newCategorySection);
27406      popup.appendChild(content);
27407      
27408      // Add to document
27409      document.body.appendChild(popup);
27410      
27411      // Focus the input
27412      setTimeout(() => {
27413        newCategoryInput.focus();
27414      }, 100);
27415      
27416      // Close when clicking outside content
27417      popup.addEventListener('click', (e) => {
27418        if (e.target === popup) {
27419          popup.remove();
27420        }
27421      });
27422    }
27423    
27424    // Show a toast notification
27425    function showWishlistToast(added, productTitle) {
27426      // Create or get toast container
27427      let toastContainer = document.getElementById('wishlist-toast');
27428      if (!toastContainer) {
27429        toastContainer = document.createElement('div');
27430        toastContainer.id = 'wishlist-toast';
27431        toastContainer.style.position = 'fixed';
27432        toastContainer.style.bottom = '20px';
27433        toastContainer.style.right = '20px';
27434        toastContainer.style.zIndex = '9999';
27435        document.body.appendChild(toastContainer);
27436      }
27437      
27438      // Create toast
27439      const toast = document.createElement('div');
27440      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
27441      toast.style.color = 'white';
27442      toast.style.padding = '12px 20px';
27443      toast.style.borderRadius = '0';
27444      toast.style.marginTop = '10px';
27445      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
27446      toast.style.transition = 'all 0.3s ease';
27447      toast.style.opacity = '0';
27448      toast.style.fontFamily = 'Montserrat, sans-serif';
27449      
27450      // Choose text based on action
27451      const lang = getWishlistLang();
27452      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
27453      toast.textContent = added
27454        ? `${productTitle} ${translations.addedToWishlist}` // Translate
27455        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
27456      
27457      // Add to container
27458      toastContainer.appendChild(toast);
27459      
27460      // Animate in
27461      setTimeout(() => {
27462        toast.style.opacity = '1';
27463      }, 10);
27464      
27465      // Animate out and remove
27466      setTimeout(() => {
27467        toast.style.opacity = '0';
27468        setTimeout(() => {
27469          toastContainer.removeChild(toast);
27470        }, 300);
27471      }, 3000);
27472    }
27473
27474    // Initialize wishlist buttons
27475    function initCardWishlistButtons() {
27476      const wishlistButtons = document.querySelectorAll('.card-wis
27476hlist-button');
27477      
27478      wishlistButtons.forEach(button => {
27479        // Skip if already initialized
27480        if (button.dataset.initializedWishlist === 'true') return;
27481        button.dataset.initializedWishlist = 'true';
27482        
27483        const productId = button.getAttribute('data-wishlist-product');
27484        if (!productId) return;
27485        
27486        // Get product details from the card
27487        const card = button.closest('.card-wrapper');
27488        const productDetails = {
27489          id: productId,
27490          title: card.querySelector('.card__heading')?.textContent.trim() || '',
27491          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
27492          price: card.querySelector('.price')?.textContent.trim() || '',
27493          image: card.querySelector('img')?.src || '',
27494          url: card.querySelector('a[href*="/products/"]')?.href || ''
27495        };
27496        
27497        // Set initial state using global function
27498        const heartIcon = button.querySelector('path');
27499        if (heartIcon) {
27500          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
27501            heartIcon.setAttribute('fill', '#333333');
27502          } else {
27503            heartIcon.setAttribute('fill', 'none');
27504          }
27505        }
27506        
27507        // Add click handler
27508        button.addEventListener('click', function(e) {
27509          e.preventDefault();
27510          e.stopPropagation();
27511          e.stopImmediatePropagation();
27512          toggleWishlistItem(productDetails);
27513        });
27514        
27515        // Prevent navigation on mousedown/touchstart
27516        button.addEventListener('mousedown', function(e) {
27517          e.preventDefault();
27518          e.stopPropagation();
27519        });
27520        
27521        button.addEventListener('touchstart', function(e) {
27522          e.preventDefault();
27523          e.stopPropagation();
27524        });
27525      });
27526    }
27527
27528    // Initialize the wishlist counter on page load
27529    const wishlist = getWishlist();
27530    const totalItems = wishlist.categories.reduce((total, category) => {
27531      return total + category.items.length;
27532    }, 0);
27533    updateWishlistCounters(totalItems);
27534
27535    // Initialize on DOM ready
27536    if (document.readyState === 'loading') {
27537      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
27538    } else {
27539      initCardWishlistButtons();
27540    }
27541
27542    // Reinitialize on Shopify section load
27543    document.addEventListener('shopify:section:load', function() {
27544      setTimeout(initCardWishlistButtons, 100);
27545    });
27546
27547    // Listen for wishlist updates from other parts of the site
27548    document.addEventListener('wishlist:updated', function() {
27549      setTimeout(initCardWishlistButtons, 100);
27550    });
27551  })();
27552</script>
27552
27553
27554<!-- Price info icon styles -->
27555<style>
27556  /* Price container with icon */
27557  .price-container-with-info {
27558    position: relative;
27559    display: flex;
27560    align-items: center;
27561    gap: 8px;
27562  }
27563
27564  /* Info icon - hidden by default, shown on card hover */
27565  .price-info-icon {
27566    position: relative;
27567    display: inline-flex;
27568    align-items: center;
27569    justify-content: center;
27570    color: #666;
27571    cursor: help;
27572    opacity: 0;
27573    transition: opacity 0.3s ease;
27574
27575    padding: 4px; /* Add padding to increase clickable area */
27576    min-width: 20px; /* Ensure minimum clickable area */
27577    min-height: 20px;
27578    z-index: 15; /* Above everything else including compare button */
27579    pointer-events: auto; /* Allow interaction */
27580  }
27581
27582  /* Show icon on card hover */
27583  .card-wrapper:hover .price-info-icon {
27584    opacity: 1;
27585  }
27586
27587  .price-info-icon svg {
27588    width: 14px;
27589    height: 14px;
27590    stroke-width: 1.5;
27591  }
27592
27593  /* Tooltip styles */
27594  .price-info-tooltip {
27595    position: absolute;
27596    bottom: calc(100% + 6px);
27597    top: auto;
27598    left: 0;
27599    transform: none;
27600    min-width: 310px;
27601    background: #FFFFFF;
27602    color: #232323;
27603    border: 1px solid #EEEEEE;
27604    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
27605    padding: 12px 16px;
27606    font-size: 13px;
27607    font-family: 'Montserrat', sans-serif;
27608    z-index: 10000;
27609    opacity: 0;
27610    transition: opacity 0.18s;
27611    white-space: pre-line;
27612    text-align: left;
27613    border-radius: 0;
27614    visibility: hidden;
27615    pointer-events: none;
27616  }
27617
27618  /* Show tooltip on icon hover */
27619  .price-info-icon:hover .price-info-tooltip {
27620    visibility: visible;
27621    opacity: 1;
27622  }
27623
27624  /* Ensure tooltip is never clipped */
27625  .price-container-with-info,
27626  .card-information,
27627  .card__content {
27628    overflow: visible !important;
27629  }
27630
27631  /* Mobile adjustments */
27632  @media screen and (max-width: 768px) {
27633    .price-info-tooltip {
27634      min-width: 200px;
27635      font-size: 12px;
27636      padding: 10px 12px;
27637    }
27638  }
27639</style>
27640
27641                </li>
27642                <li
27643                  class="grid__item"
27644                  
27645                >
27646                  
27647<div class="card-wrapper product-card-wrapper underline-links-hover">
27648
27649    <div
27650      class="
27651        card card--standard
27652         card--media
27653        
27654        
27655        
27656        
27657        
27658      "
27659      style="--ratio-percent: 100.0%;"
27660      data-product-id="9746933023018"
27661      data-description="ELIA-sarjan massiivisesta alumiinista valmistettu ulkoilmapollari, jossa on sisäänrakennettu LED ja opaalinvärinen diffuusori."
27662      data-status-in-sortiment="VYB"
27663      data-ip-rate="IP44"
27664      
27665      data-variant-id="52387954622762"
27666      data-price="158.00 EUR"
27667      data-compare-at-price=""
27668      data-available="true"
27669      data-barcode="8595685426938"
27670      data-ip-rate="IP44"
27671      data-lumens="720"
27672      data-power-source=""
27673      data-watt="9.0"
27674      data-kelvin="3000"
27675      data-light-color=""
27676      data-diameter=""
27677      data-weight-netto="1200.0"
27678      data-weight-unit="g"
27679      data-mounting-hole-size=""
27680      data-recess-depth=""
27681      data-suspension-lenght=""
27682      data-turn-angle=""
27683      data-tilt-angle=""
27684      data-switch=""
27685      data-socket=""
27686      data-light-source-recomended=""
27687      data-height="60"
27688      data-length=""
27689      data-Length=""
27690    >
27691      <div
27692        class="card__inner color-scheme-2 gradient ratio"
27693        style="--ratio-percent: 100.0%;"
27694      >
27695        
27696
27697<div class="ip-rate-badge">
27698            <span>IP44</span>
27699          </div><div class="card__media">
27700            <a class="card__media-link-content" href="/products/elia-floor-lamp" aria-label="ELIA POLLARI">
27701              <div class="media media--transparent media--hover-effect">
27702              
27703              <img
27704                class="product-image motion-reduce"
27705                srcset="//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=165 165w,//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=360 360w,//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=533 533w,//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=720 720w,//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=940 940w,//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=1066 1066w,//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078 3162w
27706                "
27707                src="//rendl.fi/cdn/shop/files/r13932-1.jpg?v=1767662078&width=533"
27708                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
27709                alt="RENDL outdoor lamp ELIA floor anthracite grey  230V LED 9W IP44  3000K R13932 1"
27710                
27711                  loading="lazy"
27712                
27713                width="3162"
27714                height="3162"
27715              >
27716              
27717<img
27718                  class="product-image motion-reduce"
27719                  srcset="//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=165 165w,//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=360 360w,//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=533 533w,//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=720 720w,//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=940 940w,//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=1066 1066w,//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251 4899w
27720                  "
27721                  src="//rendl.fi/cdn/shop/files/r13932-2.jpg?v=1745935251&width=533"
27722                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
27723                  alt=""
27724                  loading="lazy"
27725                  width="4899"
27726                  height="4899"
27727                ></div>
27728            </a>
27729            
27730<div class="card-media-icons"><div class="energy-label-icon">
27731                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
27732                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
27733</div>
27734                  </div></div><div class="card-variant-swatches"><a
27735                    class="card-variant-swatch"
27736                    href="/products/elia-floor-lamp?variant=52387954622762"
27737                    
27738                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
27739                    
27740                    aria-label="tummanharmaa"
27741                  >
27742                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
27743          <div class="card__information">
27744            <h3
27745              class="card__heading"
27746              
27747            >
27748              <a
27749                href="/products/elia-floor-lamp"
27750                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746933023018"
27751                class="full-unstyled-link"
27752                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746933023018 NoMediaStandardBadge-template--28113427169578__product-grid-9746933023018"
27753              >
27754                ELIA POLLARI
27755              </a>
27756            </h3>
27757          </div>
27758          <div class="card__badge bottom left"></div>
27759        </div>
27760      </div>
27761      <div class="card__content">
27762        <div class="card__information">
27763          <h3
27764            class="card__heading h5"
27765            
27766              id="title-template--28113427169578__product-grid-9746933023018"
27767            
27768          >
27769            <a
27770              href="/products/elia-floor-lamp"
27771              id="CardLink-template--28113427169578__product-grid-9746933023018"
27772              class="full-unstyled-link"
27773              aria-labelledby="CardLink-template--28113427169578__product-grid-9746933023018 Badge-template--28113427169578__product-grid-9746933023018"
27774            >
27775              ELIA POLLARI
27776            </a>
27777          </h3><div class="card__description">
27778              ELIA-sarjan massiivisesta alumiinista valmistettu ulkoilmapollari, jossa on sisäänrakennettu LED ja opaalinvärinen diffuusori.
27779            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
27780              
27781<div
27782    class="
27783      price "
27784  >
27785    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
27786          <span class="price-item price-item--regular">
27787            158.00 EUR
27788          </span></div>
27789      <div class="price__sale">
27790          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
27791          <span>
27792            <s class="price-item price-item--regular">
27793              
27794                
27795              
27796            </s>
27797          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
27798        <span class="price-item price-item--sale price-item--last">
27799          158.00 EUR
27800        </span>
27801      </div>
27802      <small class="unit-price caption hidden">
27803        <span class="visually-hidden">Yksikköhinta</span>
27804        <span class="price-item price-item--last">
27805          <span></span>
27806          <span aria-hidden="true">/</span>
27807          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
27808          <span>
27809          </span>
27810        </span>
27811      </small>
27812    </div></div>
27813
27814
27815</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
27816              <button class="compare-button-simple" 
27817                      data-product-id="9746933023018" 
27818                      data-product-title="ELIA POLLARI"
27819                      data-product-handle="elia-floor-lamp">
27820                              <span class="compare-button-content">
27821                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
27822                    <span class="compare-text" data-translate="compare">compare</span>
27823                  </span>
27824                <span class="compare-spinner-small">
27825                  <!-- Small spinner for button -->
27826                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
27827                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
27828                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
27829                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
27829inite"/>
27830                    </path>
27831                  </svg>
27832                </span>
27833              </button>
27834              
27835              <!-- Wishlist button next to compare button -->
27836              <button type="button" class="card-wishlist-button" data-wishlist-product="9746933023018">
27837                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27838                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
27839                </svg>
27840              </button>
27841            </div></div>
27842        </div>
27843        
27844        
27845        
27846          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746933023018" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
27847                    type="hidden"
27848                    name="id"
27849                    value="52387954622762"
27850                    class="product-variant-id"
27851                    
27852                  >
27853                  <button
27854                    id="quick-add-template--28113427169578__product-grid9746933023018-submit"
27855                    type="submit"
27856                    name="add"
27857                    class="quick-add__submit button button--full-width button--secondary"
27858                    aria-haspopup="dialog"
27859                    aria-labelledby="quick-add-template--28113427169578__product-grid9746933023018-submit title-template--28113427169578__product-grid-9746933023018"
27860                    aria-live="polite"
27861                    data-sold-out-message="true"
27862                    
27863                  >
27864                    <span>Lisää ostoskoriin
27865</span>
27866                    <span class="sold-out-message hidden">
27867                      Matkalla
27868                    </span>
27869
27870<div class="loading__spinner hidden">
27871  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
27872
27873</div>
27874</button><input type="hidden" name="product-id" value="9746933023018" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
27875        
27876        <div class="card__badge bottom left"></div>
27877      </div>
27878    </div>
27879  </div>
27879<script>
27880  // Initialize global compare translations only once
27881  if (typeof window.compareButtonTranslations === 'undefined') {
27882    window.compareButtonTranslations = {
27883      compare: {
27884        en: 'compare',
27885        cs: 'porovnat',
27886        sk: 'porovnať',
27887        de: 'vergleichen',
27888        at: 'vergleichen',
27889        ch: 'vergleichen',
27890        fr: 'comparer',
27891        be: 'comparer',
27892        lu: 'comparer',
27893        it: 'confronta',
27894        es: 'comparar',
27895        nl: 'vergelijken',
27896        pl: 'porównaj',
27897        hu: 'összehasonlít',
27898        ro: 'compară',
27899        bg: 'сравни',
27900        hr: 'usporedi',
27901        fi: 'vertaile',
27902        gr: 'σύγκριση',
27903        el: 'σύγκριση',
27904        no: 'sammenlign',
27905        'pt-PT': 'comparar',
27906        sl: 'primerjaj',
27907        sv: 'jämför',
27908        lv: 'salīdzināt',
27909        lt: 'palyginti',
27910        ee: 'võrdle',
27911        dk: 'sammenlign',
27912        gb: 'compare',
27913        uk: 'compare',
27914        ie: 'compare',
27915        us: 'compare',
27916        ca: 'compare',
27917        au: 'compare',
27918        nz: 'compare',
27919        ru: 'сравнить'
27920      },
27921      remove: {
27922        en: 'remove',
27923        cs: 'odebrat',
27924        sk: 'odobrať',
27925        de: 'entfernen',
27926        at: 'entfernen',
27927        ch: 'entfernen',
27928        fr: 'supprimer',
27929        be: 'supprimer',
27930        lu: 'supprimer',
27931        it: 'rimuovi',
27932        es: 'eliminar',
27933        nl: 'verwijderen',
27934        pl: 'usuń',
27935        hu: 'eltávolít',
27936        ro: 'elimină',
27937        bg: 'премахни',
27938        hr: 'ukloni',
27939        fi: 'poista',
27940        gr: 'αφαίρεση',
27941        el: 'αφαίρεση',
27942        no: 'fjern',
27943        'pt-PT': 'remover',
27944        sl: 'odstrani',
27945        sv: 'ta bort',
27946        lv: 'noņemt',
27947        lt: 'pašalinti',
27948        ee: 'eemalda',
27949        dk: 'fjern',
27950        gb: 'remove',
27951        uk: 'remove',
27952        ie: 'remove',
27953        us: 'remove',
27954        ca: 'remove',
27955        au: 'remove',
27956        nz: 'remove',
27957        ru: 'удалить'
27958      },
27959      added: {
27960        en: 'Added!',
27961        cs: 'Přidáno!',
27962        sk: 'Pridané!',
27963        de: 'Hinzugefügt!',
27964        at: 'Hinzugefügt!',
27965        ch: 'Hinzugefügt!',
27966        fr: 'Ajouté!',
27967        be: 'Ajouté!',
27968        lu: 'Ajouté!',
27969        it: 'Aggiunto!',
27970        es: '¡Añadido!',
27971        nl: 'Toegevoegd!',
27972        pl: 'Dodano!',
27973        hu: 'Hozzáadva!',
27974        ro: 'Adăugat!',
27975        bg: 'Добавено!',
27976        hr: 'Dodano!',
27977        fi: 'Lisätty!',
27978        gr: 'Προστέθηκε!',
27979        el: 'Προστέθηκε!',
27980        no: 'Lagt til!',
27981        'pt-PT': 'Adicionado!',
27982        sl: 'Dodano!',
27983        sv: 'Tillagd!',
27984        lv: 'Pievienots!',
27985        lt: 'Pridėta!',
27986        ee: 'Lisatud!',
27987        dk: 'Tilføjet!',
27988        gb: 'Added!',
27989        uk: 'Added!',
27990        ie: 'Added!',
27991        us: 'Added!',
27992        ca: 'Added!',
27993        au: 'Added!',
27994        nz: 'Added!',
27995        ru: 'Добавлено!'
27996      },
27997      removed: {
27998        en: 'Removed!',
27999        cs: 'Odebráno!',
28000        sk: 'Odobrané!',
28001        de: 'Entfernt!',
28002        at: 'Entfernt!',
28003        ch: 'Entfernt!',
28004        fr: 'Supprimé!',
28005        be: 'Supprimé!',
28006        lu: 'Supprimé!',
28007        it: 'Rimosso!',
28008        es: '¡Eliminado!',
28009        nl: 'Verwijderd!',
28010        pl: 'Usunięto!',
28011        hu: 'Eltávolítva!',
28012        ro: 'Eliminat!',
28013        bg: 'Премахнато!',
28014        hr: 'Uklonjeno!',
28015        fi: 'Poistettu!',
28016        gr: 'Αφαιρέθηκε!',
28017        el: 'Αφαιρέθηκε!',
28018        no: 'Fjernet!',
28019        'pt-PT': 'Removido!',
28020        sl: 'Odstranjeno!',
28021        sv: 'Borttaget!',
28022        lv: 'Noņemts!',
28023        lt: 'Pašalinta!',
28024        ee: 'Eemaldatud!',
28025        dk: 'Fjernet!',
28026        gb: 'Removed!',
28027        uk: 'Removed!',
28028        ie: 'Removed!',
28029        us: 'Removed!',
28030        ca: 'Removed!',
28031        au: 'Removed!',
28032        nz: 'Removed!',
28033        ru: 'Удалено!'
28034      }
28035    };
28036
28037    // Tooltip translations for price info
28038    window.tooltipTranslations = {
28039      tooltipPrice: {
28040        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28041        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
28042        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
28043        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
28044        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
28045        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
28046        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
28047        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
28048        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
28049        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
28050        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
28051        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
28052        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
28053        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
28054        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
28055        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
28056        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
28057        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
28058        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
28059        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
28060        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
28061        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
28062        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
28063        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
28064        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
28064iks atskaitīts, ja piemērojams.",
28065        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
28066        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
28067        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
28068        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28069        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28070        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28071        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28072        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28073        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28074        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
28075        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
28076      },
28077      tooltipOutlet: {
28078        en: "We do not provide additional wholesale discounts on outlet products.",
28079        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
28080        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
28081        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
28082        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
28083        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
28084        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
28085        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
28086        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
28087        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
28088        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
28089        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
28090        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
28091        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
28092        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
28093        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
28094        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
28095        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
28096        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
28097        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
28098        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
28099        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
28100        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
28101        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
28102        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
28103        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
28104        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
28105        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
28106        gb: "We do not provide additional wholesale discounts on outlet products.",
28107        uk: "We do not provide additional wholesale discounts on outlet products.",
28108        ie: "We do not provide additional wholesale discounts on outlet products.",
28109        us: "We do not provide additional wholesale discounts on outlet products.",
28110        ca: "We do not provide additional wholesale discounts on outlet products.",
28111        au: "We do not provide additional wholesale discounts on outlet products.",
28112        nz: "We do not provide additional wholesale discounts on outlet products.",
28113        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
28114      }
28115    };
28116
28117    // Get current locale from document
28118    window.currentLocale = document.documentElement.lang || 'en';
28119
28120    // Function to translate compare buttons
28121    window.translateCompareButtons = function() {
28122      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
28123      compareTexts.forEach(function(textEl) {
28124        const button = textEl.closest('.compare-button-simple');
28125        const isInComparison = button && button.hasAttribute('data-in-comparison');
28126        
28127        if (isInComparison) {
28128          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
28129          textEl.textContent = translation;
28130        } else {
28131          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
28132          textEl.textContent = translation;
28133        }
28134      });
28135    };
28136
28137    // Function to format price with space as thousands separator (only for tooltip)
28138    function formatTooltipPrice(price) {
28139      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
28140      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
28141    }
28142
28143    // Function to translate tooltips with price
28144    window.translateTooltips = function() {
28145      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
28146      tooltips.forEach(function(tooltip) {
28147        const icon = tooltip.closest('.price-info-icon');
28148        if (icon) {
28149          const status = icon.getAttribute('data-status');
28150          // Check if this is an outlet product
28151          if (status === 'outlet') {
28152            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
28153            tooltip.textContent = translation;
28154            return; // Exit early for outlet products
28155          }
28156          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
28157          // Get wholesale price from the actual price display on the card
28158          const card = icon.closest('[data-product-id]');
28159          let wholesalePrice = '';
28160          if (card) {
28161            // Find the main price element on the card
28162            const priceElement = card.querySelector('.price .price-item--regular');
28163            if (priceElement) {
28164              wholesalePrice = priceElement.textContent.trim();
28165            }
28166          }
28167          if (retailPrice && wholesalePrice) {
28168            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
28169            let formattedRetailPrice = formatTooltipPrice(retailPrice);
28170            let formattedWholesalePrice = wholesalePrice;
28171            if (window.formatPriceText) {
28172              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
28173            }
28174            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
28175            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
28176            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
28177            tooltip.textContent = translatedText;
28178          }
28179        }
28180      });
28181    };
28182
28183    // Function to update button state based on comparison status
28184    window.updateCompareButtonState = function(productId, isInComparison) {
28185      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
28186      buttons.forEach(function(button) {
28187        const buttonContainer = button.closest('.compare-button-container');
28188        const compareText = button.querySelector('.compare-text');
28189        
28190        if (isInComparison) {
28191          button.setAttribute('data-in-comparison', 'true');
28192          button.classList.add('in-comparison');
28193          buttonContainer.classList.add('in-comparison');
28194          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
28195          compareText.textContent = removeText;
28196        } else {
28197          button.removeAttribute('data-in-comparison');
28198          button.classList.remove('in-comparison');
28199          buttonContainer.classList.remove('in-comparison');
28200          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
28201          compareText.textContent = compareTextTranslation;
28202        }
28203      });
28204    };
28205  }
28206
28207  // Initialize compare button states based on localStorage
28208  window.initializeCompareButtonStates = function() {
28209    if (typeof window.RendlCompare !== 'undefined') {
28210      const compareItems = window.RendlCompare.getItems();
28211      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
28212        const productId = button.getAttribute('data-product-id');
28213        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
28214        window.updateCompareButtonState(productId, isInComparison);
28215      });
28216    }
28217  };
28218
28219  // Compare button UI animation - the actual functionality is handled by compare-system.js
28220  document.addEventListener('DOMContentLoaded', function() {
28221    // Apply translations on page load
28222    if (window.translateCompareButtons) {
28223      window.translateCompareButtons();
28224    }
28225    
28226    // Initialize button states based on comparison data
28227    setTimeout(function() {
28228      if (window.initializeCompareButtonStates) {
28229        window.initializeCompareButtonStates();
28230      }
28231    }, 100); // Small delay to ensure compare system is loaded
28232    
28233    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
28234      // Skip if already has event listener
28235      if (button.hasAttribute('data-compare-initialized')) {
28236        return;
28237      }
28238      button.setAttribute('data-compare-initialized', 'true');
28239      
28240      button.addEventListener('click', function(e) {
28241        var buttonContainer = button.closest('.compare-button-container');
28242        var compareText = button.querySelector('.compare-text');
28243        var isInComparison = button.hasAttribute('data-in-comparison');
28244        var productId = button.getAttribute('data-product-id');
28245        
28246        // Prevent multiple clicks during loading
28247        if (button.classList.contains('loading')) {
28248          return;
28249        }
28250        
28251        // Make button always visible during the process
28252        buttonContainer.classList.add('active');
28253        
28254        // Add loading class to show spinner
28255        button.classList.add('loading');
28256        
28257        // UI feedback timing
28258        setTimeout(function() {
28259          // Remove loading class and show success message
28260          button.classList.remove('loading');
28261          button.classList.add('success');
28262          
28263          if (isInComparison) {
28264            // Removing from comparison
28265            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
28266            
28267            // Update button state after removal
28268            setTimeout(function() {
28269              button.classList.remove('success');
28270              window.updateCompareButtonState(productId, false);
28271              buttonContainer.classList.remove('active');
28272            }, 1500);
28273          } else {
28274            // Adding to comparison
28275            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
28276            
28277            // Update button state after addition
28278            setTimeout(function() {
28279              button.classList.remove('success');
28280              window.updateCompareButtonState(productId, true);
28281              buttonContainer.classList.remove('active');
28282            }, 1500);
28283          }
28284        }, 1200);
28285      });
28286    });
28287
28288    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
28289    setTimeout(function() {
28290      if (window.translateTooltips) {
28291        window.translateTooltips();
28292      }
28293    }, 100);
28294  });
28295
28296  // Ensure compare button states are initialized after RendlCompare is available
28297  document.addEventListener('DOMContentLoaded', function() {
28298    function tryInitCompareButtons() {
28299      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
28300        window.initializeCompareButtonStates();
28301      } else {
28302        setTimeout(tryInitCompareButtons, 100);
28303      }
28304    }
28305    tryInitCompareButtons();
28306  });
28307
28308  // Self-contained wishlist functionality for card-product
28309  (function() {
28310    // Wishlist translations
28311    var wishlistTranslations = {
28312      'en': {
28313        addToWishlist: 'Add to My Favorites',
28314        createCategory: 'Create new category:',
28315        categoryPlaceholder: 'Category name',
28316        createAndAdd: 'Create & Add Item',
28317        alreadyAdded: '(Already added)',
28318        addedToWishlist: 'added to My Favorites',
28319        removedFromWishlist: 'removed from My Favorites',
28320        allFavorites: 'All Favorites'
28321      },
28322      'cs': {
28323        addToWishlist: 'Přidat do oblíbených',
28324        createCategory: 'Vytvořit novou skupinu:',
28325        categoryPlaceholder: 'Název nové skupiny',
28326        createAndAdd: 'Vytvořit a přidat skupinu',
28327        alreadyAdded: '(Již přidáno)',
28328        addedToWishlist: 'přidáno do oblíbených',
28329        removedFromWishlist: 'odebráno z oblíbených',
28330        allFavorites: 'Všechny oblíbené'
28331      },
28332      'sk': {
28333        addToWishlist: 'Pridať do obľúbených',
28334        createCategory: 'Vytvoriť novú kategóriu:',
28335        categoryPlaceholder: 'Názov kategórie',
28336        createAndAdd: 'Vytvoriť a pridať položku',
28337        alreadyAdded: '(Už pridané)',
28338        addedToWishlist: 'pridané do obľúbených',
28339        removedFromWishlist: 'odstránené z obľúbených',
28340        allFavorites: 'Všetky obľúbené'
28341      },
28342      'de': {
28343        addToWishlist: 'Zu meinen Favoriten hinzufügen',
28344        createCategory: 'Neue Kategorie erstellen:',
28345        categoryPlaceholder: 'Kategoriename',
28346        createAndAdd: 'Erstellen & hinzufügen',
28347        alreadyAdded: '(Bereits hinzugefügt)',
28348        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
28349        removedFromWishlist: 'aus meinen Favoriten entfernt',
28350        allFavorites: 'Alle Favoriten'
28351      },
28352      'fr': {
28353        addToWishlist: 'Ajouter à mes favoris',
28354        createCategory: 'Créer une nouvelle catégorie :',
28355        categoryPlaceholder: 'Nom de la catégorie',
28356        createAndAdd: 'Créer et ajouter',
28357        alreadyAdded: '(Déjà ajouté)',
28358        addedToWishlist: 'ajouté à mes favoris',
28359        removedFromWishlist: 'retiré de mes favoris',
28360        allFavorites: 'Tous les favoris'
28361      },
28362      'it': {
28363        addToWishlist: 'Aggiungi ai preferiti',
28364        createCategory: 'Crea nuova categoria:',
28365        categoryPlaceholder: 'Nome categoria',
28366        createAndAdd: 'Crea e aggiungi',
28367        alreadyAdded: '(Già aggiunto)',
28368        addedToWishlist: 'aggiunto ai preferiti',
28369        removedFromWishlist: 'rimosso dai preferiti',
28370        allFavorites: 'Tutti i preferiti'
28371      },
28372      'es': {
28373        addToWishlist: 'Añadir a mis favoritos',
28374        createCategory: 'Crear nueva categoría:',
28375        categoryPlaceholder: 'Nombre de la categoría',
28376        createAndAdd: 'Crear y añadir',
28377        alreadyAdded: '(Ya añadido)',
28378        addedToWishlist: 'añadido a mis favoritos',
28379        removedFromWishlist: 'eliminado de mis favoritos',
28380        allFavorites: 'Todos los favoritos'
28381      },
28382      'nl': {
28383        addToWishlist: 'Toevoegen aan mijn favorieten',
28384        createCategory: 'Nieuwe categorie aanmaken:',
28385        categoryPlaceholder: 'Categorienaam',
28386        createAndAdd: 'Aanmaken & toevoegen',
28387        alreadyAdded: '(Al toegevoegd)',
28388        addedToWishlist: 'toegevoegd aan mijn favorieten',
28389        removedFromWishlist: 'verwijderd uit mijn favorieten',
28390        allFavorites: 'Alle favorieten'
28391      },
28392      'pl': {
28393        addToWishlist: 'Dodaj do ulubionych',
28394        createCategory: 'Utwórz nową kategorię:',
28395        categoryPlaceholder: 'Nazwa kategorii',
28396        createAndAdd: 'Utwórz i dodaj',
28397        alreadyAdded: '(Już dodane)',
28398        addedToWishlist: 'dodano do ulubionych',
28399        removedFromWishlist: 'usunięto z ulubionych',
28400        allFavorites: 'Wszystkie ulubione'
28401      },
28402      'hu': {
28403        addToWishlist: 'Hozzáadás a kedvencekhez',
28404        createCategory: 'Új kategória létrehozása:',
28405        categoryPlaceholder: 'Kategória neve',
28406        createAndAdd: 'Létrehozás és hozzáadás',
28407        alreadyAdded: '(Már hozzáadva)',
28408        addedToWishlist: 'hozzáadva a kedvencekhez',
28409        removedFromWishlist: 'eltávolítva a kedvencekből',
28410        allFavorites: 'Minden kedvenc'
28411      },
28412      'ro': {
28413        addToWishlist: 'Adaugă la favorite',
28414        createCategory: 'Creează o nouă categorie:',
28415        categoryPlaceholder: 'Nume categorie',
28416        createAndAdd: 'Creează și adaugă',
28417        alreadyAdded: '(Deja adăugat)',
28418        addedToWishlist: 'adăugat la favorite',
28419        removedFromWishlist: 'eliminat din favorite',
28420        allFavorites: 'Toate preferințele'
28421      },
28422      'bg': {
28423        addToWishlist: 'Добави в любими',
28424        createCategory: 'Създай нова категория:',
28425        categoryPlaceholder: 'Име на категория',
28426        createAndAdd: 'Създай и добави',
28427        alreadyAdded: '(Вече добавено)',
28428        addedToWishlist: 'добавено в любими',
28429        removedFromWishlist: 'премахнато от любими',
28430        allFavorites: 'Всички любими'
28431      },
28432      'hr': {
28433        addToWishlist: 'Dodaj u favorite',
28434        createCategory: 'Kreiraj novu kategoriju:',
28435        categoryPlaceholder: 'Naziv kategorije',
28436        createAndAdd: 'Kreiraj i dodaj',
28437        alreadyAdded: '(Već dodano)',
28438        addedToWishlist: 'dodano u favorite',
28439        removedFromWishlist: 'uklonjeno iz favorita',
28440        allFavorites: 'Sva omiljena'
28441      },
28442      'fi': {
28443        addToWishlist: 'Lisää suosikkeihin',
28444        createCategory: 'Luo uusi kategoria:',
28445        categoryPlaceholder: 'Kategorian nimi',
28446        createAndAdd: 'Luo ja lisää',
28447        alreadyAdded: '(Jo lisätty)',
28448        addedToWishlist: 'lisätty suosikkeihin',
28449        removedFromWishlist: 'poistettu suosikeista',
28450        allFavorites: 'Kaikki suosikit'
28451      },
28452      'gr': {
28453        addToWishlist: 'Προσθήκη στα αγαπημένα',
28454        createCategory: 'Δημιουργία νέας κατηγορίας:',
28455        categoryPlaceholder: 'Όνομα κατηγορίας',
28456        createAndAdd: 'Δημιουργία & προσθήκη',
28457        alreadyAdded: '(Ήδη προστέθηκε)',
28458        addedToWishlist: 'προστέθηκε στα αγαπημένα',
28459        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
28460        allFavorites: 'Όλα τα αγαπημένα'
28461      },
28462      'no': {
28463        addToWishlist: 'Legg til i favoritter',
28464        createCategory: 'Opprett ny kategori:',
28465        categoryPlaceholder: 'Kategorinavn',
28466        createAndAdd: 'Opprett og legg til',
28467        alreadyAdded: '(Allerede lagt til)',
28468        addedToWishlist: 'lagt til i favoritter',
28469        removedFromWishlist: 'fjernet fra favoritter',
28470        allFavorites: 'Alle favoritter'
28471      },
28472      'pt-PT': {
28473        addToWishlist: 'Adicionar aos favoritos',
28474        createCategory: 'Criar nova categoria:',
28475        categoryPlaceholder: 'Nome da categoria',
28476        createAndAdd: 'Criar e adicionar',
28477        alreadyAdded: '(Já adicionado)',
28478        addedToWishlist: 'adicionado aos favoritos',
28479        removedFromWishlist: 'removido dos favoritos',
28480        allFavorites: 'Todos os favoritos'
28481      },
28482      'sl': {
28483        addToWishlist: 'Dodaj med priljubljene',
28484        createCategory: 'Ustvari novo kategorijo:',
28485        categoryPlaceholder: 'Ime kategorije',
28486        createAndAdd: 'Ustvari in dodaj',
28487        alreadyAdded: '(Že dodano)',
28488        addedToWishlist: 'dodano med priljubljene',
28489        removedFromWishlist: 'odstranjeno iz priljubljenih',
28490        allFavorites: 'Vsi priljubljeni'
28491      },
28492      'sv': {
28493        addToWishlist: 'Lägg till i favoriter',
28494        createCategory: 'Skapa ny kategori:',
28495        categoryPlaceholder: 'Kategorinamn',
28496        createAndAdd: 'Skapa och lägg till',
28497        alreadyAdded: '(Redan tillagd)',
28498        addedToWishlist: 'tillagd i favoriter',
28499        removedFromWishlist: 'borttagen från favoriter',
28500        allFavorites: 'Alla favoriter'
28501      },
28502      'lv': {
28503        addToWishlist: 'Pievienot favorītiem',
28504        createCategory: 'Izveidot jaunu kategoriju:',
28505        categoryPlaceholder: 'Kategorijas nosaukums',
28506        createAndAdd: 'Izveidot un pievienot',
28507        alreadyAdded: '(Jau pievienots)',
28508        addedToWishlist: 'pievienots favorītiem',
28509        removedFromWishlist: 'noņemts no favorītiem',
28510        allFavorites: 'Visas favorītus'
28511      },
28512      'lt': {
28513        addToWishlist: 'Pridėti į mėgstamiausius',
28514        createCategory: 'Sukurti naują kategoriją:',
28515        categoryPlaceholder: 'Kategorijos pavadinimas',
28516        createAndAdd: 'Sukurti ir pridėti',
28517        alreadyAdded: '(Jau pridėta)',
28518        addedToWishlist: 'pridėta į mėgstamiausius',
28519        removedFromWishlist: 'pašalinta iš mėgstamiausių',
28520        allFavorites: 'Visos mėgstamiausios'
28521      },
28522      'ee': {
28523        addToWishlist: 'Lisa lemmikutesse',
28524        createCategory: 'Loo uus kategooria:',
28525        categoryPlaceholder: 'Kategooria nimi',
28526        createAndAdd: 'Loo ja lisa',
28527        alreadyAdded: '(Juba lisatud)',
28528        addedToWishlist: 'lisatud lemmikutesse',
28529        removedFromWishlist: 'eemaldatud lemmikutest',
28530        allFavorites: 'Kõik lemmikud'
28531      },
28532      'dk': {
28533        addToWishlist: 'Tilføj til favoritter',
28534        createCategory: 'Opret ny kategori:',
28535        categoryPlaceholder: 'Kategorinavn',
28536        createAndAdd: 'Opret og tilføj',
28537        alreadyAdded: '(Allerede tilføjet)',
28538        addedToWishlist: 'tilføjet til favoritter',
28539        removedFromWishlist: 'fjernet fra favoritter',
28540        allFavorites: 'Alle favoritter'
28541      }
28542    };
28543
28544    function getWishlistLang() {
28545      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
28546      // Normalize for region codes (e.g., pt-PT, sl)
28547      if (lang.startsWith('pt-PT')) return 'pt-PT';
28548      if (lang.startsWith('sl')) return 'sl';
28549      if (lang.startsWith('cs')) return 'cs';
28550      if (lang.startsWith('sk')) return 'sk';
28551      if (lang.startsWith('de')) return 'de';
28552      if (lang.startsWith('fr')) return 'fr';
28553      if (lang.startsWith('it')) return 'it';
28554      if (lang.startsWith('es')) return 'es';
28555      if (lang.startsWith('nl')) return 'nl';
28556      if (lang.startsWith('pl')) return 'pl';
28557      if (lang.startsWith('hu')) return 'hu';
28558      if (lang.startsWith('ro')) return 'ro';
28559      if (lang.startsWith('bg')) return 'bg';
28560      if (lang.startsWith('hr')) return 'hr';
28561      if (lang.startsWith('fi')) return 'fi';
28562      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
28563      if (lang.startsWith('no')) return 'no';
28564      if (lang.startsWith('sv')) return 'sv';
28565      if (lang.startsWith('lv')) return 'lv';
28566      if (lang.startsWith('lt')) return 'lt';
28567      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
28568      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
28569      return 'en';
28570    }
28571
28572    // Get or initialize the wishlist array in localStorage
28573    function getWishlist() {
28574      const wishlistJSON = localStorage.getItem('rendl_wishlist');
28575      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
28576        categories: [
28577          {
28578            id: 'all-favorites',
28579            name: 'All Favorites',
28580            items: []
28581          }
28582        ],
28583        version: 2
28584      };
28585      
28586      // Handle migration from old format (array of items) to new format (categories)
28587      if (Array.isArray(wishlist)) {
28588        return {
28589          categories: [
28590            {
28591              id: 'all-favorites',
28592              name: 'All Favorites',
28593              items: wishlist
28594            }
28595          ],
28596          version: 2
28597        };
28598      }
28599      
28600      return wishlist;
28601    }
28602    
28603    // Save wishlist to localStorage
28604    function saveWishlist(wishlist) {
28605      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
28606      // Dispatch an event so other parts of the site can react to wishlist changes
28607      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
28608        detail: { wishlist: wishlist } 
28609      }));
28610      
28611      // Count total items across all categories
28612      const totalItems = wishlist.categories.reduce((total, category) => {
28613        return total + category.items.length;
28614      }, 0);
28615      
28616      // Update all wishlist counters
28617      updateWishlistCounters(totalItems);
28618    }
28619    
28620    // Update all wishlist counters on the page
28621    function updateWishlistCounters(count) {
28622      const counters = document.querySelectorAll('.wishlist-count');
28623      counters.forEach(counter => {
28624        counter.textContent = count;
28625        
28626        // If the counter is hidden and count > 0, show it
28627        if (count > 0 && counter.hasAttribute('hidden')) {
28628          counter.removeAttribute('hidden');
28629        }
28630        // If the counter is visible and count = 0, hide it
28631        else if (count === 0 && !counter.hasAttribute('hidden')) {
28632          counter.setAttribute('hidden', 'true');
28633        }
28634      });
28635    }
28636    
28637    // Check if a product is in the wishlist (in any category)
28638    function isInWishlist(productId) {
28639      const wishlist = getWishlist();
28640      return wishlist.categories.some(category => 
28641        category.items.some(item => item.id === productId)
28642      );
28643    }
28644    
28645    // Get all categories
28646    function getCategories() {
28647      return getWishlist().categories;
28648    }
28649    
28650    // Create a new category
28651    function createCategory(name) {
28652      const wishlist = getWishlist();
28653      const categoryId = 'category-' + Date.now();
28654      
28655      wishlist.categories.push({
28656        id: categoryId,
28657        name: name,
28658        items: []
28659      });
28660      
28661      saveWishlist(wishlist);
28662      return categoryId;
28663    }
28664    
28665    // Add a product to a specific category
28666    function addToCategory(product, categoryId) {
28667      const wishlist = getWishlist();
28668      const category = wishlist.categories.find(cat => cat.id === categoryId);
28669      
28670      if (!category) return false;
28671      
28672      // Check if product already exists in ANY category (not just this one)
28673      if (isInWishlist(product.id)) {
28674        return false; // Product already in wishlist
28675      }
28676      
28677      // Add product to category
28678      category.items.push(product);
28679      saveWishlist(wishlist);
28680      
28681      // Dispatch event for global sync
28682      document.dispatchEvent(new CustomEvent('wishlist:updated', {
28683        detail: { productId: product.id, added: true }
28684      }));
28685      
28686      return true;
28687    }
28688    
28689    // Add a product to the default "All Favorites" category
28690    function addToWishlist(product) {
28691      return addToCategory(product, 'all-favorites');
28692    }
28693    
28694    // Remove a product from all categories
28695    function removeFromWishlist(productId) {
28696      const wishlist = getWishlist();
28697      let removed = false;
28698      
28699      wishlist.categories.forEach(category => {
28700        const initialLength = category.items.length;
28701        category.items = category.items.filter(item => item.id !== productId);
28702        if (category.items.length !== initialLength) {
28703          removed = true;
28704        }
28705      });
28706      
28707      if (removed) {
28708        saveWishlist(wishlist);
28709      }
28710      
28711      return removed;
28712    }
28713    
28714    // Toggle a product in the wishlist
28715    function toggleWishlistItem(product) {
28716      if (isInWishlist(product.id)) {
28717        // If already in wishlist, remove it
28718        const wasRemoved = removeFromWishlist(product.id);
28719        
28720        // Update heart icon if the product was successfully removed
28721        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
28722        if (heartIcon && wasRemoved) {
28723          heartIcon.setAttribute('fill', 'none');
28724          showWishlistToast(false, product.title);
28725          
28726          // Dispatch event for global sync
28727          document.dispatchEvent(new CustomEvent('wishlist:updated', {
28728            detail: { productId: product.id, added: false }
28729          }));
28730        }
28731        return wasRemoved;
28732      } else {
28733        // If not in wishlist, show category selection popup
28734        showCategorySelectionPopup(product);
28735        return false; // Don't return true unless we actually add the product
28736      }
28737    }
28738    
28739    // Show wishlist category selection popup
28740    function showCategorySelectionPopup(product) {
28741      // Remove any existing popup
28742      const existingPopup = document.getElementById('wishlist-category-popup');
28743      if (existingPopup) {
28744        existingPopup.remove();
28745      }
28746
28747      const lang = getWishlistLang();
28748      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
28749
28750      // Create popup container
28751      const popup = document.createElement('div');
28752      popup.id = 'wishlist-category-popup';
28753      popup.className = 'wishlist-category-popup';
28754
28755      // Create popup content
28756      const content = document.createElement('div');
28757      content.className = 'wishlist-category-popup-content';
28758
28759      // Create header
28760      const title = document.createElement('h2');
28761      title.textContent = translations.addToWishlist; // Translate
28762
28763      const closeButton = document.createElement('button');
28764      closeButton.className = 'wishlist-category-popup-close';
28765      closeButton.setAttribute('aria-label', 'Close');
28766      closeButton.addEventListener('click', () => {
28767        popup.remove();
28768      });
28769      
28770      // Create category list
28771      const categoryList = document.createElement('div');
28772      categoryList.className = 'wishlist-category-list';
28773      
28774      // Get categories
28775      const categories = getCategories();
28776      
28777      // Add category options
28778      categories.forEach(category => {
28779        const categoryOption = document.createElement('div');
28780        categoryOption.className = 'wishlist-category-option';
28781        
28782        // Use translation for default category name
28783        categoryOption.textContent = category.id === 'all-favorites'
28784          ? (translations.allFavorites || category.name)
28785          : category.name;
28786
28787        // Highlight if product already in this category
28788        if (category.items.some(item => item.id === product.id)) {
28789          categoryOption.style.backgroundColor = '#f0f0f0';
28790          categoryOption.style.color = '#999';
28791          categoryOption.style.fontStyle = 'italic';
28792          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
28793          categoryOption.style.cursor = 'default';
28794        } else {
28795          categoryOption.addEventListener('click', () => {
28796            const wasAdded = addToCategory(product, category.id);
28797            
28798            if (wasAdded) {
28799              // Update heart icon after successful addition
28800              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
28801              if (heartIcon) {
28802                heartIcon.setAttribute('fill', '#333333');
28803              }
28804              
28805              showWishlistToast(true, product.title);
28806              popup.remove();
28807            }
28808          });
28809        }
28810        
28811        categoryList.appendChild(categoryOption);
28812      });
28813      
28814      // Create "add new category" section
28815      const newCategorySection = document.createElement('div');
28816      newCategorySection.style.borderTop = '1px solid #eee';
28817      newCategorySection.style.paddingTop = '15px';
28818      newCategorySection.style.marginTop = '10px';
28819      
28820      const newCategoryLabel = document.createElement('label');
28821      newCategoryLabel.textContent = translations.createCategory; // Translate
28822
28823      const newCategoryInput = document.createElement('input');
28824      newCategoryInput.type = 'text';
28825      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
28826
28827      const createButton = document.createElement('button');
28828      createButton.className = 'create-category-button';
28829      createButton.textContent = translations.createAndAdd; // Translate
28830
28831      createButton.addEventListener('click', () => {
28832        const categoryName = newCategoryInput.value.trim();
28833        if (categoryName) {
28834          const categoryId = createCategory(categoryName);
28835          const wasAdded = addToCategory(product, categoryId);
28836          
28837          if (wasAdded) {
28838            // Update heart icon after successful addition
28839            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
28840            if (heartIcon) {
28841              heartIcon.setAttribute('fill', '#333333');
28842            }
28843            
28844            showWishlistToast(true, product.title);
28845            popup.remove();
28846          }
28847        }
28848      });
28849      
28850      newCategorySection.appendChild(newCategoryLabel);
28851      newCategorySection.appendChild(newCategoryInput);
28852      newCategorySection.appendChild(createButton);
28853      
28854      // Assemble popup
28855      content.appendChild(title);
28856      content.appendChild(closeButton);
28857      content.appendChild(categoryList);
28858      content.appendChild(newCategorySection);
28859      popup.appendChild(content);
28860      
28861      // Add to document
28862      document.body.appendChild(popup);
28863      
28864      // Focus the input
28865      setTimeout(() => {
28866        newCategoryInput.focus();
28867      }, 100);
28868      
28869      // Close when clicking outside content
28870      popup.addEventListener('click', (e) => {
28871        if (e.target === popup) {
28872          popup.remove();
28873        }
28874      });
28875    }
28876    
28877    // Show a toast notification
28878    function showWishlistToast(added, productTitle) {
28879      // Create or get toast container
28880      let toastContainer = document.getElementById('wishlist-toast');
28881      if (!toastContainer) {
28882        toastContainer = document.createElement('div');
28883        toastContainer.id = 'wishlist-toast';
28884        toastContainer.style.position = 'fixed';
28885        toastContainer.style.bottom = '20px';
28886        toastContainer.style.right = '20px';
28887        toastContainer.style.zIndex = '9999';
28888        document.body.appendChild(toastContainer);
28889      }
28890      
28891      // Create toast
28892      const toast = document.createElement('div');
28893      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
28894      toast.style.color = 'white';
28895      toast.style.padding = '12px 20px';
28896      toast.style.borderRadius = '0';
28897      toast.style.marginTop = '10px';
28898      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
28899      toast.style.transition = 'all 0.3s ease';
28900      toast.style.opacity = '0';
28901      toast.style.fontFamily = 'Montserrat, sans-serif';
28902      
28903      // Choose text based on action
28904      const lang = getWishlistLang();
28905      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
28906      toast.textContent = added
28907        ? `${productTitle} ${translations.addedToWishlist}` // Translate
28908        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
28909      
28910      // Add to container
28911      toastContainer.appendChild(toast);
28912      
28913      // Animate in
28914      setTimeout(() => {
28915        toast.style.opacity = '1';
28916      }, 10);
28917      
28918      // Animate out and remove
28919      setTimeout(() => {
28920        toast.style.opacity = '0';
28921        setTimeout(() => {
28922          toastContainer.removeChild(toast);
28923        }, 300);
28924      }, 3000);
28925    }
28926
28927    // Initialize wishlist buttons
28928    function initCardWishlistButtons() {
28929      const wishlistButtons = document.querySelectorAll('.card-wis
28929hlist-button');
28930      
28931      wishlistButtons.forEach(button => {
28932        // Skip if already initialized
28933        if (button.dataset.initializedWishlist === 'true') return;
28934        button.dataset.initializedWishlist = 'true';
28935        
28936        const productId = button.getAttribute('data-wishlist-product');
28937        if (!productId) return;
28938        
28939        // Get product details from the card
28940        const card = button.closest('.card-wrapper');
28941        const productDetails = {
28942          id: productId,
28943          title: card.querySelector('.card__heading')?.textContent.trim() || '',
28944          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
28945          price: card.querySelector('.price')?.textContent.trim() || '',
28946          image: card.querySelector('img')?.src || '',
28947          url: card.querySelector('a[href*="/products/"]')?.href || ''
28948        };
28949        
28950        // Set initial state using global function
28951        const heartIcon = button.querySelector('path');
28952        if (heartIcon) {
28953          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
28954            heartIcon.setAttribute('fill', '#333333');
28955          } else {
28956            heartIcon.setAttribute('fill', 'none');
28957          }
28958        }
28959        
28960        // Add click handler
28961        button.addEventListener('click', function(e) {
28962          e.preventDefault();
28963          e.stopPropagation();
28964          e.stopImmediatePropagation();
28965          toggleWishlistItem(productDetails);
28966        });
28967        
28968        // Prevent navigation on mousedown/touchstart
28969        button.addEventListener('mousedown', function(e) {
28970          e.preventDefault();
28971          e.stopPropagation();
28972        });
28973        
28974        button.addEventListener('touchstart', function(e) {
28975          e.preventDefault();
28976          e.stopPropagation();
28977        });
28978      });
28979    }
28980
28981    // Initialize the wishlist counter on page load
28982    const wishlist = getWishlist();
28983    const totalItems = wishlist.categories.reduce((total, category) => {
28984      return total + category.items.length;
28985    }, 0);
28986    updateWishlistCounters(totalItems);
28987
28988    // Initialize on DOM ready
28989    if (document.readyState === 'loading') {
28990      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
28991    } else {
28992      initCardWishlistButtons();
28993    }
28994
28995    // Reinitialize on Shopify section load
28996    document.addEventListener('shopify:section:load', function() {
28997      setTimeout(initCardWishlistButtons, 100);
28998    });
28999
29000    // Listen for wishlist updates from other parts of the site
29001    document.addEventListener('wishlist:updated', function() {
29002      setTimeout(initCardWishlistButtons, 100);
29003    });
29004  })();
29005</script>
29005
29006
29007<!-- Price info icon styles -->
29008<style>
29009  /* Price container with icon */
29010  .price-container-with-info {
29011    position: relative;
29012    display: flex;
29013    align-items: center;
29014    gap: 8px;
29015  }
29016
29017  /* Info icon - hidden by default, shown on card hover */
29018  .price-info-icon {
29019    position: relative;
29020    display: inline-flex;
29021    align-items: center;
29022    justify-content: center;
29023    color: #666;
29024    cursor: help;
29025    opacity: 0;
29026    transition: opacity 0.3s ease;
29027
29028    padding: 4px; /* Add padding to increase clickable area */
29029    min-width: 20px; /* Ensure minimum clickable area */
29030    min-height: 20px;
29031    z-index: 15; /* Above everything else including compare button */
29032    pointer-events: auto; /* Allow interaction */
29033  }
29034
29035  /* Show icon on card hover */
29036  .card-wrapper:hover .price-info-icon {
29037    opacity: 1;
29038  }
29039
29040  .price-info-icon svg {
29041    width: 14px;
29042    height: 14px;
29043    stroke-width: 1.5;
29044  }
29045
29046  /* Tooltip styles */
29047  .price-info-tooltip {
29048    position: absolute;
29049    bottom: calc(100% + 6px);
29050    top: auto;
29051    left: 0;
29052    transform: none;
29053    min-width: 310px;
29054    background: #FFFFFF;
29055    color: #232323;
29056    border: 1px solid #EEEEEE;
29057    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
29058    padding: 12px 16px;
29059    font-size: 13px;
29060    font-family: 'Montserrat', sans-serif;
29061    z-index: 10000;
29062    opacity: 0;
29063    transition: opacity 0.18s;
29064    white-space: pre-line;
29065    text-align: left;
29066    border-radius: 0;
29067    visibility: hidden;
29068    pointer-events: none;
29069  }
29070
29071  /* Show tooltip on icon hover */
29072  .price-info-icon:hover .price-info-tooltip {
29073    visibility: visible;
29074    opacity: 1;
29075  }
29076
29077  /* Ensure tooltip is never clipped */
29078  .price-container-with-info,
29079  .card-information,
29080  .card__content {
29081    overflow: visible !important;
29082  }
29083
29084  /* Mobile adjustments */
29085  @media screen and (max-width: 768px) {
29086    .price-info-tooltip {
29087      min-width: 200px;
29088      font-size: 12px;
29089      padding: 10px 12px;
29090    }
29091  }
29092</style>
29093
29094                </li>
29095                <li
29096                  class="grid__item"
29097                  
29098                >
29099                  
29100<div class="card-wrapper product-card-wrapper underline-links-hover">
29101
29102    <div
29103      class="
29104        card card--standard
29105         card--media
29106        
29107        
29108        
29109        
29110        
29111      "
29112      style="--ratio-percent: 100.0%;"
29113      data-product-id="9746921586986"
29114      data-description="Ulkovalo painevaletusta alumiinista. Asennus maahan tarkoitettu. Suojalasit satiinilasia."
29115      
29116      data-ip-rate="IP44"
29117      
29118      data-variant-id="52387878601002"
29119      data-price="120.00 EUR"
29120      data-compare-at-price=""
29121      data-available="true"
29122      data-barcode="8595685402024"
29123      data-ip-rate="IP44"
29124      data-lumens=""
29125      data-power-source=""
29126      data-watt="15.0"
29127      data-kelvin=""
29128      data-light-color=""
29129      data-diameter=""
29130      data-weight-netto="1060.0"
29131      data-weight-unit="g"
29132      data-mounting-hole-size=""
29133      data-recess-depth=""
29134      data-suspension-lenght=""
29135      data-turn-angle=""
29136      data-tilt-angle=""
29137      data-switch=""
29138      data-socket="LED E27"
29139      data-light-source-recomended="G13026"
29140      data-height="20"
29141      data-length="10.8"
29142      data-Length=""
29143    >
29144      <div
29145        class="card__inner color-scheme-2 gradient ratio"
29146        style="--ratio-percent: 100.0%;"
29147      >
29148        
29149
29150<div class="ip-rate-badge">
29151            <span>IP44</span>
29152          </div><div class="card__media">
29153            <a class="card__media-link-content" href="/products/ponder-20-wall-or-bollard-lamp" aria-label="PONDER 20">
29154              <div class="media media--transparent media--hover-effect">
29155              
29156              <img
29157                class="product-image motion-reduce"
29158                srcset="//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=165 165w,//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=360 360w,//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=533 533w,//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=720 720w,//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=940 940w,//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=1066 1066w,//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157 3162w
29159                "
29160                src="//rendl.fi/cdn/shop/files/r10367-1.jpg?v=1771032157&width=533"
29161                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
29162                alt="RENDL outdoor lamp PONDER 20 wall or bollard black  230V LED E27 15W IP44 R10367 1"
29163                
29164                  loading="lazy"
29165                
29166                width="3162"
29167                height="3162"
29168              >
29169              
29170<img
29171                  class="product-image motion-reduce"
29172                  srcset="//rendl.fi/cdn/shop/files/preview_images/R10367_01_400_PONDER_20_518eb2a8-090e-449e-ad13-75e97ad8b4ac.jpg?v=1766069699 w
29173                  "
29174                  src="//rendl.fi/cdn/shop/files/preview_images/R10367_01_400_PONDER_20_518eb2a8-090e-449e-ad13-75e97ad8b4ac.jpg?v=1766069699&width=533"
29175                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
29176                  alt=""
29177                  loading="lazy"
29178                  width=""
29179                  height=""
29180                ></div>
29181            </a>
29182            
29183<div class="card-media-icons"><div class="dimmable-icon">
29184                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Dimmable.svg?v=1753944550" alt="Dimmable" width="14" height="14">
29185                    <div class="dimmable-tooltip">Himmentävä sopivalla valonlähteellä</div>
29186                  </div></div><div class="card-variant-swatches"><a
29187                    class="card-variant-swatch"
29188                    href="/products/ponder-20-wall-or-bollard-lamp?variant=52387878601002"
29189                    
29190                      style="background-image: url('//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=64');"
29191                    
29192                    aria-label="musta"
29193                  >
29194                    <span class="card-variant-swatch-tooltip">musta</span></a></div></div><div class="card__content">
29195          <div class="card__information">
29196            <h3
29197              class="card__heading"
29198              
29199            >
29200              <a
29201                href="/products/ponder-20-wall-or-bollard-lamp"
29202                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746921586986"
29203                class="full-unstyled-link"
29204                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746921586986 NoMediaStandardBadge-template--28113427169578__product-grid-9746921586986"
29205              >
29206                PONDER 20
29207              </a>
29208            </h3>
29209          </div>
29210          <div class="card__badge bottom left"></div>
29211        </div>
29212      </div>
29213      <div class="card__content">
29214        <div class="card__information">
29215          <h3
29216            class="card__heading h5"
29217            
29218              id="title-template--28113427169578__product-grid-9746921586986"
29219            
29220          >
29221            <a
29222              href="/products/ponder-20-wall-or-bollard-lamp"
29223              id="CardLink-template--28113427169578__product-grid-9746921586986"
29224              class="full-unstyled-link"
29225              aria-labelledby="CardLink-template--28113427169578__product-grid-9746921586986 Badge-template--28113427169578__product-grid-9746921586986"
29226            >
29227              PONDER 20
29228            </a>
29229          </h3><div class="card__description">
29230              Ulkovalo painevaletusta alumiinista. Asennus maahan tarkoitettu. Suojalasit satiinilasia.
29231            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
29232              
29233<div
29234    class="
29235      price "
29236  >
29237    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
29238          <span class="price-item price-item--regular">
29239            120.00 EUR
29240          </span></div>
29241      <div class="price__sale">
29242          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
29243          <span>
29244            <s class="price-item price-item--regular">
29245              
29246                
29247              
29248            </s>
29249          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
29250        <span class="price-item price-item--sale price-item--last">
29251          120.00 EUR
29252        </span>
29253      </div>
29254      <small class="unit-price caption hidden">
29255        <span class="visually-hidden">Yksikköhinta</span>
29256        <span class="price-item price-item--last">
29257          <span></span>
29258          <span aria-hidden="true">/</span>
29259          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
29260          <span>
29261          </span>
29262        </span>
29263      </small>
29264    </div></div>
29265
29266
29267</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
29268              <button class="compare-button-simple" 
29269                      data-product-id="9746921586986" 
29270                      data-product-title="PONDER 20"
29271                      data-product-handle="ponder-20-wall-or-bollard-lamp">
29272                              <span class="compare-button-content">
29273                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
29274                    <span class="compare-text" data-translate="compare">compare</span>
29275                  </span>
29276                <span class="compare-spinner-small">
29277                  <!-- Small spinner for button -->
29278                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
29279                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
29280                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
29281                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
29281inite"/>
29282                    </path>
29283                  </svg>
29284                </span>
29285              </button>
29286              
29287              <!-- Wishlist button next to compare button -->
29288              <button type="button" class="card-wishlist-button" data-wishlist-product="9746921586986">
29289                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
29290                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
29291                </svg>
29292              </button>
29293            </div></div>
29294        </div>
29295        
29296        
29297        
29298          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746921586986" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
29299                    type="hidden"
29300                    name="id"
29301                    value="52387878601002"
29302                    class="product-variant-id"
29303                    
29304                  >
29305                  <button
29306                    id="quick-add-template--28113427169578__product-grid9746921586986-submit"
29307                    type="submit"
29308                    name="add"
29309                    class="quick-add__submit button button--full-width button--secondary"
29310                    aria-haspopup="dialog"
29311                    aria-labelledby="quick-add-template--28113427169578__product-grid9746921586986-submit title-template--28113427169578__product-grid-9746921586986"
29312                    aria-live="polite"
29313                    data-sold-out-message="true"
29314                    
29315                  >
29316                    <span>Lisää ostoskoriin
29317</span>
29318                    <span class="sold-out-message hidden">
29319                      Matkalla
29320                    </span>
29321
29322<div class="loading__spinner hidden">
29323  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
29324
29325</div>
29326</button><input type="hidden" name="product-id" value="9746921586986" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
29327        
29328        <div class="card__badge bottom left"></div>
29329      </div>
29330    </div>
29331  </div>
29331<script>
29332  // Initialize global compare translations only once
29333  if (typeof window.compareButtonTranslations === 'undefined') {
29334    window.compareButtonTranslations = {
29335      compare: {
29336        en: 'compare',
29337        cs: 'porovnat',
29338        sk: 'porovnať',
29339        de: 'vergleichen',
29340        at: 'vergleichen',
29341        ch: 'vergleichen',
29342        fr: 'comparer',
29343        be: 'comparer',
29344        lu: 'comparer',
29345        it: 'confronta',
29346        es: 'comparar',
29347        nl: 'vergelijken',
29348        pl: 'porównaj',
29349        hu: 'összehasonlít',
29350        ro: 'compară',
29351        bg: 'сравни',
29352        hr: 'usporedi',
29353        fi: 'vertaile',
29354        gr: 'σύγκριση',
29355        el: 'σύγκριση',
29356        no: 'sammenlign',
29357        'pt-PT': 'comparar',
29358        sl: 'primerjaj',
29359        sv: 'jämför',
29360        lv: 'salīdzināt',
29361        lt: 'palyginti',
29362        ee: 'võrdle',
29363        dk: 'sammenlign',
29364        gb: 'compare',
29365        uk: 'compare',
29366        ie: 'compare',
29367        us: 'compare',
29368        ca: 'compare',
29369        au: 'compare',
29370        nz: 'compare',
29371        ru: 'сравнить'
29372      },
29373      remove: {
29374        en: 'remove',
29375        cs: 'odebrat',
29376        sk: 'odobrať',
29377        de: 'entfernen',
29378        at: 'entfernen',
29379        ch: 'entfernen',
29380        fr: 'supprimer',
29381        be: 'supprimer',
29382        lu: 'supprimer',
29383        it: 'rimuovi',
29384        es: 'eliminar',
29385        nl: 'verwijderen',
29386        pl: 'usuń',
29387        hu: 'eltávolít',
29388        ro: 'elimină',
29389        bg: 'премахни',
29390        hr: 'ukloni',
29391        fi: 'poista',
29392        gr: 'αφαίρεση',
29393        el: 'αφαίρεση',
29394        no: 'fjern',
29395        'pt-PT': 'remover',
29396        sl: 'odstrani',
29397        sv: 'ta bort',
29398        lv: 'noņemt',
29399        lt: 'pašalinti',
29400        ee: 'eemalda',
29401        dk: 'fjern',
29402        gb: 'remove',
29403        uk: 'remove',
29404        ie: 'remove',
29405        us: 'remove',
29406        ca: 'remove',
29407        au: 'remove',
29408        nz: 'remove',
29409        ru: 'удалить'
29410      },
29411      added: {
29412        en: 'Added!',
29413        cs: 'Přidáno!',
29414        sk: 'Pridané!',
29415        de: 'Hinzugefügt!',
29416        at: 'Hinzugefügt!',
29417        ch: 'Hinzugefügt!',
29418        fr: 'Ajouté!',
29419        be: 'Ajouté!',
29420        lu: 'Ajouté!',
29421        it: 'Aggiunto!',
29422        es: '¡Añadido!',
29423        nl: 'Toegevoegd!',
29424        pl: 'Dodano!',
29425        hu: 'Hozzáadva!',
29426        ro: 'Adăugat!',
29427        bg: 'Добавено!',
29428        hr: 'Dodano!',
29429        fi: 'Lisätty!',
29430        gr: 'Προστέθηκε!',
29431        el: 'Προστέθηκε!',
29432        no: 'Lagt til!',
29433        'pt-PT': 'Adicionado!',
29434        sl: 'Dodano!',
29435        sv: 'Tillagd!',
29436        lv: 'Pievienots!',
29437        lt: 'Pridėta!',
29438        ee: 'Lisatud!',
29439        dk: 'Tilføjet!',
29440        gb: 'Added!',
29441        uk: 'Added!',
29442        ie: 'Added!',
29443        us: 'Added!',
29444        ca: 'Added!',
29445        au: 'Added!',
29446        nz: 'Added!',
29447        ru: 'Добавлено!'
29448      },
29449      removed: {
29450        en: 'Removed!',
29451        cs: 'Odebráno!',
29452        sk: 'Odobrané!',
29453        de: 'Entfernt!',
29454        at: 'Entfernt!',
29455        ch: 'Entfernt!',
29456        fr: 'Supprimé!',
29457        be: 'Supprimé!',
29458        lu: 'Supprimé!',
29459        it: 'Rimosso!',
29460        es: '¡Eliminado!',
29461        nl: 'Verwijderd!',
29462        pl: 'Usunięto!',
29463        hu: 'Eltávolítva!',
29464        ro: 'Eliminat!',
29465        bg: 'Премахнато!',
29466        hr: 'Uklonjeno!',
29467        fi: 'Poistettu!',
29468        gr: 'Αφαιρέθηκε!',
29469        el: 'Αφαιρέθηκε!',
29470        no: 'Fjernet!',
29471        'pt-PT': 'Removido!',
29472        sl: 'Odstranjeno!',
29473        sv: 'Borttaget!',
29474        lv: 'Noņemts!',
29475        lt: 'Pašalinta!',
29476        ee: 'Eemaldatud!',
29477        dk: 'Fjernet!',
29478        gb: 'Removed!',
29479        uk: 'Removed!',
29480        ie: 'Removed!',
29481        us: 'Removed!',
29482        ca: 'Removed!',
29483        au: 'Removed!',
29484        nz: 'Removed!',
29485        ru: 'Удалено!'
29486      }
29487    };
29488
29489    // Tooltip translations for price info
29490    window.tooltipTranslations = {
29491      tooltipPrice: {
29492        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29493        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
29494        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
29495        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
29496        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
29497        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
29498        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
29499        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
29500        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
29501        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
29502        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
29503        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
29504        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
29505        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
29506        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
29507        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
29508        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
29509        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
29510        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
29511        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
29512        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
29513        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
29514        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
29515        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
29516        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
29516iks atskaitīts, ja piemērojams.",
29517        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
29518        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
29519        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
29520        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29521        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29522        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29523        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29524        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29525        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29526        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
29527        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
29528      },
29529      tooltipOutlet: {
29530        en: "We do not provide additional wholesale discounts on outlet products.",
29531        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
29532        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
29533        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
29534        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
29535        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
29536        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
29537        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
29538        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
29539        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
29540        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
29541        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
29542        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
29543        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
29544        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
29545        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
29546        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
29547        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
29548        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
29549        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
29550        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
29551        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
29552        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
29553        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
29554        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
29555        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
29556        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
29557        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
29558        gb: "We do not provide additional wholesale discounts on outlet products.",
29559        uk: "We do not provide additional wholesale discounts on outlet products.",
29560        ie: "We do not provide additional wholesale discounts on outlet products.",
29561        us: "We do not provide additional wholesale discounts on outlet products.",
29562        ca: "We do not provide additional wholesale discounts on outlet products.",
29563        au: "We do not provide additional wholesale discounts on outlet products.",
29564        nz: "We do not provide additional wholesale discounts on outlet products.",
29565        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
29566      }
29567    };
29568
29569    // Get current locale from document
29570    window.currentLocale = document.documentElement.lang || 'en';
29571
29572    // Function to translate compare buttons
29573    window.translateCompareButtons = function() {
29574      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
29575      compareTexts.forEach(function(textEl) {
29576        const button = textEl.closest('.compare-button-simple');
29577        const isInComparison = button && button.hasAttribute('data-in-comparison');
29578        
29579        if (isInComparison) {
29580          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
29581          textEl.textContent = translation;
29582        } else {
29583          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
29584          textEl.textContent = translation;
29585        }
29586      });
29587    };
29588
29589    // Function to format price with space as thousands separator (only for tooltip)
29590    function formatTooltipPrice(price) {
29591      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
29592      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
29593    }
29594
29595    // Function to translate tooltips with price
29596    window.translateTooltips = function() {
29597      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
29598      tooltips.forEach(function(tooltip) {
29599        const icon = tooltip.closest('.price-info-icon');
29600        if (icon) {
29601          const status = icon.getAttribute('data-status');
29602          // Check if this is an outlet product
29603          if (status === 'outlet') {
29604            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
29605            tooltip.textContent = translation;
29606            return; // Exit early for outlet products
29607          }
29608          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
29609          // Get wholesale price from the actual price display on the card
29610          const card = icon.closest('[data-product-id]');
29611          let wholesalePrice = '';
29612          if (card) {
29613            // Find the main price element on the card
29614            const priceElement = card.querySelector('.price .price-item--regular');
29615            if (priceElement) {
29616              wholesalePrice = priceElement.textContent.trim();
29617            }
29618          }
29619          if (retailPrice && wholesalePrice) {
29620            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
29621            let formattedRetailPrice = formatTooltipPrice(retailPrice);
29622            let formattedWholesalePrice = wholesalePrice;
29623            if (window.formatPriceText) {
29624              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
29625            }
29626            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
29627            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
29628            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
29629            tooltip.textContent = translatedText;
29630          }
29631        }
29632      });
29633    };
29634
29635    // Function to update button state based on comparison status
29636    window.updateCompareButtonState = function(productId, isInComparison) {
29637      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
29638      buttons.forEach(function(button) {
29639        const buttonContainer = button.closest('.compare-button-container');
29640        const compareText = button.querySelector('.compare-text');
29641        
29642        if (isInComparison) {
29643          button.setAttribute('data-in-comparison', 'true');
29644          button.classList.add('in-comparison');
29645          buttonContainer.classList.add('in-comparison');
29646          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
29647          compareText.textContent = removeText;
29648        } else {
29649          button.removeAttribute('data-in-comparison');
29650          button.classList.remove('in-comparison');
29651          buttonContainer.classList.remove('in-comparison');
29652          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
29653          compareText.textContent = compareTextTranslation;
29654        }
29655      });
29656    };
29657  }
29658
29659  // Initialize compare button states based on localStorage
29660  window.initializeCompareButtonStates = function() {
29661    if (typeof window.RendlCompare !== 'undefined') {
29662      const compareItems = window.RendlCompare.getItems();
29663      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
29664        const productId = button.getAttribute('data-product-id');
29665        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
29666        window.updateCompareButtonState(productId, isInComparison);
29667      });
29668    }
29669  };
29670
29671  // Compare button UI animation - the actual functionality is handled by compare-system.js
29672  document.addEventListener('DOMContentLoaded', function() {
29673    // Apply translations on page load
29674    if (window.translateCompareButtons) {
29675      window.translateCompareButtons();
29676    }
29677    
29678    // Initialize button states based on comparison data
29679    setTimeout(function() {
29680      if (window.initializeCompareButtonStates) {
29681        window.initializeCompareButtonStates();
29682      }
29683    }, 100); // Small delay to ensure compare system is loaded
29684    
29685    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
29686      // Skip if already has event listener
29687      if (button.hasAttribute('data-compare-initialized')) {
29688        return;
29689      }
29690      button.setAttribute('data-compare-initialized', 'true');
29691      
29692      button.addEventListener('click', function(e) {
29693        var buttonContainer = button.closest('.compare-button-container');
29694        var compareText = button.querySelector('.compare-text');
29695        var isInComparison = button.hasAttribute('data-in-comparison');
29696        var productId = button.getAttribute('data-product-id');
29697        
29698        // Prevent multiple clicks during loading
29699        if (button.classList.contains('loading')) {
29700          return;
29701        }
29702        
29703        // Make button always visible during the process
29704        buttonContainer.classList.add('active');
29705        
29706        // Add loading class to show spinner
29707        button.classList.add('loading');
29708        
29709        // UI feedback timing
29710        setTimeout(function() {
29711          // Remove loading class and show success message
29712          button.classList.remove('loading');
29713          button.classList.add('success');
29714          
29715          if (isInComparison) {
29716            // Removing from comparison
29717            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
29718            
29719            // Update button state after removal
29720            setTimeout(function() {
29721              button.classList.remove('success');
29722              window.updateCompareButtonState(productId, false);
29723              buttonContainer.classList.remove('active');
29724            }, 1500);
29725          } else {
29726            // Adding to comparison
29727            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
29728            
29729            // Update button state after addition
29730            setTimeout(function() {
29731              button.classList.remove('success');
29732              window.updateCompareButtonState(productId, true);
29733              buttonContainer.classList.remove('active');
29734            }, 1500);
29735          }
29736        }, 1200);
29737      });
29738    });
29739
29740    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
29741    setTimeout(function() {
29742      if (window.translateTooltips) {
29743        window.translateTooltips();
29744      }
29745    }, 100);
29746  });
29747
29748  // Ensure compare button states are initialized after RendlCompare is available
29749  document.addEventListener('DOMContentLoaded', function() {
29750    function tryInitCompareButtons() {
29751      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
29752        window.initializeCompareButtonStates();
29753      } else {
29754        setTimeout(tryInitCompareButtons, 100);
29755      }
29756    }
29757    tryInitCompareButtons();
29758  });
29759
29760  // Self-contained wishlist functionality for card-product
29761  (function() {
29762    // Wishlist translations
29763    var wishlistTranslations = {
29764      'en': {
29765        addToWishlist: 'Add to My Favorites',
29766        createCategory: 'Create new category:',
29767        categoryPlaceholder: 'Category name',
29768        createAndAdd: 'Create & Add Item',
29769        alreadyAdded: '(Already added)',
29770        addedToWishlist: 'added to My Favorites',
29771        removedFromWishlist: 'removed from My Favorites',
29772        allFavorites: 'All Favorites'
29773      },
29774      'cs': {
29775        addToWishlist: 'Přidat do oblíbených',
29776        createCategory: 'Vytvořit novou skupinu:',
29777        categoryPlaceholder: 'Název nové skupiny',
29778        createAndAdd: 'Vytvořit a přidat skupinu',
29779        alreadyAdded: '(Již přidáno)',
29780        addedToWishlist: 'přidáno do oblíbených',
29781        removedFromWishlist: 'odebráno z oblíbených',
29782        allFavorites: 'Všechny oblíbené'
29783      },
29784      'sk': {
29785        addToWishlist: 'Pridať do obľúbených',
29786        createCategory: 'Vytvoriť novú kategóriu:',
29787        categoryPlaceholder: 'Názov kategórie',
29788        createAndAdd: 'Vytvoriť a pridať položku',
29789        alreadyAdded: '(Už pridané)',
29790        addedToWishlist: 'pridané do obľúbených',
29791        removedFromWishlist: 'odstránené z obľúbených',
29792        allFavorites: 'Všetky obľúbené'
29793      },
29794      'de': {
29795        addToWishlist: 'Zu meinen Favoriten hinzufügen',
29796        createCategory: 'Neue Kategorie erstellen:',
29797        categoryPlaceholder: 'Kategoriename',
29798        createAndAdd: 'Erstellen & hinzufügen',
29799        alreadyAdded: '(Bereits hinzugefügt)',
29800        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
29801        removedFromWishlist: 'aus meinen Favoriten entfernt',
29802        allFavorites: 'Alle Favoriten'
29803      },
29804      'fr': {
29805        addToWishlist: 'Ajouter à mes favoris',
29806        createCategory: 'Créer une nouvelle catégorie :',
29807        categoryPlaceholder: 'Nom de la catégorie',
29808        createAndAdd: 'Créer et ajouter',
29809        alreadyAdded: '(Déjà ajouté)',
29810        addedToWishlist: 'ajouté à mes favoris',
29811        removedFromWishlist: 'retiré de mes favoris',
29812        allFavorites: 'Tous les favoris'
29813      },
29814      'it': {
29815        addToWishlist: 'Aggiungi ai preferiti',
29816        createCategory: 'Crea nuova categoria:',
29817        categoryPlaceholder: 'Nome categoria',
29818        createAndAdd: 'Crea e aggiungi',
29819        alreadyAdded: '(Già aggiunto)',
29820        addedToWishlist: 'aggiunto ai preferiti',
29821        removedFromWishlist: 'rimosso dai preferiti',
29822        allFavorites: 'Tutti i preferiti'
29823      },
29824      'es': {
29825        addToWishlist: 'Añadir a mis favoritos',
29826        createCategory: 'Crear nueva categoría:',
29827        categoryPlaceholder: 'Nombre de la categoría',
29828        createAndAdd: 'Crear y añadir',
29829        alreadyAdded: '(Ya añadido)',
29830        addedToWishlist: 'añadido a mis favoritos',
29831        removedFromWishlist: 'eliminado de mis favoritos',
29832        allFavorites: 'Todos los favoritos'
29833      },
29834      'nl': {
29835        addToWishlist: 'Toevoegen aan mijn favorieten',
29836        createCategory: 'Nieuwe categorie aanmaken:',
29837        categoryPlaceholder: 'Categorienaam',
29838        createAndAdd: 'Aanmaken & toevoegen',
29839        alreadyAdded: '(Al toegevoegd)',
29840        addedToWishlist: 'toegevoegd aan mijn favorieten',
29841        removedFromWishlist: 'verwijderd uit mijn favorieten',
29842        allFavorites: 'Alle favorieten'
29843      },
29844      'pl': {
29845        addToWishlist: 'Dodaj do ulubionych',
29846        createCategory: 'Utwórz nową kategorię:',
29847        categoryPlaceholder: 'Nazwa kategorii',
29848        createAndAdd: 'Utwórz i dodaj',
29849        alreadyAdded: '(Już dodane)',
29850        addedToWishlist: 'dodano do ulubionych',
29851        removedFromWishlist: 'usunięto z ulubionych',
29852        allFavorites: 'Wszystkie ulubione'
29853      },
29854      'hu': {
29855        addToWishlist: 'Hozzáadás a kedvencekhez',
29856        createCategory: 'Új kategória létrehozása:',
29857        categoryPlaceholder: 'Kategória neve',
29858        createAndAdd: 'Létrehozás és hozzáadás',
29859        alreadyAdded: '(Már hozzáadva)',
29860        addedToWishlist: 'hozzáadva a kedvencekhez',
29861        removedFromWishlist: 'eltávolítva a kedvencekből',
29862        allFavorites: 'Minden kedvenc'
29863      },
29864      'ro': {
29865        addToWishlist: 'Adaugă la favorite',
29866        createCategory: 'Creează o nouă categorie:',
29867        categoryPlaceholder: 'Nume categorie',
29868        createAndAdd: 'Creează și adaugă',
29869        alreadyAdded: '(Deja adăugat)',
29870        addedToWishlist: 'adăugat la favorite',
29871        removedFromWishlist: 'eliminat din favorite',
29872        allFavorites: 'Toate preferințele'
29873      },
29874      'bg': {
29875        addToWishlist: 'Добави в любими',
29876        createCategory: 'Създай нова категория:',
29877        categoryPlaceholder: 'Име на категория',
29878        createAndAdd: 'Създай и добави',
29879        alreadyAdded: '(Вече добавено)',
29880        addedToWishlist: 'добавено в любими',
29881        removedFromWishlist: 'премахнато от любими',
29882        allFavorites: 'Всички любими'
29883      },
29884      'hr': {
29885        addToWishlist: 'Dodaj u favorite',
29886        createCategory: 'Kreiraj novu kategoriju:',
29887        categoryPlaceholder: 'Naziv kategorije',
29888        createAndAdd: 'Kreiraj i dodaj',
29889        alreadyAdded: '(Već dodano)',
29890        addedToWishlist: 'dodano u favorite',
29891        removedFromWishlist: 'uklonjeno iz favorita',
29892        allFavorites: 'Sva omiljena'
29893      },
29894      'fi': {
29895        addToWishlist: 'Lisää suosikkeihin',
29896        createCategory: 'Luo uusi kategoria:',
29897        categoryPlaceholder: 'Kategorian nimi',
29898        createAndAdd: 'Luo ja lisää',
29899        alreadyAdded: '(Jo lisätty)',
29900        addedToWishlist: 'lisätty suosikkeihin',
29901        removedFromWishlist: 'poistettu suosikeista',
29902        allFavorites: 'Kaikki suosikit'
29903      },
29904      'gr': {
29905        addToWishlist: 'Προσθήκη στα αγαπημένα',
29906        createCategory: 'Δημιουργία νέας κατηγορίας:',
29907        categoryPlaceholder: 'Όνομα κατηγορίας',
29908        createAndAdd: 'Δημιουργία & προσθήκη',
29909        alreadyAdded: '(Ήδη προστέθηκε)',
29910        addedToWishlist: 'προστέθηκε στα αγαπημένα',
29911        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
29912        allFavorites: 'Όλα τα αγαπημένα'
29913      },
29914      'no': {
29915        addToWishlist: 'Legg til i favoritter',
29916        createCategory: 'Opprett ny kategori:',
29917        categoryPlaceholder: 'Kategorinavn',
29918        createAndAdd: 'Opprett og legg til',
29919        alreadyAdded: '(Allerede lagt til)',
29920        addedToWishlist: 'lagt til i favoritter',
29921        removedFromWishlist: 'fjernet fra favoritter',
29922        allFavorites: 'Alle favoritter'
29923      },
29924      'pt-PT': {
29925        addToWishlist: 'Adicionar aos favoritos',
29926        createCategory: 'Criar nova categoria:',
29927        categoryPlaceholder: 'Nome da categoria',
29928        createAndAdd: 'Criar e adicionar',
29929        alreadyAdded: '(Já adicionado)',
29930        addedToWishlist: 'adicionado aos favoritos',
29931        removedFromWishlist: 'removido dos favoritos',
29932        allFavorites: 'Todos os favoritos'
29933      },
29934      'sl': {
29935        addToWishlist: 'Dodaj med priljubljene',
29936        createCategory: 'Ustvari novo kategorijo:',
29937        categoryPlaceholder: 'Ime kategorije',
29938        createAndAdd: 'Ustvari in dodaj',
29939        alreadyAdded: '(Že dodano)',
29940        addedToWishlist: 'dodano med priljubljene',
29941        removedFromWishlist: 'odstranjeno iz priljubljenih',
29942        allFavorites: 'Vsi priljubljeni'
29943      },
29944      'sv': {
29945        addToWishlist: 'Lägg till i favoriter',
29946        createCategory: 'Skapa ny kategori:',
29947        categoryPlaceholder: 'Kategorinamn',
29948        createAndAdd: 'Skapa och lägg till',
29949        alreadyAdded: '(Redan tillagd)',
29950        addedToWishlist: 'tillagd i favoriter',
29951        removedFromWishlist: 'borttagen från favoriter',
29952        allFavorites: 'Alla favoriter'
29953      },
29954      'lv': {
29955        addToWishlist: 'Pievienot favorītiem',
29956        createCategory: 'Izveidot jaunu kategoriju:',
29957        categoryPlaceholder: 'Kategorijas nosaukums',
29958        createAndAdd: 'Izveidot un pievienot',
29959        alreadyAdded: '(Jau pievienots)',
29960        addedToWishlist: 'pievienots favorītiem',
29961        removedFromWishlist: 'noņemts no favorītiem',
29962        allFavorites: 'Visas favorītus'
29963      },
29964      'lt': {
29965        addToWishlist: 'Pridėti į mėgstamiausius',
29966        createCategory: 'Sukurti naują kategoriją:',
29967        categoryPlaceholder: 'Kategorijos pavadinimas',
29968        createAndAdd: 'Sukurti ir pridėti',
29969        alreadyAdded: '(Jau pridėta)',
29970        addedToWishlist: 'pridėta į mėgstamiausius',
29971        removedFromWishlist: 'pašalinta iš mėgstamiausių',
29972        allFavorites: 'Visos mėgstamiausios'
29973      },
29974      'ee': {
29975        addToWishlist: 'Lisa lemmikutesse',
29976        createCategory: 'Loo uus kategooria:',
29977        categoryPlaceholder: 'Kategooria nimi',
29978        createAndAdd: 'Loo ja lisa',
29979        alreadyAdded: '(Juba lisatud)',
29980        addedToWishlist: 'lisatud lemmikutesse',
29981        removedFromWishlist: 'eemaldatud lemmikutest',
29982        allFavorites: 'Kõik lemmikud'
29983      },
29984      'dk': {
29985        addToWishlist: 'Tilføj til favoritter',
29986        createCategory: 'Opret ny kategori:',
29987        categoryPlaceholder: 'Kategorinavn',
29988        createAndAdd: 'Opret og tilføj',
29989        alreadyAdded: '(Allerede tilføjet)',
29990        addedToWishlist: 'tilføjet til favoritter',
29991        removedFromWishlist: 'fjernet fra favoritter',
29992        allFavorites: 'Alle favoritter'
29993      }
29994    };
29995
29996    function getWishlistLang() {
29997      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
29998      // Normalize for region codes (e.g., pt-PT, sl)
29999      if (lang.startsWith('pt-PT')) return 'pt-PT';
30000      if (lang.startsWith('sl')) return 'sl';
30001      if (lang.startsWith('cs')) return 'cs';
30002      if (lang.startsWith('sk')) return 'sk';
30003      if (lang.startsWith('de')) return 'de';
30004      if (lang.startsWith('fr')) return 'fr';
30005      if (lang.startsWith('it')) return 'it';
30006      if (lang.startsWith('es')) return 'es';
30007      if (lang.startsWith('nl')) return 'nl';
30008      if (lang.startsWith('pl')) return 'pl';
30009      if (lang.startsWith('hu')) return 'hu';
30010      if (lang.startsWith('ro')) return 'ro';
30011      if (lang.startsWith('bg')) return 'bg';
30012      if (lang.startsWith('hr')) return 'hr';
30013      if (lang.startsWith('fi')) return 'fi';
30014      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
30015      if (lang.startsWith('no')) return 'no';
30016      if (lang.startsWith('sv')) return 'sv';
30017      if (lang.startsWith('lv')) return 'lv';
30018      if (lang.startsWith('lt')) return 'lt';
30019      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
30020      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
30021      return 'en';
30022    }
30023
30024    // Get or initialize the wishlist array in localStorage
30025    function getWishlist() {
30026      const wishlistJSON = localStorage.getItem('rendl_wishlist');
30027      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
30028        categories: [
30029          {
30030            id: 'all-favorites',
30031            name: 'All Favorites',
30032            items: []
30033          }
30034        ],
30035        version: 2
30036      };
30037      
30038      // Handle migration from old format (array of items) to new format (categories)
30039      if (Array.isArray(wishlist)) {
30040        return {
30041          categories: [
30042            {
30043              id: 'all-favorites',
30044              name: 'All Favorites',
30045              items: wishlist
30046            }
30047          ],
30048          version: 2
30049        };
30050      }
30051      
30052      return wishlist;
30053    }
30054    
30055    // Save wishlist to localStorage
30056    function saveWishlist(wishlist) {
30057      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
30058      // Dispatch an event so other parts of the site can react to wishlist changes
30059      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
30060        detail: { wishlist: wishlist } 
30061      }));
30062      
30063      // Count total items across all categories
30064      const totalItems = wishlist.categories.reduce((total, category) => {
30065        return total + category.items.length;
30066      }, 0);
30067      
30068      // Update all wishlist counters
30069      updateWishlistCounters(totalItems);
30070    }
30071    
30072    // Update all wishlist counters on the page
30073    function updateWishlistCounters(count) {
30074      const counters = document.querySelectorAll('.wishlist-count');
30075      counters.forEach(counter => {
30076        counter.textContent = count;
30077        
30078        // If the counter is hidden and count > 0, show it
30079        if (count > 0 && counter.hasAttribute('hidden')) {
30080          counter.removeAttribute('hidden');
30081        }
30082        // If the counter is visible and count = 0, hide it
30083        else if (count === 0 && !counter.hasAttribute('hidden')) {
30084          counter.setAttribute('hidden', 'true');
30085        }
30086      });
30087    }
30088    
30089    // Check if a product is in the wishlist (in any category)
30090    function isInWishlist(productId) {
30091      const wishlist = getWishlist();
30092      return wishlist.categories.some(category => 
30093        category.items.some(item => item.id === productId)
30094      );
30095    }
30096    
30097    // Get all categories
30098    function getCategories() {
30099      return getWishlist().categories;
30100    }
30101    
30102    // Create a new category
30103    function createCategory(name) {
30104      const wishlist = getWishlist();
30105      const categoryId = 'category-' + Date.now();
30106      
30107      wishlist.categories.push({
30108        id: categoryId,
30109        name: name,
30110        items: []
30111      });
30112      
30113      saveWishlist(wishlist);
30114      return categoryId;
30115    }
30116    
30117    // Add a product to a specific category
30118    function addToCategory(product, categoryId) {
30119      const wishlist = getWishlist();
30120      const category = wishlist.categories.find(cat => cat.id === categoryId);
30121      
30122      if (!category) return false;
30123      
30124      // Check if product already exists in ANY category (not just this one)
30125      if (isInWishlist(product.id)) {
30126        return false; // Product already in wishlist
30127      }
30128      
30129      // Add product to category
30130      category.items.push(product);
30131      saveWishlist(wishlist);
30132      
30133      // Dispatch event for global sync
30134      document.dispatchEvent(new CustomEvent('wishlist:updated', {
30135        detail: { productId: product.id, added: true }
30136      }));
30137      
30138      return true;
30139    }
30140    
30141    // Add a product to the default "All Favorites" category
30142    function addToWishlist(product) {
30143      return addToCategory(product, 'all-favorites');
30144    }
30145    
30146    // Remove a product from all categories
30147    function removeFromWishlist(productId) {
30148      const wishlist = getWishlist();
30149      let removed = false;
30150      
30151      wishlist.categories.forEach(category => {
30152        const initialLength = category.items.length;
30153        category.items = category.items.filter(item => item.id !== productId);
30154        if (category.items.length !== initialLength) {
30155          removed = true;
30156        }
30157      });
30158      
30159      if (removed) {
30160        saveWishlist(wishlist);
30161      }
30162      
30163      return removed;
30164    }
30165    
30166    // Toggle a product in the wishlist
30167    function toggleWishlistItem(product) {
30168      if (isInWishlist(product.id)) {
30169        // If already in wishlist, remove it
30170        const wasRemoved = removeFromWishlist(product.id);
30171        
30172        // Update heart icon if the product was successfully removed
30173        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
30174        if (heartIcon && wasRemoved) {
30175          heartIcon.setAttribute('fill', 'none');
30176          showWishlistToast(false, product.title);
30177          
30178          // Dispatch event for global sync
30179          document.dispatchEvent(new CustomEvent('wishlist:updated', {
30180            detail: { productId: product.id, added: false }
30181          }));
30182        }
30183        return wasRemoved;
30184      } else {
30185        // If not in wishlist, show category selection popup
30186        showCategorySelectionPopup(product);
30187        return false; // Don't return true unless we actually add the product
30188      }
30189    }
30190    
30191    // Show wishlist category selection popup
30192    function showCategorySelectionPopup(product) {
30193      // Remove any existing popup
30194      const existingPopup = document.getElementById('wishlist-category-popup');
30195      if (existingPopup) {
30196        existingPopup.remove();
30197      }
30198
30199      const lang = getWishlistLang();
30200      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
30201
30202      // Create popup container
30203      const popup = document.createElement('div');
30204      popup.id = 'wishlist-category-popup';
30205      popup.className = 'wishlist-category-popup';
30206
30207      // Create popup content
30208      const content = document.createElement('div');
30209      content.className = 'wishlist-category-popup-content';
30210
30211      // Create header
30212      const title = document.createElement('h2');
30213      title.textContent = translations.addToWishlist; // Translate
30214
30215      const closeButton = document.createElement('button');
30216      closeButton.className = 'wishlist-category-popup-close';
30217      closeButton.setAttribute('aria-label', 'Close');
30218      closeButton.addEventListener('click', () => {
30219        popup.remove();
30220      });
30221      
30222      // Create category list
30223      const categoryList = document.createElement('div');
30224      categoryList.className = 'wishlist-category-list';
30225      
30226      // Get categories
30227      const categories = getCategories();
30228      
30229      // Add category options
30230      categories.forEach(category => {
30231        const categoryOption = document.createElement('div');
30232        categoryOption.className = 'wishlist-category-option';
30233        
30234        // Use translation for default category name
30235        categoryOption.textContent = category.id === 'all-favorites'
30236          ? (translations.allFavorites || category.name)
30237          : category.name;
30238
30239        // Highlight if product already in this category
30240        if (category.items.some(item => item.id === product.id)) {
30241          categoryOption.style.backgroundColor = '#f0f0f0';
30242          categoryOption.style.color = '#999';
30243          categoryOption.style.fontStyle = 'italic';
30244          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
30245          categoryOption.style.cursor = 'default';
30246        } else {
30247          categoryOption.addEventListener('click', () => {
30248            const wasAdded = addToCategory(product, category.id);
30249            
30250            if (wasAdded) {
30251              // Update heart icon after successful addition
30252              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
30253              if (heartIcon) {
30254                heartIcon.setAttribute('fill', '#333333');
30255              }
30256              
30257              showWishlistToast(true, product.title);
30258              popup.remove();
30259            }
30260          });
30261        }
30262        
30263        categoryList.appendChild(categoryOption);
30264      });
30265      
30266      // Create "add new category" section
30267      const newCategorySection = document.createElement('div');
30268      newCategorySection.style.borderTop = '1px solid #eee';
30269      newCategorySection.style.paddingTop = '15px';
30270      newCategorySection.style.marginTop = '10px';
30271      
30272      const newCategoryLabel = document.createElement('label');
30273      newCategoryLabel.textContent = translations.createCategory; // Translate
30274
30275      const newCategoryInput = document.createElement('input');
30276      newCategoryInput.type = 'text';
30277      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
30278
30279      const createButton = document.createElement('button');
30280      createButton.className = 'create-category-button';
30281      createButton.textContent = translations.createAndAdd; // Translate
30282
30283      createButton.addEventListener('click', () => {
30284        const categoryName = newCategoryInput.value.trim();
30285        if (categoryName) {
30286          const categoryId = createCategory(categoryName);
30287          const wasAdded = addToCategory(product, categoryId);
30288          
30289          if (wasAdded) {
30290            // Update heart icon after successful addition
30291            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
30292            if (heartIcon) {
30293              heartIcon.setAttribute('fill', '#333333');
30294            }
30295            
30296            showWishlistToast(true, product.title);
30297            popup.remove();
30298          }
30299        }
30300      });
30301      
30302      newCategorySection.appendChild(newCategoryLabel);
30303      newCategorySection.appendChild(newCategoryInput);
30304      newCategorySection.appendChild(createButton);
30305      
30306      // Assemble popup
30307      content.appendChild(title);
30308      content.appendChild(closeButton);
30309      content.appendChild(categoryList);
30310      content.appendChild(newCategorySection);
30311      popup.appendChild(content);
30312      
30313      // Add to document
30314      document.body.appendChild(popup);
30315      
30316      // Focus the input
30317      setTimeout(() => {
30318        newCategoryInput.focus();
30319      }, 100);
30320      
30321      // Close when clicking outside content
30322      popup.addEventListener('click', (e) => {
30323        if (e.target === popup) {
30324          popup.remove();
30325        }
30326      });
30327    }
30328    
30329    // Show a toast notification
30330    function showWishlistToast(added, productTitle) {
30331      // Create or get toast container
30332      let toastContainer = document.getElementById('wishlist-toast');
30333      if (!toastContainer) {
30334        toastContainer = document.createElement('div');
30335        toastContainer.id = 'wishlist-toast';
30336        toastContainer.style.position = 'fixed';
30337        toastContainer.style.bottom = '20px';
30338        toastContainer.style.right = '20px';
30339        toastContainer.style.zIndex = '9999';
30340        document.body.appendChild(toastContainer);
30341      }
30342      
30343      // Create toast
30344      const toast = document.createElement('div');
30345      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
30346      toast.style.color = 'white';
30347      toast.style.padding = '12px 20px';
30348      toast.style.borderRadius = '0';
30349      toast.style.marginTop = '10px';
30350      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
30351      toast.style.transition = 'all 0.3s ease';
30352      toast.style.opacity = '0';
30353      toast.style.fontFamily = 'Montserrat, sans-serif';
30354      
30355      // Choose text based on action
30356      const lang = getWishlistLang();
30357      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
30358      toast.textContent = added
30359        ? `${productTitle} ${translations.addedToWishlist}` // Translate
30360        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
30361      
30362      // Add to container
30363      toastContainer.appendChild(toast);
30364      
30365      // Animate in
30366      setTimeout(() => {
30367        toast.style.opacity = '1';
30368      }, 10);
30369      
30370      // Animate out and remove
30371      setTimeout(() => {
30372        toast.style.opacity = '0';
30373        setTimeout(() => {
30374          toastContainer.removeChild(toast);
30375        }, 300);
30376      }, 3000);
30377    }
30378
30379    // Initialize wishlist buttons
30380    function initCardWishlistButtons() {
30381      const wishlistButtons = document.querySelectorAll('.card-wis
30381hlist-button');
30382      
30383      wishlistButtons.forEach(button => {
30384        // Skip if already initialized
30385        if (button.dataset.initializedWishlist === 'true') return;
30386        button.dataset.initializedWishlist = 'true';
30387        
30388        const productId = button.getAttribute('data-wishlist-product');
30389        if (!productId) return;
30390        
30391        // Get product details from the card
30392        const card = button.closest('.card-wrapper');
30393        const productDetails = {
30394          id: productId,
30395          title: card.querySelector('.card__heading')?.textContent.trim() || '',
30396          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
30397          price: card.querySelector('.price')?.textContent.trim() || '',
30398          image: card.querySelector('img')?.src || '',
30399          url: card.querySelector('a[href*="/products/"]')?.href || ''
30400        };
30401        
30402        // Set initial state using global function
30403        const heartIcon = button.querySelector('path');
30404        if (heartIcon) {
30405          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
30406            heartIcon.setAttribute('fill', '#333333');
30407          } else {
30408            heartIcon.setAttribute('fill', 'none');
30409          }
30410        }
30411        
30412        // Add click handler
30413        button.addEventListener('click', function(e) {
30414          e.preventDefault();
30415          e.stopPropagation();
30416          e.stopImmediatePropagation();
30417          toggleWishlistItem(productDetails);
30418        });
30419        
30420        // Prevent navigation on mousedown/touchstart
30421        button.addEventListener('mousedown', function(e) {
30422          e.preventDefault();
30423          e.stopPropagation();
30424        });
30425        
30426        button.addEventListener('touchstart', function(e) {
30427          e.preventDefault();
30428          e.stopPropagation();
30429        });
30430      });
30431    }
30432
30433    // Initialize the wishlist counter on page load
30434    const wishlist = getWishlist();
30435    const totalItems = wishlist.categories.reduce((total, category) => {
30436      return total + category.items.length;
30437    }, 0);
30438    updateWishlistCounters(totalItems);
30439
30440    // Initialize on DOM ready
30441    if (document.readyState === 'loading') {
30442      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
30443    } else {
30444      initCardWishlistButtons();
30445    }
30446
30447    // Reinitialize on Shopify section load
30448    document.addEventListener('shopify:section:load', function() {
30449      setTimeout(initCardWishlistButtons, 100);
30450    });
30451
30452    // Listen for wishlist updates from other parts of the site
30453    document.addEventListener('wishlist:updated', function() {
30454      setTimeout(initCardWishlistButtons, 100);
30455    });
30456  })();
30457</script>
30457
30458
30459<!-- Price info icon styles -->
30460<style>
30461  /* Price container with icon */
30462  .price-container-with-info {
30463    position: relative;
30464    display: flex;
30465    align-items: center;
30466    gap: 8px;
30467  }
30468
30469  /* Info icon - hidden by default, shown on card hover */
30470  .price-info-icon {
30471    position: relative;
30472    display: inline-flex;
30473    align-items: center;
30474    justify-content: center;
30475    color: #666;
30476    cursor: help;
30477    opacity: 0;
30478    transition: opacity 0.3s ease;
30479
30480    padding: 4px; /* Add padding to increase clickable area */
30481    min-width: 20px; /* Ensure minimum clickable area */
30482    min-height: 20px;
30483    z-index: 15; /* Above everything else including compare button */
30484    pointer-events: auto; /* Allow interaction */
30485  }
30486
30487  /* Show icon on card hover */
30488  .card-wrapper:hover .price-info-icon {
30489    opacity: 1;
30490  }
30491
30492  .price-info-icon svg {
30493    width: 14px;
30494    height: 14px;
30495    stroke-width: 1.5;
30496  }
30497
30498  /* Tooltip styles */
30499  .price-info-tooltip {
30500    position: absolute;
30501    bottom: calc(100% + 6px);
30502    top: auto;
30503    left: 0;
30504    transform: none;
30505    min-width: 310px;
30506    background: #FFFFFF;
30507    color: #232323;
30508    border: 1px solid #EEEEEE;
30509    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
30510    padding: 12px 16px;
30511    font-size: 13px;
30512    font-family: 'Montserrat', sans-serif;
30513    z-index: 10000;
30514    opacity: 0;
30515    transition: opacity 0.18s;
30516    white-space: pre-line;
30517    text-align: left;
30518    border-radius: 0;
30519    visibility: hidden;
30520    pointer-events: none;
30521  }
30522
30523  /* Show tooltip on icon hover */
30524  .price-info-icon:hover .price-info-tooltip {
30525    visibility: visible;
30526    opacity: 1;
30527  }
30528
30529  /* Ensure tooltip is never clipped */
30530  .price-container-with-info,
30531  .card-information,
30532  .card__content {
30533    overflow: visible !important;
30534  }
30535
30536  /* Mobile adjustments */
30537  @media screen and (max-width: 768px) {
30538    .price-info-tooltip {
30539      min-width: 200px;
30540      font-size: 12px;
30541      padding: 10px 12px;
30542    }
30543  }
30544</style>
30545
30546                </li>
30547                <li
30548                  class="grid__item"
30549                  
30550                >
30551                  
30552<div class="card-wrapper product-card-wrapper underline-links-hover">
30553
30554    <div
30555      class="
30556        card card--standard
30557         card--media
30558        
30559        
30560        
30561        
30562        
30563      "
30564      style="--ratio-percent: 100.0%;"
30565      data-product-id="9746651185450"
30566      data-description="Valettu alumiinipollari alaspäin valaistulla mattalasipaneelilla peittää sisäänrakennetun LED-valonlähteen."
30567      
30568      data-ip-rate="IP54"
30569      
30570      data-variant-id="52387475128618"
30571      data-price="178.00 EUR"
30572      data-compare-at-price=""
30573      data-available="true"
30574      data-barcode="8595685425320"
30575      data-ip-rate="IP54"
30576      data-lumens="730"
30577      data-power-source=""
30578      data-watt="10.0"
30579      data-kelvin="3000"
30580      data-light-color=""
30581      data-diameter=""
30582      data-weight-netto="1365.0"
30583      data-weight-unit="g"
30584      data-mounting-hole-size=""
30585      data-recess-depth=""
30586      data-suspension-lenght=""
30587      data-turn-angle=""
30588      data-tilt-angle=""
30589      data-switch=""
30590      data-socket=""
30591      data-light-source-recomended=""
30592      data-height="64.5"
30593      data-length="12"
30594      data-Length=""
30595    >
30596      <div
30597        class="card__inner color-scheme-2 gradient ratio"
30598        style="--ratio-percent: 100.0%;"
30599      >
30600        
30601
30602<div class="ip-rate-badge">
30603            <span>IP54</span>
30604          </div><div class="card__media">
30605            <a class="card__media-link-content" href="/products/gardien-65-bollard-lamp" aria-label="GARDIEN 65">
30606              <div class="media media--transparent media--hover-effect">
30607              
30608              <img
30609                class="product-image motion-reduce"
30610                srcset="//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=165 165w,//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=360 360w,//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=533 533w,//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=720 720w,//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=940 940w,//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=1066 1066w,//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276 3162w
30611                "
30612                src="//rendl.fi/cdn/shop/files/r13758-1.jpg?v=1770772276&width=533"
30613                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
30614                alt="RENDL outdoor lamp GARDIEN 65 bollard black  230V LED 10W IP54  3000K R13758 1"
30615                
30616                  loading="lazy"
30617                
30618                width="3162"
30619                height="3162"
30620              >
30621              
30622<img
30623                  class="product-image motion-reduce"
30624                  srcset="//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=165 165w,//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=360 360w,//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=533 533w,//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=720 720w,//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=940 940w,//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=1066 1066w,//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276 3162w
30625                  "
30626                  src="//rendl.fi/cdn/shop/files/r13758-2.jpg?v=1770772276&width=533"
30627                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
30628                  alt=""
30629                  loading="lazy"
30630                  width="3162"
30631                  height="3162"
30632                ></div>
30633            </a>
30634            
30635<div class="card-media-icons"><div class="energy-label-icon">
30636                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
30637                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
30638</div>
30639                  </div></div><div class="card-variant-swatches"><a
30640                    class="card-variant-swatch"
30641                    href="/products/gardien-65-bollard-lamp?variant=52387475128618"
30642                    
30643                      style="background-image: url('//rendl.fi/cdn/shop/files/81_black.jpg?v=1739538403&width=64');"
30644                    
30645                    aria-label="musta"
30646                  >
30647                    <span class="card-variant-swatch-tooltip">musta</span></a></div></div><div class="card__content">
30648          <div class="card__information">
30649            <h3
30650              class="card__heading"
30651              
30652            >
30653              <a
30654                href="/products/gardien-65-bollard-lamp"
30655                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746651185450"
30656                class="full-unstyled-link"
30657                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746651185450 NoMediaStandardBadge-template--28113427169578__product-grid-9746651185450"
30658              >
30659                GARDIEN 65
30660              </a>
30661            </h3>
30662          </div>
30663          <div class="card__badge bottom left"></div>
30664        </div>
30665      </div>
30666      <div class="card__content">
30667        <div class="card__information">
30668          <h3
30669            class="card__heading h5"
30670            
30671              id="title-template--28113427169578__product-grid-9746651185450"
30672            
30673          >
30674            <a
30675              href="/products/gardien-65-bollard-lamp"
30676              id="CardLink-template--28113427169578__product-grid-9746651185450"
30677              class="full-unstyled-link"
30678              aria-labelledby="CardLink-template--28113427169578__product-grid-9746651185450 Badge-template--28113427169578__product-grid-9746651185450"
30679            >
30680              GARDIEN 65
30681            </a>
30682          </h3><div class="card__description">
30683              Valettu alumiinipollari alaspäin valaistulla mattalasipaneelilla peittää sisäänrakennetun LED-valonlähteen.
30684            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
30685              
30686<div
30687    class="
30688      price "
30689  >
30690    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
30691          <span class="price-item price-item--regular">
30692            178.00 EUR
30693          </span></div>
30694      <div class="price__sale">
30695          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
30696          <span>
30697            <s class="price-item price-item--regular">
30698              
30699                
30700              
30701            </s>
30702          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
30703        <span class="price-item price-item--sale price-item--last">
30704          178.00 EUR
30705        </span>
30706      </div>
30707      <small class="unit-price caption hidden">
30708        <span class="visually-hidden">Yksikköhinta</span>
30709        <span class="price-item price-item--last">
30710          <span></span>
30711          <span aria-hidden="true">/</span>
30712          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
30713          <span>
30714          </span>
30715        </span>
30716      </small>
30717    </div></div>
30718
30719
30720</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
30721              <button class="compare-button-simple" 
30722                      data-product-id="9746651185450" 
30723                      data-product-title="GARDIEN 65"
30724                      data-product-handle="gardien-65-bollard-lamp">
30725                              <span class="compare-button-content">
30726                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
30727                    <span class="compare-text" data-translate="compare">compare</span>
30728                  </span>
30729                <span class="compare-spinner-small">
30730                  <!-- Small spinner for button -->
30731                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
30732                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
30733                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
30734                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
30734inite"/>
30735                    </path>
30736                  </svg>
30737                </span>
30738              </button>
30739              
30740              <!-- Wishlist button next to compare button -->
30741              <button type="button" class="card-wishlist-button" data-wishlist-product="9746651185450">
30742                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
30743                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
30744                </svg>
30745              </button>
30746            </div></div>
30747        </div>
30748        
30749        
30750        
30751          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746651185450" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
30752                    type="hidden"
30753                    name="id"
30754                    value="52387475128618"
30755                    class="product-variant-id"
30756                    
30757                  >
30758                  <button
30759                    id="quick-add-template--28113427169578__product-grid9746651185450-submit"
30760                    type="submit"
30761                    name="add"
30762                    class="quick-add__submit button button--full-width button--secondary"
30763                    aria-haspopup="dialog"
30764                    aria-labelledby="quick-add-template--28113427169578__product-grid9746651185450-submit title-template--28113427169578__product-grid-9746651185450"
30765                    aria-live="polite"
30766                    data-sold-out-message="true"
30767                    
30768                  >
30769                    <span>Lisää ostoskoriin
30770</span>
30771                    <span class="sold-out-message hidden">
30772                      Matkalla
30773                    </span>
30774
30775<div class="loading__spinner hidden">
30776  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
30777
30778</div>
30779</button><input type="hidden" name="product-id" value="9746651185450" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
30780        
30781        <div class="card__badge bottom left"></div>
30782      </div>
30783    </div>
30784  </div>
30784<script>
30785  // Initialize global compare translations only once
30786  if (typeof window.compareButtonTranslations === 'undefined') {
30787    window.compareButtonTranslations = {
30788      compare: {
30789        en: 'compare',
30790        cs: 'porovnat',
30791        sk: 'porovnať',
30792        de: 'vergleichen',
30793        at: 'vergleichen',
30794        ch: 'vergleichen',
30795        fr: 'comparer',
30796        be: 'comparer',
30797        lu: 'comparer',
30798        it: 'confronta',
30799        es: 'comparar',
30800        nl: 'vergelijken',
30801        pl: 'porównaj',
30802        hu: 'összehasonlít',
30803        ro: 'compară',
30804        bg: 'сравни',
30805        hr: 'usporedi',
30806        fi: 'vertaile',
30807        gr: 'σύγκριση',
30808        el: 'σύγκριση',
30809        no: 'sammenlign',
30810        'pt-PT': 'comparar',
30811        sl: 'primerjaj',
30812        sv: 'jämför',
30813        lv: 'salīdzināt',
30814        lt: 'palyginti',
30815        ee: 'võrdle',
30816        dk: 'sammenlign',
30817        gb: 'compare',
30818        uk: 'compare',
30819        ie: 'compare',
30820        us: 'compare',
30821        ca: 'compare',
30822        au: 'compare',
30823        nz: 'compare',
30824        ru: 'сравнить'
30825      },
30826      remove: {
30827        en: 'remove',
30828        cs: 'odebrat',
30829        sk: 'odobrať',
30830        de: 'entfernen',
30831        at: 'entfernen',
30832        ch: 'entfernen',
30833        fr: 'supprimer',
30834        be: 'supprimer',
30835        lu: 'supprimer',
30836        it: 'rimuovi',
30837        es: 'eliminar',
30838        nl: 'verwijderen',
30839        pl: 'usuń',
30840        hu: 'eltávolít',
30841        ro: 'elimină',
30842        bg: 'премахни',
30843        hr: 'ukloni',
30844        fi: 'poista',
30845        gr: 'αφαίρεση',
30846        el: 'αφαίρεση',
30847        no: 'fjern',
30848        'pt-PT': 'remover',
30849        sl: 'odstrani',
30850        sv: 'ta bort',
30851        lv: 'noņemt',
30852        lt: 'pašalinti',
30853        ee: 'eemalda',
30854        dk: 'fjern',
30855        gb: 'remove',
30856        uk: 'remove',
30857        ie: 'remove',
30858        us: 'remove',
30859        ca: 'remove',
30860        au: 'remove',
30861        nz: 'remove',
30862        ru: 'удалить'
30863      },
30864      added: {
30865        en: 'Added!',
30866        cs: 'Přidáno!',
30867        sk: 'Pridané!',
30868        de: 'Hinzugefügt!',
30869        at: 'Hinzugefügt!',
30870        ch: 'Hinzugefügt!',
30871        fr: 'Ajouté!',
30872        be: 'Ajouté!',
30873        lu: 'Ajouté!',
30874        it: 'Aggiunto!',
30875        es: '¡Añadido!',
30876        nl: 'Toegevoegd!',
30877        pl: 'Dodano!',
30878        hu: 'Hozzáadva!',
30879        ro: 'Adăugat!',
30880        bg: 'Добавено!',
30881        hr: 'Dodano!',
30882        fi: 'Lisätty!',
30883        gr: 'Προστέθηκε!',
30884        el: 'Προστέθηκε!',
30885        no: 'Lagt til!',
30886        'pt-PT': 'Adicionado!',
30887        sl: 'Dodano!',
30888        sv: 'Tillagd!',
30889        lv: 'Pievienots!',
30890        lt: 'Pridėta!',
30891        ee: 'Lisatud!',
30892        dk: 'Tilføjet!',
30893        gb: 'Added!',
30894        uk: 'Added!',
30895        ie: 'Added!',
30896        us: 'Added!',
30897        ca: 'Added!',
30898        au: 'Added!',
30899        nz: 'Added!',
30900        ru: 'Добавлено!'
30901      },
30902      removed: {
30903        en: 'Removed!',
30904        cs: 'Odebráno!',
30905        sk: 'Odobrané!',
30906        de: 'Entfernt!',
30907        at: 'Entfernt!',
30908        ch: 'Entfernt!',
30909        fr: 'Supprimé!',
30910        be: 'Supprimé!',
30911        lu: 'Supprimé!',
30912        it: 'Rimosso!',
30913        es: '¡Eliminado!',
30914        nl: 'Verwijderd!',
30915        pl: 'Usunięto!',
30916        hu: 'Eltávolítva!',
30917        ro: 'Eliminat!',
30918        bg: 'Премахнато!',
30919        hr: 'Uklonjeno!',
30920        fi: 'Poistettu!',
30921        gr: 'Αφαιρέθηκε!',
30922        el: 'Αφαιρέθηκε!',
30923        no: 'Fjernet!',
30924        'pt-PT': 'Removido!',
30925        sl: 'Odstranjeno!',
30926        sv: 'Borttaget!',
30927        lv: 'Noņemts!',
30928        lt: 'Pašalinta!',
30929        ee: 'Eemaldatud!',
30930        dk: 'Fjernet!',
30931        gb: 'Removed!',
30932        uk: 'Removed!',
30933        ie: 'Removed!',
30934        us: 'Removed!',
30935        ca: 'Removed!',
30936        au: 'Removed!',
30937        nz: 'Removed!',
30938        ru: 'Удалено!'
30939      }
30940    };
30941
30942    // Tooltip translations for price info
30943    window.tooltipTranslations = {
30944      tooltipPrice: {
30945        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30946        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
30947        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
30948        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
30949        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
30950        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
30951        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
30952        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
30953        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
30954        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
30955        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
30956        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
30957        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
30958        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
30959        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
30960        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
30961        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
30962        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
30963        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
30964        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
30965        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
30966        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
30967        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
30968        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
30969        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
30969iks atskaitīts, ja piemērojams.",
30970        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
30971        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
30972        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
30973        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30974        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30975        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30976        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30977        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30978        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30979        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
30980        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
30981      },
30982      tooltipOutlet: {
30983        en: "We do not provide additional wholesale discounts on outlet products.",
30984        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
30985        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
30986        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
30987        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
30988        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
30989        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
30990        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
30991        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
30992        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
30993        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
30994        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
30995        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
30996        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
30997        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
30998        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
30999        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
31000        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
31001        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
31002        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
31003        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
31004        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
31005        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
31006        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
31007        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
31008        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
31009        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
31010        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
31011        gb: "We do not provide additional wholesale discounts on outlet products.",
31012        uk: "We do not provide additional wholesale discounts on outlet products.",
31013        ie: "We do not provide additional wholesale discounts on outlet products.",
31014        us: "We do not provide additional wholesale discounts on outlet products.",
31015        ca: "We do not provide additional wholesale discounts on outlet products.",
31016        au: "We do not provide additional wholesale discounts on outlet products.",
31017        nz: "We do not provide additional wholesale discounts on outlet products.",
31018        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
31019      }
31020    };
31021
31022    // Get current locale from document
31023    window.currentLocale = document.documentElement.lang || 'en';
31024
31025    // Function to translate compare buttons
31026    window.translateCompareButtons = function() {
31027      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
31028      compareTexts.forEach(function(textEl) {
31029        const button = textEl.closest('.compare-button-simple');
31030        const isInComparison = button && button.hasAttribute('data-in-comparison');
31031        
31032        if (isInComparison) {
31033          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
31034          textEl.textContent = translation;
31035        } else {
31036          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
31037          textEl.textContent = translation;
31038        }
31039      });
31040    };
31041
31042    // Function to format price with space as thousands separator (only for tooltip)
31043    function formatTooltipPrice(price) {
31044      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
31045      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
31046    }
31047
31048    // Function to translate tooltips with price
31049    window.translateTooltips = function() {
31050      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
31051      tooltips.forEach(function(tooltip) {
31052        const icon = tooltip.closest('.price-info-icon');
31053        if (icon) {
31054          const status = icon.getAttribute('data-status');
31055          // Check if this is an outlet product
31056          if (status === 'outlet') {
31057            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
31058            tooltip.textContent = translation;
31059            return; // Exit early for outlet products
31060          }
31061          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
31062          // Get wholesale price from the actual price display on the card
31063          const card = icon.closest('[data-product-id]');
31064          let wholesalePrice = '';
31065          if (card) {
31066            // Find the main price element on the card
31067            const priceElement = card.querySelector('.price .price-item--regular');
31068            if (priceElement) {
31069              wholesalePrice = priceElement.textContent.trim();
31070            }
31071          }
31072          if (retailPrice && wholesalePrice) {
31073            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
31074            let formattedRetailPrice = formatTooltipPrice(retailPrice);
31075            let formattedWholesalePrice = wholesalePrice;
31076            if (window.formatPriceText) {
31077              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
31078            }
31079            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
31080            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
31081            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
31082            tooltip.textContent = translatedText;
31083          }
31084        }
31085      });
31086    };
31087
31088    // Function to update button state based on comparison status
31089    window.updateCompareButtonState = function(productId, isInComparison) {
31090      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
31091      buttons.forEach(function(button) {
31092        const buttonContainer = button.closest('.compare-button-container');
31093        const compareText = button.querySelector('.compare-text');
31094        
31095        if (isInComparison) {
31096          button.setAttribute('data-in-comparison', 'true');
31097          button.classList.add('in-comparison');
31098          buttonContainer.classList.add('in-comparison');
31099          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
31100          compareText.textContent = removeText;
31101        } else {
31102          button.removeAttribute('data-in-comparison');
31103          button.classList.remove('in-comparison');
31104          buttonContainer.classList.remove('in-comparison');
31105          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
31106          compareText.textContent = compareTextTranslation;
31107        }
31108      });
31109    };
31110  }
31111
31112  // Initialize compare button states based on localStorage
31113  window.initializeCompareButtonStates = function() {
31114    if (typeof window.RendlCompare !== 'undefined') {
31115      const compareItems = window.RendlCompare.getItems();
31116      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
31117        const productId = button.getAttribute('data-product-id');
31118        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
31119        window.updateCompareButtonState(productId, isInComparison);
31120      });
31121    }
31122  };
31123
31124  // Compare button UI animation - the actual functionality is handled by compare-system.js
31125  document.addEventListener('DOMContentLoaded', function() {
31126    // Apply translations on page load
31127    if (window.translateCompareButtons) {
31128      window.translateCompareButtons();
31129    }
31130    
31131    // Initialize button states based on comparison data
31132    setTimeout(function() {
31133      if (window.initializeCompareButtonStates) {
31134        window.initializeCompareButtonStates();
31135      }
31136    }, 100); // Small delay to ensure compare system is loaded
31137    
31138    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
31139      // Skip if already has event listener
31140      if (button.hasAttribute('data-compare-initialized')) {
31141        return;
31142      }
31143      button.setAttribute('data-compare-initialized', 'true');
31144      
31145      button.addEventListener('click', function(e) {
31146        var buttonContainer = button.closest('.compare-button-container');
31147        var compareText = button.querySelector('.compare-text');
31148        var isInComparison = button.hasAttribute('data-in-comparison');
31149        var productId = button.getAttribute('data-product-id');
31150        
31151        // Prevent multiple clicks during loading
31152        if (button.classList.contains('loading')) {
31153          return;
31154        }
31155        
31156        // Make button always visible during the process
31157        buttonContainer.classList.add('active');
31158        
31159        // Add loading class to show spinner
31160        button.classList.add('loading');
31161        
31162        // UI feedback timing
31163        setTimeout(function() {
31164          // Remove loading class and show success message
31165          button.classList.remove('loading');
31166          button.classList.add('success');
31167          
31168          if (isInComparison) {
31169            // Removing from comparison
31170            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
31171            
31172            // Update button state after removal
31173            setTimeout(function() {
31174              button.classList.remove('success');
31175              window.updateCompareButtonState(productId, false);
31176              buttonContainer.classList.remove('active');
31177            }, 1500);
31178          } else {
31179            // Adding to comparison
31180            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
31181            
31182            // Update button state after addition
31183            setTimeout(function() {
31184              button.classList.remove('success');
31185              window.updateCompareButtonState(productId, true);
31186              buttonContainer.classList.remove('active');
31187            }, 1500);
31188          }
31189        }, 1200);
31190      });
31191    });
31192
31193    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
31194    setTimeout(function() {
31195      if (window.translateTooltips) {
31196        window.translateTooltips();
31197      }
31198    }, 100);
31199  });
31200
31201  // Ensure compare button states are initialized after RendlCompare is available
31202  document.addEventListener('DOMContentLoaded', function() {
31203    function tryInitCompareButtons() {
31204      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
31205        window.initializeCompareButtonStates();
31206      } else {
31207        setTimeout(tryInitCompareButtons, 100);
31208      }
31209    }
31210    tryInitCompareButtons();
31211  });
31212
31213  // Self-contained wishlist functionality for card-product
31214  (function() {
31215    // Wishlist translations
31216    var wishlistTranslations = {
31217      'en': {
31218        addToWishlist: 'Add to My Favorites',
31219        createCategory: 'Create new category:',
31220        categoryPlaceholder: 'Category name',
31221        createAndAdd: 'Create & Add Item',
31222        alreadyAdded: '(Already added)',
31223        addedToWishlist: 'added to My Favorites',
31224        removedFromWishlist: 'removed from My Favorites',
31225        allFavorites: 'All Favorites'
31226      },
31227      'cs': {
31228        addToWishlist: 'Přidat do oblíbených',
31229        createCategory: 'Vytvořit novou skupinu:',
31230        categoryPlaceholder: 'Název nové skupiny',
31231        createAndAdd: 'Vytvořit a přidat skupinu',
31232        alreadyAdded: '(Již přidáno)',
31233        addedToWishlist: 'přidáno do oblíbených',
31234        removedFromWishlist: 'odebráno z oblíbených',
31235        allFavorites: 'Všechny oblíbené'
31236      },
31237      'sk': {
31238        addToWishlist: 'Pridať do obľúbených',
31239        createCategory: 'Vytvoriť novú kategóriu:',
31240        categoryPlaceholder: 'Názov kategórie',
31241        createAndAdd: 'Vytvoriť a pridať položku',
31242        alreadyAdded: '(Už pridané)',
31243        addedToWishlist: 'pridané do obľúbených',
31244        removedFromWishlist: 'odstránené z obľúbených',
31245        allFavorites: 'Všetky obľúbené'
31246      },
31247      'de': {
31248        addToWishlist: 'Zu meinen Favoriten hinzufügen',
31249        createCategory: 'Neue Kategorie erstellen:',
31250        categoryPlaceholder: 'Kategoriename',
31251        createAndAdd: 'Erstellen & hinzufügen',
31252        alreadyAdded: '(Bereits hinzugefügt)',
31253        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
31254        removedFromWishlist: 'aus meinen Favoriten entfernt',
31255        allFavorites: 'Alle Favoriten'
31256      },
31257      'fr': {
31258        addToWishlist: 'Ajouter à mes favoris',
31259        createCategory: 'Créer une nouvelle catégorie :',
31260        categoryPlaceholder: 'Nom de la catégorie',
31261        createAndAdd: 'Créer et ajouter',
31262        alreadyAdded: '(Déjà ajouté)',
31263        addedToWishlist: 'ajouté à mes favoris',
31264        removedFromWishlist: 'retiré de mes favoris',
31265        allFavorites: 'Tous les favoris'
31266      },
31267      'it': {
31268        addToWishlist: 'Aggiungi ai preferiti',
31269        createCategory: 'Crea nuova categoria:',
31270        categoryPlaceholder: 'Nome categoria',
31271        createAndAdd: 'Crea e aggiungi',
31272        alreadyAdded: '(Già aggiunto)',
31273        addedToWishlist: 'aggiunto ai preferiti',
31274        removedFromWishlist: 'rimosso dai preferiti',
31275        allFavorites: 'Tutti i preferiti'
31276      },
31277      'es': {
31278        addToWishlist: 'Añadir a mis favoritos',
31279        createCategory: 'Crear nueva categoría:',
31280        categoryPlaceholder: 'Nombre de la categoría',
31281        createAndAdd: 'Crear y añadir',
31282        alreadyAdded: '(Ya añadido)',
31283        addedToWishlist: 'añadido a mis favoritos',
31284        removedFromWishlist: 'eliminado de mis favoritos',
31285        allFavorites: 'Todos los favoritos'
31286      },
31287      'nl': {
31288        addToWishlist: 'Toevoegen aan mijn favorieten',
31289        createCategory: 'Nieuwe categorie aanmaken:',
31290        categoryPlaceholder: 'Categorienaam',
31291        createAndAdd: 'Aanmaken & toevoegen',
31292        alreadyAdded: '(Al toegevoegd)',
31293        addedToWishlist: 'toegevoegd aan mijn favorieten',
31294        removedFromWishlist: 'verwijderd uit mijn favorieten',
31295        allFavorites: 'Alle favorieten'
31296      },
31297      'pl': {
31298        addToWishlist: 'Dodaj do ulubionych',
31299        createCategory: 'Utwórz nową kategorię:',
31300        categoryPlaceholder: 'Nazwa kategorii',
31301        createAndAdd: 'Utwórz i dodaj',
31302        alreadyAdded: '(Już dodane)',
31303        addedToWishlist: 'dodano do ulubionych',
31304        removedFromWishlist: 'usunięto z ulubionych',
31305        allFavorites: 'Wszystkie ulubione'
31306      },
31307      'hu': {
31308        addToWishlist: 'Hozzáadás a kedvencekhez',
31309        createCategory: 'Új kategória létrehozása:',
31310        categoryPlaceholder: 'Kategória neve',
31311        createAndAdd: 'Létrehozás és hozzáadás',
31312        alreadyAdded: '(Már hozzáadva)',
31313        addedToWishlist: 'hozzáadva a kedvencekhez',
31314        removedFromWishlist: 'eltávolítva a kedvencekből',
31315        allFavorites: 'Minden kedvenc'
31316      },
31317      'ro': {
31318        addToWishlist: 'Adaugă la favorite',
31319        createCategory: 'Creează o nouă categorie:',
31320        categoryPlaceholder: 'Nume categorie',
31321        createAndAdd: 'Creează și adaugă',
31322        alreadyAdded: '(Deja adăugat)',
31323        addedToWishlist: 'adăugat la favorite',
31324        removedFromWishlist: 'eliminat din favorite',
31325        allFavorites: 'Toate preferințele'
31326      },
31327      'bg': {
31328        addToWishlist: 'Добави в любими',
31329        createCategory: 'Създай нова категория:',
31330        categoryPlaceholder: 'Име на категория',
31331        createAndAdd: 'Създай и добави',
31332        alreadyAdded: '(Вече добавено)',
31333        addedToWishlist: 'добавено в любими',
31334        removedFromWishlist: 'премахнато от любими',
31335        allFavorites: 'Всички любими'
31336      },
31337      'hr': {
31338        addToWishlist: 'Dodaj u favorite',
31339        createCategory: 'Kreiraj novu kategoriju:',
31340        categoryPlaceholder: 'Naziv kategorije',
31341        createAndAdd: 'Kreiraj i dodaj',
31342        alreadyAdded: '(Već dodano)',
31343        addedToWishlist: 'dodano u favorite',
31344        removedFromWishlist: 'uklonjeno iz favorita',
31345        allFavorites: 'Sva omiljena'
31346      },
31347      'fi': {
31348        addToWishlist: 'Lisää suosikkeihin',
31349        createCategory: 'Luo uusi kategoria:',
31350        categoryPlaceholder: 'Kategorian nimi',
31351        createAndAdd: 'Luo ja lisää',
31352        alreadyAdded: '(Jo lisätty)',
31353        addedToWishlist: 'lisätty suosikkeihin',
31354        removedFromWishlist: 'poistettu suosikeista',
31355        allFavorites: 'Kaikki suosikit'
31356      },
31357      'gr': {
31358        addToWishlist: 'Προσθήκη στα αγαπημένα',
31359        createCategory: 'Δημιουργία νέας κατηγορίας:',
31360        categoryPlaceholder: 'Όνομα κατηγορίας',
31361        createAndAdd: 'Δημιουργία & προσθήκη',
31362        alreadyAdded: '(Ήδη προστέθηκε)',
31363        addedToWishlist: 'προστέθηκε στα αγαπημένα',
31364        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
31365        allFavorites: 'Όλα τα αγαπημένα'
31366      },
31367      'no': {
31368        addToWishlist: 'Legg til i favoritter',
31369        createCategory: 'Opprett ny kategori:',
31370        categoryPlaceholder: 'Kategorinavn',
31371        createAndAdd: 'Opprett og legg til',
31372        alreadyAdded: '(Allerede lagt til)',
31373        addedToWishlist: 'lagt til i favoritter',
31374        removedFromWishlist: 'fjernet fra favoritter',
31375        allFavorites: 'Alle favoritter'
31376      },
31377      'pt-PT': {
31378        addToWishlist: 'Adicionar aos favoritos',
31379        createCategory: 'Criar nova categoria:',
31380        categoryPlaceholder: 'Nome da categoria',
31381        createAndAdd: 'Criar e adicionar',
31382        alreadyAdded: '(Já adicionado)',
31383        addedToWishlist: 'adicionado aos favoritos',
31384        removedFromWishlist: 'removido dos favoritos',
31385        allFavorites: 'Todos os favoritos'
31386      },
31387      'sl': {
31388        addToWishlist: 'Dodaj med priljubljene',
31389        createCategory: 'Ustvari novo kategorijo:',
31390        categoryPlaceholder: 'Ime kategorije',
31391        createAndAdd: 'Ustvari in dodaj',
31392        alreadyAdded: '(Že dodano)',
31393        addedToWishlist: 'dodano med priljubljene',
31394        removedFromWishlist: 'odstranjeno iz priljubljenih',
31395        allFavorites: 'Vsi priljubljeni'
31396      },
31397      'sv': {
31398        addToWishlist: 'Lägg till i favoriter',
31399        createCategory: 'Skapa ny kategori:',
31400        categoryPlaceholder: 'Kategorinamn',
31401        createAndAdd: 'Skapa och lägg till',
31402        alreadyAdded: '(Redan tillagd)',
31403        addedToWishlist: 'tillagd i favoriter',
31404        removedFromWishlist: 'borttagen från favoriter',
31405        allFavorites: 'Alla favoriter'
31406      },
31407      'lv': {
31408        addToWishlist: 'Pievienot favorītiem',
31409        createCategory: 'Izveidot jaunu kategoriju:',
31410        categoryPlaceholder: 'Kategorijas nosaukums',
31411        createAndAdd: 'Izveidot un pievienot',
31412        alreadyAdded: '(Jau pievienots)',
31413        addedToWishlist: 'pievienots favorītiem',
31414        removedFromWishlist: 'noņemts no favorītiem',
31415        allFavorites: 'Visas favorītus'
31416      },
31417      'lt': {
31418        addToWishlist: 'Pridėti į mėgstamiausius',
31419        createCategory: 'Sukurti naują kategoriją:',
31420        categoryPlaceholder: 'Kategorijos pavadinimas',
31421        createAndAdd: 'Sukurti ir pridėti',
31422        alreadyAdded: '(Jau pridėta)',
31423        addedToWishlist: 'pridėta į mėgstamiausius',
31424        removedFromWishlist: 'pašalinta iš mėgstamiausių',
31425        allFavorites: 'Visos mėgstamiausios'
31426      },
31427      'ee': {
31428        addToWishlist: 'Lisa lemmikutesse',
31429        createCategory: 'Loo uus kategooria:',
31430        categoryPlaceholder: 'Kategooria nimi',
31431        createAndAdd: 'Loo ja lisa',
31432        alreadyAdded: '(Juba lisatud)',
31433        addedToWishlist: 'lisatud lemmikutesse',
31434        removedFromWishlist: 'eemaldatud lemmikutest',
31435        allFavorites: 'Kõik lemmikud'
31436      },
31437      'dk': {
31438        addToWishlist: 'Tilføj til favoritter',
31439        createCategory: 'Opret ny kategori:',
31440        categoryPlaceholder: 'Kategorinavn',
31441        createAndAdd: 'Opret og tilføj',
31442        alreadyAdded: '(Allerede tilføjet)',
31443        addedToWishlist: 'tilføjet til favoritter',
31444        removedFromWishlist: 'fjernet fra favoritter',
31445        allFavorites: 'Alle favoritter'
31446      }
31447    };
31448
31449    function getWishlistLang() {
31450      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
31451      // Normalize for region codes (e.g., pt-PT, sl)
31452      if (lang.startsWith('pt-PT')) return 'pt-PT';
31453      if (lang.startsWith('sl')) return 'sl';
31454      if (lang.startsWith('cs')) return 'cs';
31455      if (lang.startsWith('sk')) return 'sk';
31456      if (lang.startsWith('de')) return 'de';
31457      if (lang.startsWith('fr')) return 'fr';
31458      if (lang.startsWith('it')) return 'it';
31459      if (lang.startsWith('es')) return 'es';
31460      if (lang.startsWith('nl')) return 'nl';
31461      if (lang.startsWith('pl')) return 'pl';
31462      if (lang.startsWith('hu')) return 'hu';
31463      if (lang.startsWith('ro')) return 'ro';
31464      if (lang.startsWith('bg')) return 'bg';
31465      if (lang.startsWith('hr')) return 'hr';
31466      if (lang.startsWith('fi')) return 'fi';
31467      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
31468      if (lang.startsWith('no')) return 'no';
31469      if (lang.startsWith('sv')) return 'sv';
31470      if (lang.startsWith('lv')) return 'lv';
31471      if (lang.startsWith('lt')) return 'lt';
31472      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
31473      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
31474      return 'en';
31475    }
31476
31477    // Get or initialize the wishlist array in localStorage
31478    function getWishlist() {
31479      const wishlistJSON = localStorage.getItem('rendl_wishlist');
31480      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
31481        categories: [
31482          {
31483            id: 'all-favorites',
31484            name: 'All Favorites',
31485            items: []
31486          }
31487        ],
31488        version: 2
31489      };
31490      
31491      // Handle migration from old format (array of items) to new format (categories)
31492      if (Array.isArray(wishlist)) {
31493        return {
31494          categories: [
31495            {
31496              id: 'all-favorites',
31497              name: 'All Favorites',
31498              items: wishlist
31499            }
31500          ],
31501          version: 2
31502        };
31503      }
31504      
31505      return wishlist;
31506    }
31507    
31508    // Save wishlist to localStorage
31509    function saveWishlist(wishlist) {
31510      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
31511      // Dispatch an event so other parts of the site can react to wishlist changes
31512      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
31513        detail: { wishlist: wishlist } 
31514      }));
31515      
31516      // Count total items across all categories
31517      const totalItems = wishlist.categories.reduce((total, category) => {
31518        return total + category.items.length;
31519      }, 0);
31520      
31521      // Update all wishlist counters
31522      updateWishlistCounters(totalItems);
31523    }
31524    
31525    // Update all wishlist counters on the page
31526    function updateWishlistCounters(count) {
31527      const counters = document.querySelectorAll('.wishlist-count');
31528      counters.forEach(counter => {
31529        counter.textContent = count;
31530        
31531        // If the counter is hidden and count > 0, show it
31532        if (count > 0 && counter.hasAttribute('hidden')) {
31533          counter.removeAttribute('hidden');
31534        }
31535        // If the counter is visible and count = 0, hide it
31536        else if (count === 0 && !counter.hasAttribute('hidden')) {
31537          counter.setAttribute('hidden', 'true');
31538        }
31539      });
31540    }
31541    
31542    // Check if a product is in the wishlist (in any category)
31543    function isInWishlist(productId) {
31544      const wishlist = getWishlist();
31545      return wishlist.categories.some(category => 
31546        category.items.some(item => item.id === productId)
31547      );
31548    }
31549    
31550    // Get all categories
31551    function getCategories() {
31552      return getWishlist().categories;
31553    }
31554    
31555    // Create a new category
31556    function createCategory(name) {
31557      const wishlist = getWishlist();
31558      const categoryId = 'category-' + Date.now();
31559      
31560      wishlist.categories.push({
31561        id: categoryId,
31562        name: name,
31563        items: []
31564      });
31565      
31566      saveWishlist(wishlist);
31567      return categoryId;
31568    }
31569    
31570    // Add a product to a specific category
31571    function addToCategory(product, categoryId) {
31572      const wishlist = getWishlist();
31573      const category = wishlist.categories.find(cat => cat.id === categoryId);
31574      
31575      if (!category) return false;
31576      
31577      // Check if product already exists in ANY category (not just this one)
31578      if (isInWishlist(product.id)) {
31579        return false; // Product already in wishlist
31580      }
31581      
31582      // Add product to category
31583      category.items.push(product);
31584      saveWishlist(wishlist);
31585      
31586      // Dispatch event for global sync
31587      document.dispatchEvent(new CustomEvent('wishlist:updated', {
31588        detail: { productId: product.id, added: true }
31589      }));
31590      
31591      return true;
31592    }
31593    
31594    // Add a product to the default "All Favorites" category
31595    function addToWishlist(product) {
31596      return addToCategory(product, 'all-favorites');
31597    }
31598    
31599    // Remove a product from all categories
31600    function removeFromWishlist(productId) {
31601      const wishlist = getWishlist();
31602      let removed = false;
31603      
31604      wishlist.categories.forEach(category => {
31605        const initialLength = category.items.length;
31606        category.items = category.items.filter(item => item.id !== productId);
31607        if (category.items.length !== initialLength) {
31608          removed = true;
31609        }
31610      });
31611      
31612      if (removed) {
31613        saveWishlist(wishlist);
31614      }
31615      
31616      return removed;
31617    }
31618    
31619    // Toggle a product in the wishlist
31620    function toggleWishlistItem(product) {
31621      if (isInWishlist(product.id)) {
31622        // If already in wishlist, remove it
31623        const wasRemoved = removeFromWishlist(product.id);
31624        
31625        // Update heart icon if the product was successfully removed
31626        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
31627        if (heartIcon && wasRemoved) {
31628          heartIcon.setAttribute('fill', 'none');
31629          showWishlistToast(false, product.title);
31630          
31631          // Dispatch event for global sync
31632          document.dispatchEvent(new CustomEvent('wishlist:updated', {
31633            detail: { productId: product.id, added: false }
31634          }));
31635        }
31636        return wasRemoved;
31637      } else {
31638        // If not in wishlist, show category selection popup
31639        showCategorySelectionPopup(product);
31640        return false; // Don't return true unless we actually add the product
31641      }
31642    }
31643    
31644    // Show wishlist category selection popup
31645    function showCategorySelectionPopup(product) {
31646      // Remove any existing popup
31647      const existingPopup = document.getElementById('wishlist-category-popup');
31648      if (existingPopup) {
31649        existingPopup.remove();
31650      }
31651
31652      const lang = getWishlistLang();
31653      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
31654
31655      // Create popup container
31656      const popup = document.createElement('div');
31657      popup.id = 'wishlist-category-popup';
31658      popup.className = 'wishlist-category-popup';
31659
31660      // Create popup content
31661      const content = document.createElement('div');
31662      content.className = 'wishlist-category-popup-content';
31663
31664      // Create header
31665      const title = document.createElement('h2');
31666      title.textContent = translations.addToWishlist; // Translate
31667
31668      const closeButton = document.createElement('button');
31669      closeButton.className = 'wishlist-category-popup-close';
31670      closeButton.setAttribute('aria-label', 'Close');
31671      closeButton.addEventListener('click', () => {
31672        popup.remove();
31673      });
31674      
31675      // Create category list
31676      const categoryList = document.createElement('div');
31677      categoryList.className = 'wishlist-category-list';
31678      
31679      // Get categories
31680      const categories = getCategories();
31681      
31682      // Add category options
31683      categories.forEach(category => {
31684        const categoryOption = document.createElement('div');
31685        categoryOption.className = 'wishlist-category-option';
31686        
31687        // Use translation for default category name
31688        categoryOption.textContent = category.id === 'all-favorites'
31689          ? (translations.allFavorites || category.name)
31690          : category.name;
31691
31692        // Highlight if product already in this category
31693        if (category.items.some(item => item.id === product.id)) {
31694          categoryOption.style.backgroundColor = '#f0f0f0';
31695          categoryOption.style.color = '#999';
31696          categoryOption.style.fontStyle = 'italic';
31697          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
31698          categoryOption.style.cursor = 'default';
31699        } else {
31700          categoryOption.addEventListener('click', () => {
31701            const wasAdded = addToCategory(product, category.id);
31702            
31703            if (wasAdded) {
31704              // Update heart icon after successful addition
31705              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
31706              if (heartIcon) {
31707                heartIcon.setAttribute('fill', '#333333');
31708              }
31709              
31710              showWishlistToast(true, product.title);
31711              popup.remove();
31712            }
31713          });
31714        }
31715        
31716        categoryList.appendChild(categoryOption);
31717      });
31718      
31719      // Create "add new category" section
31720      const newCategorySection = document.createElement('div');
31721      newCategorySection.style.borderTop = '1px solid #eee';
31722      newCategorySection.style.paddingTop = '15px';
31723      newCategorySection.style.marginTop = '10px';
31724      
31725      const newCategoryLabel = document.createElement('label');
31726      newCategoryLabel.textContent = translations.createCategory; // Translate
31727
31728      const newCategoryInput = document.createElement('input');
31729      newCategoryInput.type = 'text';
31730      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
31731
31732      const createButton = document.createElement('button');
31733      createButton.className = 'create-category-button';
31734      createButton.textContent = translations.createAndAdd; // Translate
31735
31736      createButton.addEventListener('click', () => {
31737        const categoryName = newCategoryInput.value.trim();
31738        if (categoryName) {
31739          const categoryId = createCategory(categoryName);
31740          const wasAdded = addToCategory(product, categoryId);
31741          
31742          if (wasAdded) {
31743            // Update heart icon after successful addition
31744            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
31745            if (heartIcon) {
31746              heartIcon.setAttribute('fill', '#333333');
31747            }
31748            
31749            showWishlistToast(true, product.title);
31750            popup.remove();
31751          }
31752        }
31753      });
31754      
31755      newCategorySection.appendChild(newCategoryLabel);
31756      newCategorySection.appendChild(newCategoryInput);
31757      newCategorySection.appendChild(createButton);
31758      
31759      // Assemble popup
31760      content.appendChild(title);
31761      content.appendChild(closeButton);
31762      content.appendChild(categoryList);
31763      content.appendChild(newCategorySection);
31764      popup.appendChild(content);
31765      
31766      // Add to document
31767      document.body.appendChild(popup);
31768      
31769      // Focus the input
31770      setTimeout(() => {
31771        newCategoryInput.focus();
31772      }, 100);
31773      
31774      // Close when clicking outside content
31775      popup.addEventListener('click', (e) => {
31776        if (e.target === popup) {
31777          popup.remove();
31778        }
31779      });
31780    }
31781    
31782    // Show a toast notification
31783    function showWishlistToast(added, productTitle) {
31784      // Create or get toast container
31785      let toastContainer = document.getElementById('wishlist-toast');
31786      if (!toastContainer) {
31787        toastContainer = document.createElement('div');
31788        toastContainer.id = 'wishlist-toast';
31789        toastContainer.style.position = 'fixed';
31790        toastContainer.style.bottom = '20px';
31791        toastContainer.style.right = '20px';
31792        toastContainer.style.zIndex = '9999';
31793        document.body.appendChild(toastContainer);
31794      }
31795      
31796      // Create toast
31797      const toast = document.createElement('div');
31798      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
31799      toast.style.color = 'white';
31800      toast.style.padding = '12px 20px';
31801      toast.style.borderRadius = '0';
31802      toast.style.marginTop = '10px';
31803      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
31804      toast.style.transition = 'all 0.3s ease';
31805      toast.style.opacity = '0';
31806      toast.style.fontFamily = 'Montserrat, sans-serif';
31807      
31808      // Choose text based on action
31809      const lang = getWishlistLang();
31810      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
31811      toast.textContent = added
31812        ? `${productTitle} ${translations.addedToWishlist}` // Translate
31813        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
31814      
31815      // Add to container
31816      toastContainer.appendChild(toast);
31817      
31818      // Animate in
31819      setTimeout(() => {
31820        toast.style.opacity = '1';
31821      }, 10);
31822      
31823      // Animate out and remove
31824      setTimeout(() => {
31825        toast.style.opacity = '0';
31826        setTimeout(() => {
31827          toastContainer.removeChild(toast);
31828        }, 300);
31829      }, 3000);
31830    }
31831
31832    // Initialize wishlist buttons
31833    function initCardWishlistButtons() {
31834      const wishlistButtons = document.querySelectorAll('.card-wis
31834hlist-button');
31835      
31836      wishlistButtons.forEach(button => {
31837        // Skip if already initialized
31838        if (button.dataset.initializedWishlist === 'true') return;
31839        button.dataset.initializedWishlist = 'true';
31840        
31841        const productId = button.getAttribute('data-wishlist-product');
31842        if (!productId) return;
31843        
31844        // Get product details from the card
31845        const card = button.closest('.card-wrapper');
31846        const productDetails = {
31847          id: productId,
31848          title: card.querySelector('.card__heading')?.textContent.trim() || '',
31849          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
31850          price: card.querySelector('.price')?.textContent.trim() || '',
31851          image: card.querySelector('img')?.src || '',
31852          url: card.querySelector('a[href*="/products/"]')?.href || ''
31853        };
31854        
31855        // Set initial state using global function
31856        const heartIcon = button.querySelector('path');
31857        if (heartIcon) {
31858          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
31859            heartIcon.setAttribute('fill', '#333333');
31860          } else {
31861            heartIcon.setAttribute('fill', 'none');
31862          }
31863        }
31864        
31865        // Add click handler
31866        button.addEventListener('click', function(e) {
31867          e.preventDefault();
31868          e.stopPropagation();
31869          e.stopImmediatePropagation();
31870          toggleWishlistItem(productDetails);
31871        });
31872        
31873        // Prevent navigation on mousedown/touchstart
31874        button.addEventListener('mousedown', function(e) {
31875          e.preventDefault();
31876          e.stopPropagation();
31877        });
31878        
31879        button.addEventListener('touchstart', function(e) {
31880          e.preventDefault();
31881          e.stopPropagation();
31882        });
31883      });
31884    }
31885
31886    // Initialize the wishlist counter on page load
31887    const wishlist = getWishlist();
31888    const totalItems = wishlist.categories.reduce((total, category) => {
31889      return total + category.items.length;
31890    }, 0);
31891    updateWishlistCounters(totalItems);
31892
31893    // Initialize on DOM ready
31894    if (document.readyState === 'loading') {
31895      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
31896    } else {
31897      initCardWishlistButtons();
31898    }
31899
31900    // Reinitialize on Shopify section load
31901    document.addEventListener('shopify:section:load', function() {
31902      setTimeout(initCardWishlistButtons, 100);
31903    });
31904
31905    // Listen for wishlist updates from other parts of the site
31906    document.addEventListener('wishlist:updated', function() {
31907      setTimeout(initCardWishlistButtons, 100);
31908    });
31909  })();
31910</script>
31910
31911
31912<!-- Price info icon styles -->
31913<style>
31914  /* Price container with icon */
31915  .price-container-with-info {
31916    position: relative;
31917    display: flex;
31918    align-items: center;
31919    gap: 8px;
31920  }
31921
31922  /* Info icon - hidden by default, shown on card hover */
31923  .price-info-icon {
31924    position: relative;
31925    display: inline-flex;
31926    align-items: center;
31927    justify-content: center;
31928    color: #666;
31929    cursor: help;
31930    opacity: 0;
31931    transition: opacity 0.3s ease;
31932
31933    padding: 4px; /* Add padding to increase clickable area */
31934    min-width: 20px; /* Ensure minimum clickable area */
31935    min-height: 20px;
31936    z-index: 15; /* Above everything else including compare button */
31937    pointer-events: auto; /* Allow interaction */
31938  }
31939
31940  /* Show icon on card hover */
31941  .card-wrapper:hover .price-info-icon {
31942    opacity: 1;
31943  }
31944
31945  .price-info-icon svg {
31946    width: 14px;
31947    height: 14px;
31948    stroke-width: 1.5;
31949  }
31950
31951  /* Tooltip styles */
31952  .price-info-tooltip {
31953    position: absolute;
31954    bottom: calc(100% + 6px);
31955    top: auto;
31956    left: 0;
31957    transform: none;
31958    min-width: 310px;
31959    background: #FFFFFF;
31960    color: #232323;
31961    border: 1px solid #EEEEEE;
31962    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
31963    padding: 12px 16px;
31964    font-size: 13px;
31965    font-family: 'Montserrat', sans-serif;
31966    z-index: 10000;
31967    opacity: 0;
31968    transition: opacity 0.18s;
31969    white-space: pre-line;
31970    text-align: left;
31971    border-radius: 0;
31972    visibility: hidden;
31973    pointer-events: none;
31974  }
31975
31976  /* Show tooltip on icon hover */
31977  .price-info-icon:hover .price-info-tooltip {
31978    visibility: visible;
31979    opacity: 1;
31980  }
31981
31982  /* Ensure tooltip is never clipped */
31983  .price-container-with-info,
31984  .card-information,
31985  .card__content {
31986    overflow: visible !important;
31987  }
31988
31989  /* Mobile adjustments */
31990  @media screen and (max-width: 768px) {
31991    .price-info-tooltip {
31992      min-width: 200px;
31993      font-size: 12px;
31994      padding: 10px 12px;
31995    }
31996  }
31997</style>
31998
31999                </li>
32000                <li
32001                  class="grid__item"
32002                  
32003                >
32004                  
32005<div class="card-wrapper product-card-wrapper underline-links-hover">
32006
32007    <div
32008      class="
32009        card card--standard
32010         card--media
32011        
32012        
32013        
32014        
32015        
32016      "
32017      style="--ratio-percent: 100.0%;"
32018      data-product-id="9746963398954"
32019      data-description="Pollari ulkokäyttöön, kullattu sisältä luomaan pehmeän, lämpimän valaistuksen."
32020      data-status-in-sortiment="VYB"
32021      data-ip-rate="IP54"
32022      
32023      data-variant-id="52388038312234"
32024      data-price="138.00 EUR"
32025      data-compare-at-price="173.00 EUR"
32026      data-available="false"
32027      data-barcode="8595685402130"
32028      data-ip-rate="IP54"
32029      data-lumens="123"
32030      data-power-source=""
32031      data-watt="7.0"
32032      data-kelvin="3000"
32033      data-light-color=""
32034      data-diameter=""
32035      data-weight-netto="880.0"
32036      data-weight-unit="g"
32037      data-mounting-hole-size=""
32038      data-recess-depth=""
32039      data-suspension-lenght=""
32040      data-turn-angle=""
32041      data-tilt-angle=""
32042      data-switch=""
32043      data-socket=""
32044      data-light-source-recomended=""
32045      data-height="25"
32046      data-length="10"
32047      data-Length=""
32048    >
32049      <div
32050        class="card__inner color-scheme-2 gradient ratio"
32051        style="--ratio-percent: 100.0%;"
32052      >
32053        
32054
32055<div class="ip-rate-badge">
32056            <span>IP54</span>
32057          </div><div class="card__media">
32058            <a class="card__media-link-content" href="/products/treeza-led-25-bollard-lamp" aria-label="TREEZA LED 25">
32059              <div class="media media--transparent media--hover-effect">
32060              
32061              <img
32062                class="product-image motion-reduce"
32063                srcset="//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=165 165w,//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=360 360w,//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=533 533w,//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=720 720w,//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=940 940w,//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=1066 1066w,//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170 4899w
32064                "
32065                src="//rendl.fi/cdn/shop/files/r10380-1.jpg?v=1745940170&width=533"
32066                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
32067                alt="RENDL outdoor lamp TREEZA LED 25 bollard anthracite grey  230V LED 7W 60° IP54  3000K R10380 1"
32068                
32069                  loading="lazy"
32070                
32071                width="4899"
32072                height="4899"
32073              >
32074              
32075<img
32076                  class="product-image motion-reduce"
32077                  srcset="//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=165 165w,//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=360 360w,//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=533 533w,//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=720 720w,//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=940 940w,//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=1066 1066w,//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480 3162w
32078                  "
32079                  src="//rendl.fi/cdn/shop/files/r10380-2.jpg?v=1767057480&width=533"
32080                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
32081                  alt=""
32082                  loading="lazy"
32083                  width="3162"
32084                  height="3162"
32085                ></div>
32086            </a>
32087            
32088<div class="card-media-icons"><div class="energy-label-icon">
32089                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
32090                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
32091</div>
32092                  </div></div><div class="card-variant-swatches"><a
32093                    class="card-variant-swatch"
32094                    href="/products/treeza-led-25-bollard-lamp?variant=52388038312234"
32095                    
32096                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
32097                    
32098                    aria-label="tummanharmaa"
32099                  >
32100                    <span class="card-variant-swatch-tooltip">tummanharmaa</span><span class="card-variant-swatch-discount">%</span></a></div></div><div class="card__content">
32101          <div class="card__information">
32102            <h3
32103              class="card__heading"
32104              
32105            >
32106              <a
32107                href="/products/treeza-led-25-bollard-lamp"
32108                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746963398954"
32109                class="full-unstyled-link"
32110                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746963398954 NoMediaStandardBadge-template--28113427169578__product-grid-9746963398954"
32111              >
32112                TREEZA LED 25
32113              </a>
32114            </h3>
32115          </div>
32116          <div class="card__badge bottom left"><span
32117                id="NoMediaStandardBadge-template--28113427169578__product-grid-9746963398954"
32118                class="badge badge--bottom-left color-scheme-3"
32119              >Matkalla</span></div>
32120        </div>
32121      </div>
32122      <div class="card__content">
32123        <div class="card__information">
32124          <h3
32125            class="card__heading h5"
32126            
32127              id="title-template--28113427169578__product-grid-9746963398954"
32128            
32129          >
32130            <a
32131              href="/products/treeza-led-25-bollard-lamp"
32132              id="CardLink-template--28113427169578__product-grid-9746963398954"
32133              class="full-unstyled-link"
32134              aria-labelledby="CardLink-template--28113427169578__product-grid-9746963398954 Badge-template--28113427169578__product-grid-9746963398954"
32135            >
32136              TREEZA LED 25
32137            </a>
32138          </h3><div class="card__description">
32139              Pollari ulkokäyttöön, kullattu sisältä luomaan pehmeän, lämpimän valaistuksen.
32140            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
32141              
32142<div
32143    class="
32144      price  price--sold-out price--on-sale"
32145  >
32146    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
32147          <span class="price-item price-item--regular">
32148            138.00 EUR
32149          </span></div>
32150      <div class="price__sale">
32151          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
32152          <span>
32153            <s class="price-item price-item--regular">
32154              
32155                173.00 EUR
32156              
32157            </s>
32158          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
32159        <span class="price-item price-item--sale price-item--last">
32160          138.00 EUR
32161        </span>
32162      </div>
32163      <small class="unit-price caption hidden">
32164        <span class="visually-hidden">Yksikköhinta</span>
32165        <span class="price-item price-item--last">
32166          <span></span>
32167          <span aria-hidden="true">/</span>
32168          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
32169          <span>
32170          </span>
32171        </span>
32172      </small>
32173    </div></div>
32174
32175
32176</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
32177              <button class="compare-button-simple" 
32178                      data-product-id="9746963398954" 
32179                      data-product-title="TREEZA LED 25"
32180                      data-product-handle="treeza-led-25-bollard-lamp">
32181                              <span class="compare-button-content">
32182                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
32183                    <span class="compare-text" data-translate="compare">compare</span>
32184                  </span>
32185                <span class="compare-spinner-small">
32186                  <!-- Small spinner for button -->
32187                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
32188                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
32189                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
32190                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
32190inite"/>
32191                    </path>
32192                  </svg>
32193                </span>
32194              </button>
32195              
32196              <!-- Wishlist button next to compare button -->
32197              <button type="button" class="card-wishlist-button" data-wishlist-product="9746963398954">
32198                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
32199                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
32200                </svg>
32201              </button>
32202            </div></div>
32203        </div>
32204        
32205        
32206        
32207          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746963398954" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
32208                    type="hidden"
32209                    name="id"
32210                    value="52388038312234"
32211                    class="product-variant-id"
32212                    
32213                      disabled
32214                    
32215                  >
32216                  <button
32217                    id="quick-add-template--28113427169578__product-grid9746963398954-submit"
32218                    type="submit"
32219                    name="add"
32220                    class="quick-add__submit button button--full-width button--secondary"
32221                    aria-haspopup="dialog"
32222                    aria-labelledby="quick-add-template--28113427169578__product-grid9746963398954-submit title-template--28113427169578__product-grid-9746963398954"
32223                    aria-live="polite"
32224                    data-sold-out-message="true"
32225                    
32226                      disabled
32227                    
32228                  >
32229                    <span>Matkalla
32230</span>
32231                    <span class="sold-out-message hidden">
32232                      Matkalla
32233                    </span>
32234
32235<div class="loading__spinner hidden">
32236  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
32237
32238</div>
32239</button><input type="hidden" name="product-id" value="9746963398954" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
32240        
32241        <div class="card__badge bottom left"><span
32242              id="Badge-template--28113427169578__product-grid-9746963398954"
32243              class="badge badge--bottom-left color-scheme-3"
32244            >Matkalla</span></div>
32245      </div>
32246    </div>
32247  </div>
32247<script>
32248  // Initialize global compare translations only once
32249  if (typeof window.compareButtonTranslations === 'undefined') {
32250    window.compareButtonTranslations = {
32251      compare: {
32252        en: 'compare',
32253        cs: 'porovnat',
32254        sk: 'porovnať',
32255        de: 'vergleichen',
32256        at: 'vergleichen',
32257        ch: 'vergleichen',
32258        fr: 'comparer',
32259        be: 'comparer',
32260        lu: 'comparer',
32261        it: 'confronta',
32262        es: 'comparar',
32263        nl: 'vergelijken',
32264        pl: 'porównaj',
32265        hu: 'összehasonlít',
32266        ro: 'compară',
32267        bg: 'сравни',
32268        hr: 'usporedi',
32269        fi: 'vertaile',
32270        gr: 'σύγκριση',
32271        el: 'σύγκριση',
32272        no: 'sammenlign',
32273        'pt-PT': 'comparar',
32274        sl: 'primerjaj',
32275        sv: 'jämför',
32276        lv: 'salīdzināt',
32277        lt: 'palyginti',
32278        ee: 'võrdle',
32279        dk: 'sammenlign',
32280        gb: 'compare',
32281        uk: 'compare',
32282        ie: 'compare',
32283        us: 'compare',
32284        ca: 'compare',
32285        au: 'compare',
32286        nz: 'compare',
32287        ru: 'сравнить'
32288      },
32289      remove: {
32290        en: 'remove',
32291        cs: 'odebrat',
32292        sk: 'odobrať',
32293        de: 'entfernen',
32294        at: 'entfernen',
32295        ch: 'entfernen',
32296        fr: 'supprimer',
32297        be: 'supprimer',
32298        lu: 'supprimer',
32299        it: 'rimuovi',
32300        es: 'eliminar',
32301        nl: 'verwijderen',
32302        pl: 'usuń',
32303        hu: 'eltávolít',
32304        ro: 'elimină',
32305        bg: 'премахни',
32306        hr: 'ukloni',
32307        fi: 'poista',
32308        gr: 'αφαίρεση',
32309        el: 'αφαίρεση',
32310        no: 'fjern',
32311        'pt-PT': 'remover',
32312        sl: 'odstrani',
32313        sv: 'ta bort',
32314        lv: 'noņemt',
32315        lt: 'pašalinti',
32316        ee: 'eemalda',
32317        dk: 'fjern',
32318        gb: 'remove',
32319        uk: 'remove',
32320        ie: 'remove',
32321        us: 'remove',
32322        ca: 'remove',
32323        au: 'remove',
32324        nz: 'remove',
32325        ru: 'удалить'
32326      },
32327      added: {
32328        en: 'Added!',
32329        cs: 'Přidáno!',
32330        sk: 'Pridané!',
32331        de: 'Hinzugefügt!',
32332        at: 'Hinzugefügt!',
32333        ch: 'Hinzugefügt!',
32334        fr: 'Ajouté!',
32335        be: 'Ajouté!',
32336        lu: 'Ajouté!',
32337        it: 'Aggiunto!',
32338        es: '¡Añadido!',
32339        nl: 'Toegevoegd!',
32340        pl: 'Dodano!',
32341        hu: 'Hozzáadva!',
32342        ro: 'Adăugat!',
32343        bg: 'Добавено!',
32344        hr: 'Dodano!',
32345        fi: 'Lisätty!',
32346        gr: 'Προστέθηκε!',
32347        el: 'Προστέθηκε!',
32348        no: 'Lagt til!',
32349        'pt-PT': 'Adicionado!',
32350        sl: 'Dodano!',
32351        sv: 'Tillagd!',
32352        lv: 'Pievienots!',
32353        lt: 'Pridėta!',
32354        ee: 'Lisatud!',
32355        dk: 'Tilføjet!',
32356        gb: 'Added!',
32357        uk: 'Added!',
32358        ie: 'Added!',
32359        us: 'Added!',
32360        ca: 'Added!',
32361        au: 'Added!',
32362        nz: 'Added!',
32363        ru: 'Добавлено!'
32364      },
32365      removed: {
32366        en: 'Removed!',
32367        cs: 'Odebráno!',
32368        sk: 'Odobrané!',
32369        de: 'Entfernt!',
32370        at: 'Entfernt!',
32371        ch: 'Entfernt!',
32372        fr: 'Supprimé!',
32373        be: 'Supprimé!',
32374        lu: 'Supprimé!',
32375        it: 'Rimosso!',
32376        es: '¡Eliminado!',
32377        nl: 'Verwijderd!',
32378        pl: 'Usunięto!',
32379        hu: 'Eltávolítva!',
32380        ro: 'Eliminat!',
32381        bg: 'Премахнато!',
32382        hr: 'Uklonjeno!',
32383        fi: 'Poistettu!',
32384        gr: 'Αφαιρέθηκε!',
32385        el: 'Αφαιρέθηκε!',
32386        no: 'Fjernet!',
32387        'pt-PT': 'Removido!',
32388        sl: 'Odstranjeno!',
32389        sv: 'Borttaget!',
32390        lv: 'Noņemts!',
32391        lt: 'Pašalinta!',
32392        ee: 'Eemaldatud!',
32393        dk: 'Fjernet!',
32394        gb: 'Removed!',
32395        uk: 'Removed!',
32396        ie: 'Removed!',
32397        us: 'Removed!',
32398        ca: 'Removed!',
32399        au: 'Removed!',
32400        nz: 'Removed!',
32401        ru: 'Удалено!'
32402      }
32403    };
32404
32405    // Tooltip translations for price info
32406    window.tooltipTranslations = {
32407      tooltipPrice: {
32408        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32409        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
32410        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
32411        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
32412        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
32413        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
32414        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
32415        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
32416        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
32417        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
32418        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
32419        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
32420        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
32421        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
32422        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
32423        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
32424        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
32425        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
32426        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
32427        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
32428        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
32429        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
32430        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
32431        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
32432        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
32432iks atskaitīts, ja piemērojams.",
32433        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
32434        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
32435        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
32436        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32437        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32438        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32439        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32440        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32441        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32442        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
32443        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
32444      },
32445      tooltipOutlet: {
32446        en: "We do not provide additional wholesale discounts on outlet products.",
32447        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
32448        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
32449        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
32450        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
32451        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
32452        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
32453        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
32454        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
32455        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
32456        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
32457        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
32458        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
32459        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
32460        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
32461        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
32462        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
32463        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
32464        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
32465        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
32466        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
32467        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
32468        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
32469        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
32470        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
32471        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
32472        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
32473        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
32474        gb: "We do not provide additional wholesale discounts on outlet products.",
32475        uk: "We do not provide additional wholesale discounts on outlet products.",
32476        ie: "We do not provide additional wholesale discounts on outlet products.",
32477        us: "We do not provide additional wholesale discounts on outlet products.",
32478        ca: "We do not provide additional wholesale discounts on outlet products.",
32479        au: "We do not provide additional wholesale discounts on outlet products.",
32480        nz: "We do not provide additional wholesale discounts on outlet products.",
32481        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
32482      }
32483    };
32484
32485    // Get current locale from document
32486    window.currentLocale = document.documentElement.lang || 'en';
32487
32488    // Function to translate compare buttons
32489    window.translateCompareButtons = function() {
32490      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
32491      compareTexts.forEach(function(textEl) {
32492        const button = textEl.closest('.compare-button-simple');
32493        const isInComparison = button && button.hasAttribute('data-in-comparison');
32494        
32495        if (isInComparison) {
32496          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
32497          textEl.textContent = translation;
32498        } else {
32499          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
32500          textEl.textContent = translation;
32501        }
32502      });
32503    };
32504
32505    // Function to format price with space as thousands separator (only for tooltip)
32506    function formatTooltipPrice(price) {
32507      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
32508      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
32509    }
32510
32511    // Function to translate tooltips with price
32512    window.translateTooltips = function() {
32513      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
32514      tooltips.forEach(function(tooltip) {
32515        const icon = tooltip.closest('.price-info-icon');
32516        if (icon) {
32517          const status = icon.getAttribute('data-status');
32518          // Check if this is an outlet product
32519          if (status === 'outlet') {
32520            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
32521            tooltip.textContent = translation;
32522            return; // Exit early for outlet products
32523          }
32524          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
32525          // Get wholesale price from the actual price display on the card
32526          const card = icon.closest('[data-product-id]');
32527          let wholesalePrice = '';
32528          if (card) {
32529            // Find the main price element on the card
32530            const priceElement = card.querySelector('.price .price-item--regular');
32531            if (priceElement) {
32532              wholesalePrice = priceElement.textContent.trim();
32533            }
32534          }
32535          if (retailPrice && wholesalePrice) {
32536            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
32537            let formattedRetailPrice = formatTooltipPrice(retailPrice);
32538            let formattedWholesalePrice = wholesalePrice;
32539            if (window.formatPriceText) {
32540              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
32541            }
32542            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
32543            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
32544            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
32545            tooltip.textContent = translatedText;
32546          }
32547        }
32548      });
32549    };
32550
32551    // Function to update button state based on comparison status
32552    window.updateCompareButtonState = function(productId, isInComparison) {
32553      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
32554      buttons.forEach(function(button) {
32555        const buttonContainer = button.closest('.compare-button-container');
32556        const compareText = button.querySelector('.compare-text');
32557        
32558        if (isInComparison) {
32559          button.setAttribute('data-in-comparison', 'true');
32560          button.classList.add('in-comparison');
32561          buttonContainer.classList.add('in-comparison');
32562          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
32563          compareText.textContent = removeText;
32564        } else {
32565          button.removeAttribute('data-in-comparison');
32566          button.classList.remove('in-comparison');
32567          buttonContainer.classList.remove('in-comparison');
32568          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
32569          compareText.textContent = compareTextTranslation;
32570        }
32571      });
32572    };
32573  }
32574
32575  // Initialize compare button states based on localStorage
32576  window.initializeCompareButtonStates = function() {
32577    if (typeof window.RendlCompare !== 'undefined') {
32578      const compareItems = window.RendlCompare.getItems();
32579      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
32580        const productId = button.getAttribute('data-product-id');
32581        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
32582        window.updateCompareButtonState(productId, isInComparison);
32583      });
32584    }
32585  };
32586
32587  // Compare button UI animation - the actual functionality is handled by compare-system.js
32588  document.addEventListener('DOMContentLoaded', function() {
32589    // Apply translations on page load
32590    if (window.translateCompareButtons) {
32591      window.translateCompareButtons();
32592    }
32593    
32594    // Initialize button states based on comparison data
32595    setTimeout(function() {
32596      if (window.initializeCompareButtonStates) {
32597        window.initializeCompareButtonStates();
32598      }
32599    }, 100); // Small delay to ensure compare system is loaded
32600    
32601    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
32602      // Skip if already has event listener
32603      if (button.hasAttribute('data-compare-initialized')) {
32604        return;
32605      }
32606      button.setAttribute('data-compare-initialized', 'true');
32607      
32608      button.addEventListener('click', function(e) {
32609        var buttonContainer = button.closest('.compare-button-container');
32610        var compareText = button.querySelector('.compare-text');
32611        var isInComparison = button.hasAttribute('data-in-comparison');
32612        var productId = button.getAttribute('data-product-id');
32613        
32614        // Prevent multiple clicks during loading
32615        if (button.classList.contains('loading')) {
32616          return;
32617        }
32618        
32619        // Make button always visible during the process
32620        buttonContainer.classList.add('active');
32621        
32622        // Add loading class to show spinner
32623        button.classList.add('loading');
32624        
32625        // UI feedback timing
32626        setTimeout(function() {
32627          // Remove loading class and show success message
32628          button.classList.remove('loading');
32629          button.classList.add('success');
32630          
32631          if (isInComparison) {
32632            // Removing from comparison
32633            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
32634            
32635            // Update button state after removal
32636            setTimeout(function() {
32637              button.classList.remove('success');
32638              window.updateCompareButtonState(productId, false);
32639              buttonContainer.classList.remove('active');
32640            }, 1500);
32641          } else {
32642            // Adding to comparison
32643            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
32644            
32645            // Update button state after addition
32646            setTimeout(function() {
32647              button.classList.remove('success');
32648              window.updateCompareButtonState(productId, true);
32649              buttonContainer.classList.remove('active');
32650            }, 1500);
32651          }
32652        }, 1200);
32653      });
32654    });
32655
32656    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
32657    setTimeout(function() {
32658      if (window.translateTooltips) {
32659        window.translateTooltips();
32660      }
32661    }, 100);
32662  });
32663
32664  // Ensure compare button states are initialized after RendlCompare is available
32665  document.addEventListener('DOMContentLoaded', function() {
32666    function tryInitCompareButtons() {
32667      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
32668        window.initializeCompareButtonStates();
32669      } else {
32670        setTimeout(tryInitCompareButtons, 100);
32671      }
32672    }
32673    tryInitCompareButtons();
32674  });
32675
32676  // Self-contained wishlist functionality for card-product
32677  (function() {
32678    // Wishlist translations
32679    var wishlistTranslations = {
32680      'en': {
32681        addToWishlist: 'Add to My Favorites',
32682        createCategory: 'Create new category:',
32683        categoryPlaceholder: 'Category name',
32684        createAndAdd: 'Create & Add Item',
32685        alreadyAdded: '(Already added)',
32686        addedToWishlist: 'added to My Favorites',
32687        removedFromWishlist: 'removed from My Favorites',
32688        allFavorites: 'All Favorites'
32689      },
32690      'cs': {
32691        addToWishlist: 'Přidat do oblíbených',
32692        createCategory: 'Vytvořit novou skupinu:',
32693        categoryPlaceholder: 'Název nové skupiny',
32694        createAndAdd: 'Vytvořit a přidat skupinu',
32695        alreadyAdded: '(Již přidáno)',
32696        addedToWishlist: 'přidáno do oblíbených',
32697        removedFromWishlist: 'odebráno z oblíbených',
32698        allFavorites: 'Všechny oblíbené'
32699      },
32700      'sk': {
32701        addToWishlist: 'Pridať do obľúbených',
32702        createCategory: 'Vytvoriť novú kategóriu:',
32703        categoryPlaceholder: 'Názov kategórie',
32704        createAndAdd: 'Vytvoriť a pridať položku',
32705        alreadyAdded: '(Už pridané)',
32706        addedToWishlist: 'pridané do obľúbených',
32707        removedFromWishlist: 'odstránené z obľúbených',
32708        allFavorites: 'Všetky obľúbené'
32709      },
32710      'de': {
32711        addToWishlist: 'Zu meinen Favoriten hinzufügen',
32712        createCategory: 'Neue Kategorie erstellen:',
32713        categoryPlaceholder: 'Kategoriename',
32714        createAndAdd: 'Erstellen & hinzufügen',
32715        alreadyAdded: '(Bereits hinzugefügt)',
32716        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
32717        removedFromWishlist: 'aus meinen Favoriten entfernt',
32718        allFavorites: 'Alle Favoriten'
32719      },
32720      'fr': {
32721        addToWishlist: 'Ajouter à mes favoris',
32722        createCategory: 'Créer une nouvelle catégorie :',
32723        categoryPlaceholder: 'Nom de la catégorie',
32724        createAndAdd: 'Créer et ajouter',
32725        alreadyAdded: '(Déjà ajouté)',
32726        addedToWishlist: 'ajouté à mes favoris',
32727        removedFromWishlist: 'retiré de mes favoris',
32728        allFavorites: 'Tous les favoris'
32729      },
32730      'it': {
32731        addToWishlist: 'Aggiungi ai preferiti',
32732        createCategory: 'Crea nuova categoria:',
32733        categoryPlaceholder: 'Nome categoria',
32734        createAndAdd: 'Crea e aggiungi',
32735        alreadyAdded: '(Già aggiunto)',
32736        addedToWishlist: 'aggiunto ai preferiti',
32737        removedFromWishlist: 'rimosso dai preferiti',
32738        allFavorites: 'Tutti i preferiti'
32739      },
32740      'es': {
32741        addToWishlist: 'Añadir a mis favoritos',
32742        createCategory: 'Crear nueva categoría:',
32743        categoryPlaceholder: 'Nombre de la categoría',
32744        createAndAdd: 'Crear y añadir',
32745        alreadyAdded: '(Ya añadido)',
32746        addedToWishlist: 'añadido a mis favoritos',
32747        removedFromWishlist: 'eliminado de mis favoritos',
32748        allFavorites: 'Todos los favoritos'
32749      },
32750      'nl': {
32751        addToWishlist: 'Toevoegen aan mijn favorieten',
32752        createCategory: 'Nieuwe categorie aanmaken:',
32753        categoryPlaceholder: 'Categorienaam',
32754        createAndAdd: 'Aanmaken & toevoegen',
32755        alreadyAdded: '(Al toegevoegd)',
32756        addedToWishlist: 'toegevoegd aan mijn favorieten',
32757        removedFromWishlist: 'verwijderd uit mijn favorieten',
32758        allFavorites: 'Alle favorieten'
32759      },
32760      'pl': {
32761        addToWishlist: 'Dodaj do ulubionych',
32762        createCategory: 'Utwórz nową kategorię:',
32763        categoryPlaceholder: 'Nazwa kategorii',
32764        createAndAdd: 'Utwórz i dodaj',
32765        alreadyAdded: '(Już dodane)',
32766        addedToWishlist: 'dodano do ulubionych',
32767        removedFromWishlist: 'usunięto z ulubionych',
32768        allFavorites: 'Wszystkie ulubione'
32769      },
32770      'hu': {
32771        addToWishlist: 'Hozzáadás a kedvencekhez',
32772        createCategory: 'Új kategória létrehozása:',
32773        categoryPlaceholder: 'Kategória neve',
32774        createAndAdd: 'Létrehozás és hozzáadás',
32775        alreadyAdded: '(Már hozzáadva)',
32776        addedToWishlist: 'hozzáadva a kedvencekhez',
32777        removedFromWishlist: 'eltávolítva a kedvencekből',
32778        allFavorites: 'Minden kedvenc'
32779      },
32780      'ro': {
32781        addToWishlist: 'Adaugă la favorite',
32782        createCategory: 'Creează o nouă categorie:',
32783        categoryPlaceholder: 'Nume categorie',
32784        createAndAdd: 'Creează și adaugă',
32785        alreadyAdded: '(Deja adăugat)',
32786        addedToWishlist: 'adăugat la favorite',
32787        removedFromWishlist: 'eliminat din favorite',
32788        allFavorites: 'Toate preferințele'
32789      },
32790      'bg': {
32791        addToWishlist: 'Добави в любими',
32792        createCategory: 'Създай нова категория:',
32793        categoryPlaceholder: 'Име на категория',
32794        createAndAdd: 'Създай и добави',
32795        alreadyAdded: '(Вече добавено)',
32796        addedToWishlist: 'добавено в любими',
32797        removedFromWishlist: 'премахнато от любими',
32798        allFavorites: 'Всички любими'
32799      },
32800      'hr': {
32801        addToWishlist: 'Dodaj u favorite',
32802        createCategory: 'Kreiraj novu kategoriju:',
32803        categoryPlaceholder: 'Naziv kategorije',
32804        createAndAdd: 'Kreiraj i dodaj',
32805        alreadyAdded: '(Već dodano)',
32806        addedToWishlist: 'dodano u favorite',
32807        removedFromWishlist: 'uklonjeno iz favorita',
32808        allFavorites: 'Sva omiljena'
32809      },
32810      'fi': {
32811        addToWishlist: 'Lisää suosikkeihin',
32812        createCategory: 'Luo uusi kategoria:',
32813        categoryPlaceholder: 'Kategorian nimi',
32814        createAndAdd: 'Luo ja lisää',
32815        alreadyAdded: '(Jo lisätty)',
32816        addedToWishlist: 'lisätty suosikkeihin',
32817        removedFromWishlist: 'poistettu suosikeista',
32818        allFavorites: 'Kaikki suosikit'
32819      },
32820      'gr': {
32821        addToWishlist: 'Προσθήκη στα αγαπημένα',
32822        createCategory: 'Δημιουργία νέας κατηγορίας:',
32823        categoryPlaceholder: 'Όνομα κατηγορίας',
32824        createAndAdd: 'Δημιουργία & προσθήκη',
32825        alreadyAdded: '(Ήδη προστέθηκε)',
32826        addedToWishlist: 'προστέθηκε στα αγαπημένα',
32827        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
32828        allFavorites: 'Όλα τα αγαπημένα'
32829      },
32830      'no': {
32831        addToWishlist: 'Legg til i favoritter',
32832        createCategory: 'Opprett ny kategori:',
32833        categoryPlaceholder: 'Kategorinavn',
32834        createAndAdd: 'Opprett og legg til',
32835        alreadyAdded: '(Allerede lagt til)',
32836        addedToWishlist: 'lagt til i favoritter',
32837        removedFromWishlist: 'fjernet fra favoritter',
32838        allFavorites: 'Alle favoritter'
32839      },
32840      'pt-PT': {
32841        addToWishlist: 'Adicionar aos favoritos',
32842        createCategory: 'Criar nova categoria:',
32843        categoryPlaceholder: 'Nome da categoria',
32844        createAndAdd: 'Criar e adicionar',
32845        alreadyAdded: '(Já adicionado)',
32846        addedToWishlist: 'adicionado aos favoritos',
32847        removedFromWishlist: 'removido dos favoritos',
32848        allFavorites: 'Todos os favoritos'
32849      },
32850      'sl': {
32851        addToWishlist: 'Dodaj med priljubljene',
32852        createCategory: 'Ustvari novo kategorijo:',
32853        categoryPlaceholder: 'Ime kategorije',
32854        createAndAdd: 'Ustvari in dodaj',
32855        alreadyAdded: '(Že dodano)',
32856        addedToWishlist: 'dodano med priljubljene',
32857        removedFromWishlist: 'odstranjeno iz priljubljenih',
32858        allFavorites: 'Vsi priljubljeni'
32859      },
32860      'sv': {
32861        addToWishlist: 'Lägg till i favoriter',
32862        createCategory: 'Skapa ny kategori:',
32863        categoryPlaceholder: 'Kategorinamn',
32864        createAndAdd: 'Skapa och lägg till',
32865        alreadyAdded: '(Redan tillagd)',
32866        addedToWishlist: 'tillagd i favoriter',
32867        removedFromWishlist: 'borttagen från favoriter',
32868        allFavorites: 'Alla favoriter'
32869      },
32870      'lv': {
32871        addToWishlist: 'Pievienot favorītiem',
32872        createCategory: 'Izveidot jaunu kategoriju:',
32873        categoryPlaceholder: 'Kategorijas nosaukums',
32874        createAndAdd: 'Izveidot un pievienot',
32875        alreadyAdded: '(Jau pievienots)',
32876        addedToWishlist: 'pievienots favorītiem',
32877        removedFromWishlist: 'noņemts no favorītiem',
32878        allFavorites: 'Visas favorītus'
32879      },
32880      'lt': {
32881        addToWishlist: 'Pridėti į mėgstamiausius',
32882        createCategory: 'Sukurti naują kategoriją:',
32883        categoryPlaceholder: 'Kategorijos pavadinimas',
32884        createAndAdd: 'Sukurti ir pridėti',
32885        alreadyAdded: '(Jau pridėta)',
32886        addedToWishlist: 'pridėta į mėgstamiausius',
32887        removedFromWishlist: 'pašalinta iš mėgstamiausių',
32888        allFavorites: 'Visos mėgstamiausios'
32889      },
32890      'ee': {
32891        addToWishlist: 'Lisa lemmikutesse',
32892        createCategory: 'Loo uus kategooria:',
32893        categoryPlaceholder: 'Kategooria nimi',
32894        createAndAdd: 'Loo ja lisa',
32895        alreadyAdded: '(Juba lisatud)',
32896        addedToWishlist: 'lisatud lemmikutesse',
32897        removedFromWishlist: 'eemaldatud lemmikutest',
32898        allFavorites: 'Kõik lemmikud'
32899      },
32900      'dk': {
32901        addToWishlist: 'Tilføj til favoritter',
32902        createCategory: 'Opret ny kategori:',
32903        categoryPlaceholder: 'Kategorinavn',
32904        createAndAdd: 'Opret og tilføj',
32905        alreadyAdded: '(Allerede tilføjet)',
32906        addedToWishlist: 'tilføjet til favoritter',
32907        removedFromWishlist: 'fjernet fra favoritter',
32908        allFavorites: 'Alle favoritter'
32909      }
32910    };
32911
32912    function getWishlistLang() {
32913      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
32914      // Normalize for region codes (e.g., pt-PT, sl)
32915      if (lang.startsWith('pt-PT')) return 'pt-PT';
32916      if (lang.startsWith('sl')) return 'sl';
32917      if (lang.startsWith('cs')) return 'cs';
32918      if (lang.startsWith('sk')) return 'sk';
32919      if (lang.startsWith('de')) return 'de';
32920      if (lang.startsWith('fr')) return 'fr';
32921      if (lang.startsWith('it')) return 'it';
32922      if (lang.startsWith('es')) return 'es';
32923      if (lang.startsWith('nl')) return 'nl';
32924      if (lang.startsWith('pl')) return 'pl';
32925      if (lang.startsWith('hu')) return 'hu';
32926      if (lang.startsWith('ro')) return 'ro';
32927      if (lang.startsWith('bg')) return 'bg';
32928      if (lang.startsWith('hr')) return 'hr';
32929      if (lang.startsWith('fi')) return 'fi';
32930      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
32931      if (lang.startsWith('no')) return 'no';
32932      if (lang.startsWith('sv')) return 'sv';
32933      if (lang.startsWith('lv')) return 'lv';
32934      if (lang.startsWith('lt')) return 'lt';
32935      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
32936      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
32937      return 'en';
32938    }
32939
32940    // Get or initialize the wishlist array in localStorage
32941    function getWishlist() {
32942      const wishlistJSON = localStorage.getItem('rendl_wishlist');
32943      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
32944        categories: [
32945          {
32946            id: 'all-favorites',
32947            name: 'All Favorites',
32948            items: []
32949          }
32950        ],
32951        version: 2
32952      };
32953      
32954      // Handle migration from old format (array of items) to new format (categories)
32955      if (Array.isArray(wishlist)) {
32956        return {
32957          categories: [
32958            {
32959              id: 'all-favorites',
32960              name: 'All Favorites',
32961              items: wishlist
32962            }
32963          ],
32964          version: 2
32965        };
32966      }
32967      
32968      return wishlist;
32969    }
32970    
32971    // Save wishlist to localStorage
32972    function saveWishlist(wishlist) {
32973      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
32974      // Dispatch an event so other parts of the site can react to wishlist changes
32975      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
32976        detail: { wishlist: wishlist } 
32977      }));
32978      
32979      // Count total items across all categories
32980      const totalItems = wishlist.categories.reduce((total, category) => {
32981        return total + category.items.length;
32982      }, 0);
32983      
32984      // Update all wishlist counters
32985      updateWishlistCounters(totalItems);
32986    }
32987    
32988    // Update all wishlist counters on the page
32989    function updateWishlistCounters(count) {
32990      const counters = document.querySelectorAll('.wishlist-count');
32991      counters.forEach(counter => {
32992        counter.textContent = count;
32993        
32994        // If the counter is hidden and count > 0, show it
32995        if (count > 0 && counter.hasAttribute('hidden')) {
32996          counter.removeAttribute('hidden');
32997        }
32998        // If the counter is visible and count = 0, hide it
32999        else if (count === 0 && !counter.hasAttribute('hidden')) {
33000          counter.setAttribute('hidden', 'true');
33001        }
33002      });
33003    }
33004    
33005    // Check if a product is in the wishlist (in any category)
33006    function isInWishlist(productId) {
33007      const wishlist = getWishlist();
33008      return wishlist.categories.some(category => 
33009        category.items.some(item => item.id === productId)
33010      );
33011    }
33012    
33013    // Get all categories
33014    function getCategories() {
33015      return getWishlist().categories;
33016    }
33017    
33018    // Create a new category
33019    function createCategory(name) {
33020      const wishlist = getWishlist();
33021      const categoryId = 'category-' + Date.now();
33022      
33023      wishlist.categories.push({
33024        id: categoryId,
33025        name: name,
33026        items: []
33027      });
33028      
33029      saveWishlist(wishlist);
33030      return categoryId;
33031    }
33032    
33033    // Add a product to a specific category
33034    function addToCategory(product, categoryId) {
33035      const wishlist = getWishlist();
33036      const category = wishlist.categories.find(cat => cat.id === categoryId);
33037      
33038      if (!category) return false;
33039      
33040      // Check if product already exists in ANY category (not just this one)
33041      if (isInWishlist(product.id)) {
33042        return false; // Product already in wishlist
33043      }
33044      
33045      // Add product to category
33046      category.items.push(product);
33047      saveWishlist(wishlist);
33048      
33049      // Dispatch event for global sync
33050      document.dispatchEvent(new CustomEvent('wishlist:updated', {
33051        detail: { productId: product.id, added: true }
33052      }));
33053      
33054      return true;
33055    }
33056    
33057    // Add a product to the default "All Favorites" category
33058    function addToWishlist(product) {
33059      return addToCategory(product, 'all-favorites');
33060    }
33061    
33062    // Remove a product from all categories
33063    function removeFromWishlist(productId) {
33064      const wishlist = getWishlist();
33065      let removed = false;
33066      
33067      wishlist.categories.forEach(category => {
33068        const initialLength = category.items.length;
33069        category.items = category.items.filter(item => item.id !== productId);
33070        if (category.items.length !== initialLength) {
33071          removed = true;
33072        }
33073      });
33074      
33075      if (removed) {
33076        saveWishlist(wishlist);
33077      }
33078      
33079      return removed;
33080    }
33081    
33082    // Toggle a product in the wishlist
33083    function toggleWishlistItem(product) {
33084      if (isInWishlist(product.id)) {
33085        // If already in wishlist, remove it
33086        const wasRemoved = removeFromWishlist(product.id);
33087        
33088        // Update heart icon if the product was successfully removed
33089        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
33090        if (heartIcon && wasRemoved) {
33091          heartIcon.setAttribute('fill', 'none');
33092          showWishlistToast(false, product.title);
33093          
33094          // Dispatch event for global sync
33095          document.dispatchEvent(new CustomEvent('wishlist:updated', {
33096            detail: { productId: product.id, added: false }
33097          }));
33098        }
33099        return wasRemoved;
33100      } else {
33101        // If not in wishlist, show category selection popup
33102        showCategorySelectionPopup(product);
33103        return false; // Don't return true unless we actually add the product
33104      }
33105    }
33106    
33107    // Show wishlist category selection popup
33108    function showCategorySelectionPopup(product) {
33109      // Remove any existing popup
33110      const existingPopup = document.getElementById('wishlist-category-popup');
33111      if (existingPopup) {
33112        existingPopup.remove();
33113      }
33114
33115      const lang = getWishlistLang();
33116      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
33117
33118      // Create popup container
33119      const popup = document.createElement('div');
33120      popup.id = 'wishlist-category-popup';
33121      popup.className = 'wishlist-category-popup';
33122
33123      // Create popup content
33124      const content = document.createElement('div');
33125      content.className = 'wishlist-category-popup-content';
33126
33127      // Create header
33128      const title = document.createElement('h2');
33129      title.textContent = translations.addToWishlist; // Translate
33130
33131      const closeButton = document.createElement('button');
33132      closeButton.className = 'wishlist-category-popup-close';
33133      closeButton.setAttribute('aria-label', 'Close');
33134      closeButton.addEventListener('click', () => {
33135        popup.remove();
33136      });
33137      
33138      // Create category list
33139      const categoryList = document.createElement('div');
33140      categoryList.className = 'wishlist-category-list';
33141      
33142      // Get categories
33143      const categories = getCategories();
33144      
33145      // Add category options
33146      categories.forEach(category => {
33147        const categoryOption = document.createElement('div');
33148        categoryOption.className = 'wishlist-category-option';
33149        
33150        // Use translation for default category name
33151        categoryOption.textContent = category.id === 'all-favorites'
33152          ? (translations.allFavorites || category.name)
33153          : category.name;
33154
33155        // Highlight if product already in this category
33156        if (category.items.some(item => item.id === product.id)) {
33157          categoryOption.style.backgroundColor = '#f0f0f0';
33158          categoryOption.style.color = '#999';
33159          categoryOption.style.fontStyle = 'italic';
33160          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
33161          categoryOption.style.cursor = 'default';
33162        } else {
33163          categoryOption.addEventListener('click', () => {
33164            const wasAdded = addToCategory(product, category.id);
33165            
33166            if (wasAdded) {
33167              // Update heart icon after successful addition
33168              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
33169              if (heartIcon) {
33170                heartIcon.setAttribute('fill', '#333333');
33171              }
33172              
33173              showWishlistToast(true, product.title);
33174              popup.remove();
33175            }
33176          });
33177        }
33178        
33179        categoryList.appendChild(categoryOption);
33180      });
33181      
33182      // Create "add new category" section
33183      const newCategorySection = document.createElement('div');
33184      newCategorySection.style.borderTop = '1px solid #eee';
33185      newCategorySection.style.paddingTop = '15px';
33186      newCategorySection.style.marginTop = '10px';
33187      
33188      const newCategoryLabel = document.createElement('label');
33189      newCategoryLabel.textContent = translations.createCategory; // Translate
33190
33191      const newCategoryInput = document.createElement('input');
33192      newCategoryInput.type = 'text';
33193      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
33194
33195      const createButton = document.createElement('button');
33196      createButton.className = 'create-category-button';
33197      createButton.textContent = translations.createAndAdd; // Translate
33198
33199      createButton.addEventListener('click', () => {
33200        const categoryName = newCategoryInput.value.trim();
33201        if (categoryName) {
33202          const categoryId = createCategory(categoryName);
33203          const wasAdded = addToCategory(product, categoryId);
33204          
33205          if (wasAdded) {
33206            // Update heart icon after successful addition
33207            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
33208            if (heartIcon) {
33209              heartIcon.setAttribute('fill', '#333333');
33210            }
33211            
33212            showWishlistToast(true, product.title);
33213            popup.remove();
33214          }
33215        }
33216      });
33217      
33218      newCategorySection.appendChild(newCategoryLabel);
33219      newCategorySection.appendChild(newCategoryInput);
33220      newCategorySection.appendChild(createButton);
33221      
33222      // Assemble popup
33223      content.appendChild(title);
33224      content.appendChild(closeButton);
33225      content.appendChild(categoryList);
33226      content.appendChild(newCategorySection);
33227      popup.appendChild(content);
33228      
33229      // Add to document
33230      document.body.appendChild(popup);
33231      
33232      // Focus the input
33233      setTimeout(() => {
33234        newCategoryInput.focus();
33235      }, 100);
33236      
33237      // Close when clicking outside content
33238      popup.addEventListener('click', (e) => {
33239        if (e.target === popup) {
33240          popup.remove();
33241        }
33242      });
33243    }
33244    
33245    // Show a toast notification
33246    function showWishlistToast(added, productTitle) {
33247      // Create or get toast container
33248      let toastContainer = document.getElementById('wishlist-toast');
33249      if (!toastContainer) {
33250        toastContainer = document.createElement('div');
33251        toastContainer.id = 'wishlist-toast';
33252        toastContainer.style.position = 'fixed';
33253        toastContainer.style.bottom = '20px';
33254        toastContainer.style.right = '20px';
33255        toastContainer.style.zIndex = '9999';
33256        document.body.appendChild(toastContainer);
33257      }
33258      
33259      // Create toast
33260      const toast = document.createElement('div');
33261      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
33262      toast.style.color = 'white';
33263      toast.style.padding = '12px 20px';
33264      toast.style.borderRadius = '0';
33265      toast.style.marginTop = '10px';
33266      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
33267      toast.style.transition = 'all 0.3s ease';
33268      toast.style.opacity = '0';
33269      toast.style.fontFamily = 'Montserrat, sans-serif';
33270      
33271      // Choose text based on action
33272      const lang = getWishlistLang();
33273      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
33274      toast.textContent = added
33275        ? `${productTitle} ${translations.addedToWishlist}` // Translate
33276        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
33277      
33278      // Add to container
33279      toastContainer.appendChild(toast);
33280      
33281      // Animate in
33282      setTimeout(() => {
33283        toast.style.opacity = '1';
33284      }, 10);
33285      
33286      // Animate out and remove
33287      setTimeout(() => {
33288        toast.style.opacity = '0';
33289        setTimeout(() => {
33290          toastContainer.removeChild(toast);
33291        }, 300);
33292      }, 3000);
33293    }
33294
33295    // Initialize wishlist buttons
33296    function initCardWishlistButtons() {
33297      const wishlistButtons = document.querySelectorAll('.card-wis
33297hlist-button');
33298      
33299      wishlistButtons.forEach(button => {
33300        // Skip if already initialized
33301        if (button.dataset.initializedWishlist === 'true') return;
33302        button.dataset.initializedWishlist = 'true';
33303        
33304        const productId = button.getAttribute('data-wishlist-product');
33305        if (!productId) return;
33306        
33307        // Get product details from the card
33308        const card = button.closest('.card-wrapper');
33309        const productDetails = {
33310          id: productId,
33311          title: card.querySelector('.card__heading')?.textContent.trim() || '',
33312          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
33313          price: card.querySelector('.price')?.textContent.trim() || '',
33314          image: card.querySelector('img')?.src || '',
33315          url: card.querySelector('a[href*="/products/"]')?.href || ''
33316        };
33317        
33318        // Set initial state using global function
33319        const heartIcon = button.querySelector('path');
33320        if (heartIcon) {
33321          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
33322            heartIcon.setAttribute('fill', '#333333');
33323          } else {
33324            heartIcon.setAttribute('fill', 'none');
33325          }
33326        }
33327        
33328        // Add click handler
33329        button.addEventListener('click', function(e) {
33330          e.preventDefault();
33331          e.stopPropagation();
33332          e.stopImmediatePropagation();
33333          toggleWishlistItem(productDetails);
33334        });
33335        
33336        // Prevent navigation on mousedown/touchstart
33337        button.addEventListener('mousedown', function(e) {
33338          e.preventDefault();
33339          e.stopPropagation();
33340        });
33341        
33342        button.addEventListener('touchstart', function(e) {
33343          e.preventDefault();
33344          e.stopPropagation();
33345        });
33346      });
33347    }
33348
33349    // Initialize the wishlist counter on page load
33350    const wishlist = getWishlist();
33351    const totalItems = wishlist.categories.reduce((total, category) => {
33352      return total + category.items.length;
33353    }, 0);
33354    updateWishlistCounters(totalItems);
33355
33356    // Initialize on DOM ready
33357    if (document.readyState === 'loading') {
33358      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
33359    } else {
33360      initCardWishlistButtons();
33361    }
33362
33363    // Reinitialize on Shopify section load
33364    document.addEventListener('shopify:section:load', function() {
33365      setTimeout(initCardWishlistButtons, 100);
33366    });
33367
33368    // Listen for wishlist updates from other parts of the site
33369    document.addEventListener('wishlist:updated', function() {
33370      setTimeout(initCardWishlistButtons, 100);
33371    });
33372  })();
33373</script>
33373
33374
33375<!-- Price info icon styles -->
33376<style>
33377  /* Price container with icon */
33378  .price-container-with-info {
33379    position: relative;
33380    display: flex;
33381    align-items: center;
33382    gap: 8px;
33383  }
33384
33385  /* Info icon - hidden by default, shown on card hover */
33386  .price-info-icon {
33387    position: relative;
33388    display: inline-flex;
33389    align-items: center;
33390    justify-content: center;
33391    color: #666;
33392    cursor: help;
33393    opacity: 0;
33394    transition: opacity 0.3s ease;
33395
33396    padding: 4px; /* Add padding to increase clickable area */
33397    min-width: 20px; /* Ensure minimum clickable area */
33398    min-height: 20px;
33399    z-index: 15; /* Above everything else including compare button */
33400    pointer-events: auto; /* Allow interaction */
33401  }
33402
33403  /* Show icon on card hover */
33404  .card-wrapper:hover .price-info-icon {
33405    opacity: 1;
33406  }
33407
33408  .price-info-icon svg {
33409    width: 14px;
33410    height: 14px;
33411    stroke-width: 1.5;
33412  }
33413
33414  /* Tooltip styles */
33415  .price-info-tooltip {
33416    position: absolute;
33417    bottom: calc(100% + 6px);
33418    top: auto;
33419    left: 0;
33420    transform: none;
33421    min-width: 310px;
33422    background: #FFFFFF;
33423    color: #232323;
33424    border: 1px solid #EEEEEE;
33425    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
33426    padding: 12px 16px;
33427    font-size: 13px;
33428    font-family: 'Montserrat', sans-serif;
33429    z-index: 10000;
33430    opacity: 0;
33431    transition: opacity 0.18s;
33432    white-space: pre-line;
33433    text-align: left;
33434    border-radius: 0;
33435    visibility: hidden;
33436    pointer-events: none;
33437  }
33438
33439  /* Show tooltip on icon hover */
33440  .price-info-icon:hover .price-info-tooltip {
33441    visibility: visible;
33442    opacity: 1;
33443  }
33444
33445  /* Ensure tooltip is never clipped */
33446  .price-container-with-info,
33447  .card-information,
33448  .card__content {
33449    overflow: visible !important;
33450  }
33451
33452  /* Mobile adjustments */
33453  @media screen and (max-width: 768px) {
33454    .price-info-tooltip {
33455      min-width: 200px;
33456      font-size: 12px;
33457      padding: 10px 12px;
33458    }
33459  }
33460</style>
33461
33462                </li>
33463                <li
33464                  class="grid__item"
33465                  
33466                >
33467                  
33468<div class="card-wrapper product-card-wrapper underline-links-hover">
33469
33470    <div
33471      class="
33472        card card--standard
33473         card--media
33474        
33475        
33476        
33477        
33478        
33479      "
33480      style="--ratio-percent: 100.0%;"
33481      data-product-id="9746991612202"
33482      data-description="Tyylikäs LED-pylväs, jossa on alaspäin suuntautuva valaistus ulkokäyttöön, sopii polkujen ja reittien valaisemiseen."
33483      data-status-in-sortiment="NEW"
33484      data-ip-rate="IP65"
33485      
33486      data-variant-id="52388167581994"
33487      data-price="178.00 EUR"
33488      data-compare-at-price=""
33489      data-available="true"
33490      data-barcode="8595685429410"
33491      data-ip-rate="IP65"
33492      data-lumens="580"
33493      data-power-source=""
33494      data-watt="7.0"
33495      data-kelvin="3000"
33496      data-light-color=""
33497      data-diameter=""
33498      data-weight-netto="1915.0"
33499      data-weight-unit="g"
33500      data-mounting-hole-size=""
33501      data-recess-depth=""
33502      data-suspension-lenght=""
33503      data-turn-angle=""
33504      data-tilt-angle=""
33505      data-switch=""
33506      data-socket=""
33507      data-light-source-recomended=""
33508      data-height="65"
33509      data-length=""
33510      data-Length=""
33511    >
33512      <div
33513        class="card__inner color-scheme-2 gradient ratio"
33514        style="--ratio-percent: 100.0%;"
33515      >
33516        
33517<div class="product-status-badge status-NEW">
33518            <span>NEW</span>
33519          </div>
33520<div class="ip-rate-badge">
33521            <span>IP65</span>
33522          </div><div class="card__media">
33523            <a class="card__media-link-content" href="/products/bonn-65-floor-lamp" aria-label="BONN">
33524              <div class="media media--transparent media--hover-effect">
33525              
33526              <img
33527                class="product-image motion-reduce"
33528                srcset="//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=165 165w,//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=360 360w,//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=533 533w,//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=720 720w,//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=940 940w,//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=1066 1066w,//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104 4899w
33529                "
33530                src="//rendl.fi/cdn/shop/files/r14197-1.jpg?v=1745944104&width=533"
33531                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
33532                alt="RENDL outdoor lamp BONN 65 floor black grey  230V LED 7W 120° IP65  3000K R14197 1"
33533                
33534                  loading="lazy"
33535                
33536                width="4899"
33537                height="4899"
33538              >
33539              
33540<img
33541                  class="product-image motion-reduce"
33542                  srcset="//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=165 165w,//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=360 360w,//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=533 533w,//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=720 720w,//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=940 940w,//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=1066 1066w,//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638 3162w
33543                  "
33544                  src="//rendl.fi/cdn/shop/files/r14197-2.jpg?v=1775200638&width=533"
33545                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
33546                  alt=""
33547                  loading="lazy"
33548                  width="3162"
33549                  height="3162"
33550                ></div>
33551            </a>
33552            
33553<div class="card-media-icons"><div class="energy-label-icon">
33554                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
33555                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
33556</div>
33557                  </div></div><div class="card-variant-swatches"><a
33558                    class="card-variant-swatch"
33559                    href="/products/bonn-65-floor-lamp?variant=52388167581994"
33560                    
33561                      style="background-image: url('//rendl.fi/cdn/shop/files/52_black-grey.jpg?v=1739538319&width=64');"
33562                    
33563                    aria-label="musta harmaa"
33564                  >
33565                    <span class="card-variant-swatch-tooltip">musta harmaa</span></a></div></div><div class="card__content">
33566          <div class="card__information">
33567            <h3
33568              class="card__heading"
33569              
33570            >
33571              <a
33572                href="/products/bonn-65-floor-lamp"
33573                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991612202"
33574                class="full-unstyled-link"
33575                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991612202 NoMediaStandardBadge-template--28113427169578__product-grid-9746991612202"
33576              >
33577                BONN
33578              </a>
33579            </h3>
33580          </div>
33581          <div class="card__badge bottom left"></div>
33582        </div>
33583      </div>
33584      <div class="card__content">
33585        <div class="card__information">
33586          <h3
33587            class="card__heading h5"
33588            
33589              id="title-template--28113427169578__product-grid-9746991612202"
33590            
33591          >
33592            <a
33593              href="/products/bonn-65-floor-lamp"
33594              id="CardLink-template--28113427169578__product-grid-9746991612202"
33595              class="full-unstyled-link"
33596              aria-labelledby="CardLink-template--28113427169578__product-grid-9746991612202 Badge-template--28113427169578__product-grid-9746991612202"
33597            >
33598              BONN
33599            </a>
33600          </h3><div class="card__description">
33601              Tyylikäs LED-pylväs, jossa on alaspäin suuntautuva valaistus ulkokäyttöön, sopii polkujen ja reittien valaisemiseen.
33602            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
33603              
33604<div
33605    class="
33606      price "
33607  >
33608    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
33609          <span class="price-item price-item--regular">
33610            178.00 EUR
33611          </span></div>
33612      <div class="price__sale">
33613          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
33614          <span>
33615            <s class="price-item price-item--regular">
33616              
33617                
33618              
33619            </s>
33620          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
33621        <span class="price-item price-item--sale price-item--last">
33622          178.00 EUR
33623        </span>
33624      </div>
33625      <small class="unit-price caption hidden">
33626        <span class="visually-hidden">Yksikköhinta</span>
33627        <span class="price-item price-item--last">
33628          <span></span>
33629          <span aria-hidden="true">/</span>
33630          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
33631          <span>
33632          </span>
33633        </span>
33634      </small>
33635    </div></div>
33636
33637
33638</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
33639              <button class="compare-button-simple" 
33640                      data-product-id="9746991612202" 
33641                      data-product-title="BONN"
33642                      data-product-handle="bonn-65-floor-lamp">
33643                              <span class="compare-button-content">
33644                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
33645                    <span class="compare-text" data-translate="compare">compare</span>
33646                  </span>
33647                <span class="compare-spinner-small">
33648                  <!-- Small spinner for button -->
33649                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
33650                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
33651                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
33652                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
33652inite"/>
33653                    </path>
33654                  </svg>
33655                </span>
33656              </button>
33657              
33658              <!-- Wishlist button next to compare button -->
33659              <button type="button" class="card-wishlist-button" data-wishlist-product="9746991612202">
33660                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
33661                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
33662                </svg>
33663              </button>
33664            </div></div>
33665        </div>
33666        
33667        
33668        
33669          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746991612202" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
33670                    type="hidden"
33671                    name="id"
33672                    value="52388167581994"
33673                    class="product-variant-id"
33674                    
33675                  >
33676                  <button
33677                    id="quick-add-template--28113427169578__product-grid9746991612202-submit"
33678                    type="submit"
33679                    name="add"
33680                    class="quick-add__submit button button--full-width button--secondary"
33681                    aria-haspopup="dialog"
33682                    aria-labelledby="quick-add-template--28113427169578__product-grid9746991612202-submit title-template--28113427169578__product-grid-9746991612202"
33683                    aria-live="polite"
33684                    data-sold-out-message="true"
33685                    
33686                  >
33687                    <span>Lisää ostoskoriin
33688</span>
33689                    <span class="sold-out-message hidden">
33690                      Matkalla
33691                    </span>
33692
33693<div class="loading__spinner hidden">
33694  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
33695
33696</div>
33697</button><input type="hidden" name="product-id" value="9746991612202" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
33698        
33699        <div class="card__badge bottom left"></div>
33700      </div>
33701    </div>
33702  </div>
33702<script>
33703  // Initialize global compare translations only once
33704  if (typeof window.compareButtonTranslations === 'undefined') {
33705    window.compareButtonTranslations = {
33706      compare: {
33707        en: 'compare',
33708        cs: 'porovnat',
33709        sk: 'porovnať',
33710        de: 'vergleichen',
33711        at: 'vergleichen',
33712        ch: 'vergleichen',
33713        fr: 'comparer',
33714        be: 'comparer',
33715        lu: 'comparer',
33716        it: 'confronta',
33717        es: 'comparar',
33718        nl: 'vergelijken',
33719        pl: 'porównaj',
33720        hu: 'összehasonlít',
33721        ro: 'compară',
33722        bg: 'сравни',
33723        hr: 'usporedi',
33724        fi: 'vertaile',
33725        gr: 'σύγκριση',
33726        el: 'σύγκριση',
33727        no: 'sammenlign',
33728        'pt-PT': 'comparar',
33729        sl: 'primerjaj',
33730        sv: 'jämför',
33731        lv: 'salīdzināt',
33732        lt: 'palyginti',
33733        ee: 'võrdle',
33734        dk: 'sammenlign',
33735        gb: 'compare',
33736        uk: 'compare',
33737        ie: 'compare',
33738        us: 'compare',
33739        ca: 'compare',
33740        au: 'compare',
33741        nz: 'compare',
33742        ru: 'сравнить'
33743      },
33744      remove: {
33745        en: 'remove',
33746        cs: 'odebrat',
33747        sk: 'odobrať',
33748        de: 'entfernen',
33749        at: 'entfernen',
33750        ch: 'entfernen',
33751        fr: 'supprimer',
33752        be: 'supprimer',
33753        lu: 'supprimer',
33754        it: 'rimuovi',
33755        es: 'eliminar',
33756        nl: 'verwijderen',
33757        pl: 'usuń',
33758        hu: 'eltávolít',
33759        ro: 'elimină',
33760        bg: 'премахни',
33761        hr: 'ukloni',
33762        fi: 'poista',
33763        gr: 'αφαίρεση',
33764        el: 'αφαίρεση',
33765        no: 'fjern',
33766        'pt-PT': 'remover',
33767        sl: 'odstrani',
33768        sv: 'ta bort',
33769        lv: 'noņemt',
33770        lt: 'pašalinti',
33771        ee: 'eemalda',
33772        dk: 'fjern',
33773        gb: 'remove',
33774        uk: 'remove',
33775        ie: 'remove',
33776        us: 'remove',
33777        ca: 'remove',
33778        au: 'remove',
33779        nz: 'remove',
33780        ru: 'удалить'
33781      },
33782      added: {
33783        en: 'Added!',
33784        cs: 'Přidáno!',
33785        sk: 'Pridané!',
33786        de: 'Hinzugefügt!',
33787        at: 'Hinzugefügt!',
33788        ch: 'Hinzugefügt!',
33789        fr: 'Ajouté!',
33790        be: 'Ajouté!',
33791        lu: 'Ajouté!',
33792        it: 'Aggiunto!',
33793        es: '¡Añadido!',
33794        nl: 'Toegevoegd!',
33795        pl: 'Dodano!',
33796        hu: 'Hozzáadva!',
33797        ro: 'Adăugat!',
33798        bg: 'Добавено!',
33799        hr: 'Dodano!',
33800        fi: 'Lisätty!',
33801        gr: 'Προστέθηκε!',
33802        el: 'Προστέθηκε!',
33803        no: 'Lagt til!',
33804        'pt-PT': 'Adicionado!',
33805        sl: 'Dodano!',
33806        sv: 'Tillagd!',
33807        lv: 'Pievienots!',
33808        lt: 'Pridėta!',
33809        ee: 'Lisatud!',
33810        dk: 'Tilføjet!',
33811        gb: 'Added!',
33812        uk: 'Added!',
33813        ie: 'Added!',
33814        us: 'Added!',
33815        ca: 'Added!',
33816        au: 'Added!',
33817        nz: 'Added!',
33818        ru: 'Добавлено!'
33819      },
33820      removed: {
33821        en: 'Removed!',
33822        cs: 'Odebráno!',
33823        sk: 'Odobrané!',
33824        de: 'Entfernt!',
33825        at: 'Entfernt!',
33826        ch: 'Entfernt!',
33827        fr: 'Supprimé!',
33828        be: 'Supprimé!',
33829        lu: 'Supprimé!',
33830        it: 'Rimosso!',
33831        es: '¡Eliminado!',
33832        nl: 'Verwijderd!',
33833        pl: 'Usunięto!',
33834        hu: 'Eltávolítva!',
33835        ro: 'Eliminat!',
33836        bg: 'Премахнато!',
33837        hr: 'Uklonjeno!',
33838        fi: 'Poistettu!',
33839        gr: 'Αφαιρέθηκε!',
33840        el: 'Αφαιρέθηκε!',
33841        no: 'Fjernet!',
33842        'pt-PT': 'Removido!',
33843        sl: 'Odstranjeno!',
33844        sv: 'Borttaget!',
33845        lv: 'Noņemts!',
33846        lt: 'Pašalinta!',
33847        ee: 'Eemaldatud!',
33848        dk: 'Fjernet!',
33849        gb: 'Removed!',
33850        uk: 'Removed!',
33851        ie: 'Removed!',
33852        us: 'Removed!',
33853        ca: 'Removed!',
33854        au: 'Removed!',
33855        nz: 'Removed!',
33856        ru: 'Удалено!'
33857      }
33858    };
33859
33860    // Tooltip translations for price info
33861    window.tooltipTranslations = {
33862      tooltipPrice: {
33863        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33864        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
33865        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
33866        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
33867        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
33868        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
33869        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
33870        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
33871        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
33872        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
33873        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
33874        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
33875        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
33876        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
33877        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
33878        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
33879        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
33880        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
33881        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
33882        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
33883        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
33884        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
33885        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
33886        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
33887        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
33887iks atskaitīts, ja piemērojams.",
33888        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
33889        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
33890        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
33891        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33892        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33893        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33894        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33895        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33896        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33897        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
33898        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
33899      },
33900      tooltipOutlet: {
33901        en: "We do not provide additional wholesale discounts on outlet products.",
33902        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
33903        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
33904        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
33905        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
33906        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
33907        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
33908        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
33909        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
33910        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
33911        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
33912        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
33913        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
33914        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
33915        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
33916        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
33917        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
33918        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
33919        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
33920        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
33921        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
33922        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
33923        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
33924        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
33925        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
33926        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
33927        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
33928        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
33929        gb: "We do not provide additional wholesale discounts on outlet products.",
33930        uk: "We do not provide additional wholesale discounts on outlet products.",
33931        ie: "We do not provide additional wholesale discounts on outlet products.",
33932        us: "We do not provide additional wholesale discounts on outlet products.",
33933        ca: "We do not provide additional wholesale discounts on outlet products.",
33934        au: "We do not provide additional wholesale discounts on outlet products.",
33935        nz: "We do not provide additional wholesale discounts on outlet products.",
33936        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
33937      }
33938    };
33939
33940    // Get current locale from document
33941    window.currentLocale = document.documentElement.lang || 'en';
33942
33943    // Function to translate compare buttons
33944    window.translateCompareButtons = function() {
33945      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
33946      compareTexts.forEach(function(textEl) {
33947        const button = textEl.closest('.compare-button-simple');
33948        const isInComparison = button && button.hasAttribute('data-in-comparison');
33949        
33950        if (isInComparison) {
33951          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
33952          textEl.textContent = translation;
33953        } else {
33954          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
33955          textEl.textContent = translation;
33956        }
33957      });
33958    };
33959
33960    // Function to format price with space as thousands separator (only for tooltip)
33961    function formatTooltipPrice(price) {
33962      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
33963      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
33964    }
33965
33966    // Function to translate tooltips with price
33967    window.translateTooltips = function() {
33968      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
33969      tooltips.forEach(function(tooltip) {
33970        const icon = tooltip.closest('.price-info-icon');
33971        if (icon) {
33972          const status = icon.getAttribute('data-status');
33973          // Check if this is an outlet product
33974          if (status === 'outlet') {
33975            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
33976            tooltip.textContent = translation;
33977            return; // Exit early for outlet products
33978          }
33979          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
33980          // Get wholesale price from the actual price display on the card
33981          const card = icon.closest('[data-product-id]');
33982          let wholesalePrice = '';
33983          if (card) {
33984            // Find the main price element on the card
33985            const priceElement = card.querySelector('.price .price-item--regular');
33986            if (priceElement) {
33987              wholesalePrice = priceElement.textContent.trim();
33988            }
33989          }
33990          if (retailPrice && wholesalePrice) {
33991            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
33992            let formattedRetailPrice = formatTooltipPrice(retailPrice);
33993            let formattedWholesalePrice = wholesalePrice;
33994            if (window.formatPriceText) {
33995              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
33996            }
33997            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
33998            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
33999            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
34000            tooltip.textContent = translatedText;
34001          }
34002        }
34003      });
34004    };
34005
34006    // Function to update button state based on comparison status
34007    window.updateCompareButtonState = function(productId, isInComparison) {
34008      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
34009      buttons.forEach(function(button) {
34010        const buttonContainer = button.closest('.compare-button-container');
34011        const compareText = button.querySelector('.compare-text');
34012        
34013        if (isInComparison) {
34014          button.setAttribute('data-in-comparison', 'true');
34015          button.classList.add('in-comparison');
34016          buttonContainer.classList.add('in-comparison');
34017          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
34018          compareText.textContent = removeText;
34019        } else {
34020          button.removeAttribute('data-in-comparison');
34021          button.classList.remove('in-comparison');
34022          buttonContainer.classList.remove('in-comparison');
34023          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
34024          compareText.textContent = compareTextTranslation;
34025        }
34026      });
34027    };
34028  }
34029
34030  // Initialize compare button states based on localStorage
34031  window.initializeCompareButtonStates = function() {
34032    if (typeof window.RendlCompare !== 'undefined') {
34033      const compareItems = window.RendlCompare.getItems();
34034      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
34035        const productId = button.getAttribute('data-product-id');
34036        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
34037        window.updateCompareButtonState(productId, isInComparison);
34038      });
34039    }
34040  };
34041
34042  // Compare button UI animation - the actual functionality is handled by compare-system.js
34043  document.addEventListener('DOMContentLoaded', function() {
34044    // Apply translations on page load
34045    if (window.translateCompareButtons) {
34046      window.translateCompareButtons();
34047    }
34048    
34049    // Initialize button states based on comparison data
34050    setTimeout(function() {
34051      if (window.initializeCompareButtonStates) {
34052        window.initializeCompareButtonStates();
34053      }
34054    }, 100); // Small delay to ensure compare system is loaded
34055    
34056    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
34057      // Skip if already has event listener
34058      if (button.hasAttribute('data-compare-initialized')) {
34059        return;
34060      }
34061      button.setAttribute('data-compare-initialized', 'true');
34062      
34063      button.addEventListener('click', function(e) {
34064        var buttonContainer = button.closest('.compare-button-container');
34065        var compareText = button.querySelector('.compare-text');
34066        var isInComparison = button.hasAttribute('data-in-comparison');
34067        var productId = button.getAttribute('data-product-id');
34068        
34069        // Prevent multiple clicks during loading
34070        if (button.classList.contains('loading')) {
34071          return;
34072        }
34073        
34074        // Make button always visible during the process
34075        buttonContainer.classList.add('active');
34076        
34077        // Add loading class to show spinner
34078        button.classList.add('loading');
34079        
34080        // UI feedback timing
34081        setTimeout(function() {
34082          // Remove loading class and show success message
34083          button.classList.remove('loading');
34084          button.classList.add('success');
34085          
34086          if (isInComparison) {
34087            // Removing from comparison
34088            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
34089            
34090            // Update button state after removal
34091            setTimeout(function() {
34092              button.classList.remove('success');
34093              window.updateCompareButtonState(productId, false);
34094              buttonContainer.classList.remove('active');
34095            }, 1500);
34096          } else {
34097            // Adding to comparison
34098            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
34099            
34100            // Update button state after addition
34101            setTimeout(function() {
34102              button.classList.remove('success');
34103              window.updateCompareButtonState(productId, true);
34104              buttonContainer.classList.remove('active');
34105            }, 1500);
34106          }
34107        }, 1200);
34108      });
34109    });
34110
34111    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
34112    setTimeout(function() {
34113      if (window.translateTooltips) {
34114        window.translateTooltips();
34115      }
34116    }, 100);
34117  });
34118
34119  // Ensure compare button states are initialized after RendlCompare is available
34120  document.addEventListener('DOMContentLoaded', function() {
34121    function tryInitCompareButtons() {
34122      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
34123        window.initializeCompareButtonStates();
34124      } else {
34125        setTimeout(tryInitCompareButtons, 100);
34126      }
34127    }
34128    tryInitCompareButtons();
34129  });
34130
34131  // Self-contained wishlist functionality for card-product
34132  (function() {
34133    // Wishlist translations
34134    var wishlistTranslations = {
34135      'en': {
34136        addToWishlist: 'Add to My Favorites',
34137        createCategory: 'Create new category:',
34138        categoryPlaceholder: 'Category name',
34139        createAndAdd: 'Create & Add Item',
34140        alreadyAdded: '(Already added)',
34141        addedToWishlist: 'added to My Favorites',
34142        removedFromWishlist: 'removed from My Favorites',
34143        allFavorites: 'All Favorites'
34144      },
34145      'cs': {
34146        addToWishlist: 'Přidat do oblíbených',
34147        createCategory: 'Vytvořit novou skupinu:',
34148        categoryPlaceholder: 'Název nové skupiny',
34149        createAndAdd: 'Vytvořit a přidat skupinu',
34150        alreadyAdded: '(Již přidáno)',
34151        addedToWishlist: 'přidáno do oblíbených',
34152        removedFromWishlist: 'odebráno z oblíbených',
34153        allFavorites: 'Všechny oblíbené'
34154      },
34155      'sk': {
34156        addToWishlist: 'Pridať do obľúbených',
34157        createCategory: 'Vytvoriť novú kategóriu:',
34158        categoryPlaceholder: 'Názov kategórie',
34159        createAndAdd: 'Vytvoriť a pridať položku',
34160        alreadyAdded: '(Už pridané)',
34161        addedToWishlist: 'pridané do obľúbených',
34162        removedFromWishlist: 'odstránené z obľúbených',
34163        allFavorites: 'Všetky obľúbené'
34164      },
34165      'de': {
34166        addToWishlist: 'Zu meinen Favoriten hinzufügen',
34167        createCategory: 'Neue Kategorie erstellen:',
34168        categoryPlaceholder: 'Kategoriename',
34169        createAndAdd: 'Erstellen & hinzufügen',
34170        alreadyAdded: '(Bereits hinzugefügt)',
34171        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
34172        removedFromWishlist: 'aus meinen Favoriten entfernt',
34173        allFavorites: 'Alle Favoriten'
34174      },
34175      'fr': {
34176        addToWishlist: 'Ajouter à mes favoris',
34177        createCategory: 'Créer une nouvelle catégorie :',
34178        categoryPlaceholder: 'Nom de la catégorie',
34179        createAndAdd: 'Créer et ajouter',
34180        alreadyAdded: '(Déjà ajouté)',
34181        addedToWishlist: 'ajouté à mes favoris',
34182        removedFromWishlist: 'retiré de mes favoris',
34183        allFavorites: 'Tous les favoris'
34184      },
34185      'it': {
34186        addToWishlist: 'Aggiungi ai preferiti',
34187        createCategory: 'Crea nuova categoria:',
34188        categoryPlaceholder: 'Nome categoria',
34189        createAndAdd: 'Crea e aggiungi',
34190        alreadyAdded: '(Già aggiunto)',
34191        addedToWishlist: 'aggiunto ai preferiti',
34192        removedFromWishlist: 'rimosso dai preferiti',
34193        allFavorites: 'Tutti i preferiti'
34194      },
34195      'es': {
34196        addToWishlist: 'Añadir a mis favoritos',
34197        createCategory: 'Crear nueva categoría:',
34198        categoryPlaceholder: 'Nombre de la categoría',
34199        createAndAdd: 'Crear y añadir',
34200        alreadyAdded: '(Ya añadido)',
34201        addedToWishlist: 'añadido a mis favoritos',
34202        removedFromWishlist: 'eliminado de mis favoritos',
34203        allFavorites: 'Todos los favoritos'
34204      },
34205      'nl': {
34206        addToWishlist: 'Toevoegen aan mijn favorieten',
34207        createCategory: 'Nieuwe categorie aanmaken:',
34208        categoryPlaceholder: 'Categorienaam',
34209        createAndAdd: 'Aanmaken & toevoegen',
34210        alreadyAdded: '(Al toegevoegd)',
34211        addedToWishlist: 'toegevoegd aan mijn favorieten',
34212        removedFromWishlist: 'verwijderd uit mijn favorieten',
34213        allFavorites: 'Alle favorieten'
34214      },
34215      'pl': {
34216        addToWishlist: 'Dodaj do ulubionych',
34217        createCategory: 'Utwórz nową kategorię:',
34218        categoryPlaceholder: 'Nazwa kategorii',
34219        createAndAdd: 'Utwórz i dodaj',
34220        alreadyAdded: '(Już dodane)',
34221        addedToWishlist: 'dodano do ulubionych',
34222        removedFromWishlist: 'usunięto z ulubionych',
34223        allFavorites: 'Wszystkie ulubione'
34224      },
34225      'hu': {
34226        addToWishlist: 'Hozzáadás a kedvencekhez',
34227        createCategory: 'Új kategória létrehozása:',
34228        categoryPlaceholder: 'Kategória neve',
34229        createAndAdd: 'Létrehozás és hozzáadás',
34230        alreadyAdded: '(Már hozzáadva)',
34231        addedToWishlist: 'hozzáadva a kedvencekhez',
34232        removedFromWishlist: 'eltávolítva a kedvencekből',
34233        allFavorites: 'Minden kedvenc'
34234      },
34235      'ro': {
34236        addToWishlist: 'Adaugă la favorite',
34237        createCategory: 'Creează o nouă categorie:',
34238        categoryPlaceholder: 'Nume categorie',
34239        createAndAdd: 'Creează și adaugă',
34240        alreadyAdded: '(Deja adăugat)',
34241        addedToWishlist: 'adăugat la favorite',
34242        removedFromWishlist: 'eliminat din favorite',
34243        allFavorites: 'Toate preferințele'
34244      },
34245      'bg': {
34246        addToWishlist: 'Добави в любими',
34247        createCategory: 'Създай нова категория:',
34248        categoryPlaceholder: 'Име на категория',
34249        createAndAdd: 'Създай и добави',
34250        alreadyAdded: '(Вече добавено)',
34251        addedToWishlist: 'добавено в любими',
34252        removedFromWishlist: 'премахнато от любими',
34253        allFavorites: 'Всички любими'
34254      },
34255      'hr': {
34256        addToWishlist: 'Dodaj u favorite',
34257        createCategory: 'Kreiraj novu kategoriju:',
34258        categoryPlaceholder: 'Naziv kategorije',
34259        createAndAdd: 'Kreiraj i dodaj',
34260        alreadyAdded: '(Već dodano)',
34261        addedToWishlist: 'dodano u favorite',
34262        removedFromWishlist: 'uklonjeno iz favorita',
34263        allFavorites: 'Sva omiljena'
34264      },
34265      'fi': {
34266        addToWishlist: 'Lisää suosikkeihin',
34267        createCategory: 'Luo uusi kategoria:',
34268        categoryPlaceholder: 'Kategorian nimi',
34269        createAndAdd: 'Luo ja lisää',
34270        alreadyAdded: '(Jo lisätty)',
34271        addedToWishlist: 'lisätty suosikkeihin',
34272        removedFromWishlist: 'poistettu suosikeista',
34273        allFavorites: 'Kaikki suosikit'
34274      },
34275      'gr': {
34276        addToWishlist: 'Προσθήκη στα αγαπημένα',
34277        createCategory: 'Δημιουργία νέας κατηγορίας:',
34278        categoryPlaceholder: 'Όνομα κατηγορίας',
34279        createAndAdd: 'Δημιουργία & προσθήκη',
34280        alreadyAdded: '(Ήδη προστέθηκε)',
34281        addedToWishlist: 'προστέθηκε στα αγαπημένα',
34282        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
34283        allFavorites: 'Όλα τα αγαπημένα'
34284      },
34285      'no': {
34286        addToWishlist: 'Legg til i favoritter',
34287        createCategory: 'Opprett ny kategori:',
34288        categoryPlaceholder: 'Kategorinavn',
34289        createAndAdd: 'Opprett og legg til',
34290        alreadyAdded: '(Allerede lagt til)',
34291        addedToWishlist: 'lagt til i favoritter',
34292        removedFromWishlist: 'fjernet fra favoritter',
34293        allFavorites: 'Alle favoritter'
34294      },
34295      'pt-PT': {
34296        addToWishlist: 'Adicionar aos favoritos',
34297        createCategory: 'Criar nova categoria:',
34298        categoryPlaceholder: 'Nome da categoria',
34299        createAndAdd: 'Criar e adicionar',
34300        alreadyAdded: '(Já adicionado)',
34301        addedToWishlist: 'adicionado aos favoritos',
34302        removedFromWishlist: 'removido dos favoritos',
34303        allFavorites: 'Todos os favoritos'
34304      },
34305      'sl': {
34306        addToWishlist: 'Dodaj med priljubljene',
34307        createCategory: 'Ustvari novo kategorijo:',
34308        categoryPlaceholder: 'Ime kategorije',
34309        createAndAdd: 'Ustvari in dodaj',
34310        alreadyAdded: '(Že dodano)',
34311        addedToWishlist: 'dodano med priljubljene',
34312        removedFromWishlist: 'odstranjeno iz priljubljenih',
34313        allFavorites: 'Vsi priljubljeni'
34314      },
34315      'sv': {
34316        addToWishlist: 'Lägg till i favoriter',
34317        createCategory: 'Skapa ny kategori:',
34318        categoryPlaceholder: 'Kategorinamn',
34319        createAndAdd: 'Skapa och lägg till',
34320        alreadyAdded: '(Redan tillagd)',
34321        addedToWishlist: 'tillagd i favoriter',
34322        removedFromWishlist: 'borttagen från favoriter',
34323        allFavorites: 'Alla favoriter'
34324      },
34325      'lv': {
34326        addToWishlist: 'Pievienot favorītiem',
34327        createCategory: 'Izveidot jaunu kategoriju:',
34328        categoryPlaceholder: 'Kategorijas nosaukums',
34329        createAndAdd: 'Izveidot un pievienot',
34330        alreadyAdded: '(Jau pievienots)',
34331        addedToWishlist: 'pievienots favorītiem',
34332        removedFromWishlist: 'noņemts no favorītiem',
34333        allFavorites: 'Visas favorītus'
34334      },
34335      'lt': {
34336        addToWishlist: 'Pridėti į mėgstamiausius',
34337        createCategory: 'Sukurti naują kategoriją:',
34338        categoryPlaceholder: 'Kategorijos pavadinimas',
34339        createAndAdd: 'Sukurti ir pridėti',
34340        alreadyAdded: '(Jau pridėta)',
34341        addedToWishlist: 'pridėta į mėgstamiausius',
34342        removedFromWishlist: 'pašalinta iš mėgstamiausių',
34343        allFavorites: 'Visos mėgstamiausios'
34344      },
34345      'ee': {
34346        addToWishlist: 'Lisa lemmikutesse',
34347        createCategory: 'Loo uus kategooria:',
34348        categoryPlaceholder: 'Kategooria nimi',
34349        createAndAdd: 'Loo ja lisa',
34350        alreadyAdded: '(Juba lisatud)',
34351        addedToWishlist: 'lisatud lemmikutesse',
34352        removedFromWishlist: 'eemaldatud lemmikutest',
34353        allFavorites: 'Kõik lemmikud'
34354      },
34355      'dk': {
34356        addToWishlist: 'Tilføj til favoritter',
34357        createCategory: 'Opret ny kategori:',
34358        categoryPlaceholder: 'Kategorinavn',
34359        createAndAdd: 'Opret og tilføj',
34360        alreadyAdded: '(Allerede tilføjet)',
34361        addedToWishlist: 'tilføjet til favoritter',
34362        removedFromWishlist: 'fjernet fra favoritter',
34363        allFavorites: 'Alle favoritter'
34364      }
34365    };
34366
34367    function getWishlistLang() {
34368      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
34369      // Normalize for region codes (e.g., pt-PT, sl)
34370      if (lang.startsWith('pt-PT')) return 'pt-PT';
34371      if (lang.startsWith('sl')) return 'sl';
34372      if (lang.startsWith('cs')) return 'cs';
34373      if (lang.startsWith('sk')) return 'sk';
34374      if (lang.startsWith('de')) return 'de';
34375      if (lang.startsWith('fr')) return 'fr';
34376      if (lang.startsWith('it')) return 'it';
34377      if (lang.startsWith('es')) return 'es';
34378      if (lang.startsWith('nl')) return 'nl';
34379      if (lang.startsWith('pl')) return 'pl';
34380      if (lang.startsWith('hu')) return 'hu';
34381      if (lang.startsWith('ro')) return 'ro';
34382      if (lang.startsWith('bg')) return 'bg';
34383      if (lang.startsWith('hr')) return 'hr';
34384      if (lang.startsWith('fi')) return 'fi';
34385      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
34386      if (lang.startsWith('no')) return 'no';
34387      if (lang.startsWith('sv')) return 'sv';
34388      if (lang.startsWith('lv')) return 'lv';
34389      if (lang.startsWith('lt')) return 'lt';
34390      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
34391      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
34392      return 'en';
34393    }
34394
34395    // Get or initialize the wishlist array in localStorage
34396    function getWishlist() {
34397      const wishlistJSON = localStorage.getItem('rendl_wishlist');
34398      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
34399        categories: [
34400          {
34401            id: 'all-favorites',
34402            name: 'All Favorites',
34403            items: []
34404          }
34405        ],
34406        version: 2
34407      };
34408      
34409      // Handle migration from old format (array of items) to new format (categories)
34410      if (Array.isArray(wishlist)) {
34411        return {
34412          categories: [
34413            {
34414              id: 'all-favorites',
34415              name: 'All Favorites',
34416              items: wishlist
34417            }
34418          ],
34419          version: 2
34420        };
34421      }
34422      
34423      return wishlist;
34424    }
34425    
34426    // Save wishlist to localStorage
34427    function saveWishlist(wishlist) {
34428      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
34429      // Dispatch an event so other parts of the site can react to wishlist changes
34430      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
34431        detail: { wishlist: wishlist } 
34432      }));
34433      
34434      // Count total items across all categories
34435      const totalItems = wishlist.categories.reduce((total, category) => {
34436        return total + category.items.length;
34437      }, 0);
34438      
34439      // Update all wishlist counters
34440      updateWishlistCounters(totalItems);
34441    }
34442    
34443    // Update all wishlist counters on the page
34444    function updateWishlistCounters(count) {
34445      const counters = document.querySelectorAll('.wishlist-count');
34446      counters.forEach(counter => {
34447        counter.textContent = count;
34448        
34449        // If the counter is hidden and count > 0, show it
34450        if (count > 0 && counter.hasAttribute('hidden')) {
34451          counter.removeAttribute('hidden');
34452        }
34453        // If the counter is visible and count = 0, hide it
34454        else if (count === 0 && !counter.hasAttribute('hidden')) {
34455          counter.setAttribute('hidden', 'true');
34456        }
34457      });
34458    }
34459    
34460    // Check if a product is in the wishlist (in any category)
34461    function isInWishlist(productId) {
34462      const wishlist = getWishlist();
34463      return wishlist.categories.some(category => 
34464        category.items.some(item => item.id === productId)
34465      );
34466    }
34467    
34468    // Get all categories
34469    function getCategories() {
34470      return getWishlist().categories;
34471    }
34472    
34473    // Create a new category
34474    function createCategory(name) {
34475      const wishlist = getWishlist();
34476      const categoryId = 'category-' + Date.now();
34477      
34478      wishlist.categories.push({
34479        id: categoryId,
34480        name: name,
34481        items: []
34482      });
34483      
34484      saveWishlist(wishlist);
34485      return categoryId;
34486    }
34487    
34488    // Add a product to a specific category
34489    function addToCategory(product, categoryId) {
34490      const wishlist = getWishlist();
34491      const category = wishlist.categories.find(cat => cat.id === categoryId);
34492      
34493      if (!category) return false;
34494      
34495      // Check if product already exists in ANY category (not just this one)
34496      if (isInWishlist(product.id)) {
34497        return false; // Product already in wishlist
34498      }
34499      
34500      // Add product to category
34501      category.items.push(product);
34502      saveWishlist(wishlist);
34503      
34504      // Dispatch event for global sync
34505      document.dispatchEvent(new CustomEvent('wishlist:updated', {
34506        detail: { productId: product.id, added: true }
34507      }));
34508      
34509      return true;
34510    }
34511    
34512    // Add a product to the default "All Favorites" category
34513    function addToWishlist(product) {
34514      return addToCategory(product, 'all-favorites');
34515    }
34516    
34517    // Remove a product from all categories
34518    function removeFromWishlist(productId) {
34519      const wishlist = getWishlist();
34520      let removed = false;
34521      
34522      wishlist.categories.forEach(category => {
34523        const initialLength = category.items.length;
34524        category.items = category.items.filter(item => item.id !== productId);
34525        if (category.items.length !== initialLength) {
34526          removed = true;
34527        }
34528      });
34529      
34530      if (removed) {
34531        saveWishlist(wishlist);
34532      }
34533      
34534      return removed;
34535    }
34536    
34537    // Toggle a product in the wishlist
34538    function toggleWishlistItem(product) {
34539      if (isInWishlist(product.id)) {
34540        // If already in wishlist, remove it
34541        const wasRemoved = removeFromWishlist(product.id);
34542        
34543        // Update heart icon if the product was successfully removed
34544        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
34545        if (heartIcon && wasRemoved) {
34546          heartIcon.setAttribute('fill', 'none');
34547          showWishlistToast(false, product.title);
34548          
34549          // Dispatch event for global sync
34550          document.dispatchEvent(new CustomEvent('wishlist:updated', {
34551            detail: { productId: product.id, added: false }
34552          }));
34553        }
34554        return wasRemoved;
34555      } else {
34556        // If not in wishlist, show category selection popup
34557        showCategorySelectionPopup(product);
34558        return false; // Don't return true unless we actually add the product
34559      }
34560    }
34561    
34562    // Show wishlist category selection popup
34563    function showCategorySelectionPopup(product) {
34564      // Remove any existing popup
34565      const existingPopup = document.getElementById('wishlist-category-popup');
34566      if (existingPopup) {
34567        existingPopup.remove();
34568      }
34569
34570      const lang = getWishlistLang();
34571      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
34572
34573      // Create popup container
34574      const popup = document.createElement('div');
34575      popup.id = 'wishlist-category-popup';
34576      popup.className = 'wishlist-category-popup';
34577
34578      // Create popup content
34579      const content = document.createElement('div');
34580      content.className = 'wishlist-category-popup-content';
34581
34582      // Create header
34583      const title = document.createElement('h2');
34584      title.textContent = translations.addToWishlist; // Translate
34585
34586      const closeButton = document.createElement('button');
34587      closeButton.className = 'wishlist-category-popup-close';
34588      closeButton.setAttribute('aria-label', 'Close');
34589      closeButton.addEventListener('click', () => {
34590        popup.remove();
34591      });
34592      
34593      // Create category list
34594      const categoryList = document.createElement('div');
34595      categoryList.className = 'wishlist-category-list';
34596      
34597      // Get categories
34598      const categories = getCategories();
34599      
34600      // Add category options
34601      categories.forEach(category => {
34602        const categoryOption = document.createElement('div');
34603        categoryOption.className = 'wishlist-category-option';
34604        
34605        // Use translation for default category name
34606        categoryOption.textContent = category.id === 'all-favorites'
34607          ? (translations.allFavorites || category.name)
34608          : category.name;
34609
34610        // Highlight if product already in this category
34611        if (category.items.some(item => item.id === product.id)) {
34612          categoryOption.style.backgroundColor = '#f0f0f0';
34613          categoryOption.style.color = '#999';
34614          categoryOption.style.fontStyle = 'italic';
34615          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
34616          categoryOption.style.cursor = 'default';
34617        } else {
34618          categoryOption.addEventListener('click', () => {
34619            const wasAdded = addToCategory(product, category.id);
34620            
34621            if (wasAdded) {
34622              // Update heart icon after successful addition
34623              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
34624              if (heartIcon) {
34625                heartIcon.setAttribute('fill', '#333333');
34626              }
34627              
34628              showWishlistToast(true, product.title);
34629              popup.remove();
34630            }
34631          });
34632        }
34633        
34634        categoryList.appendChild(categoryOption);
34635      });
34636      
34637      // Create "add new category" section
34638      const newCategorySection = document.createElement('div');
34639      newCategorySection.style.borderTop = '1px solid #eee';
34640      newCategorySection.style.paddingTop = '15px';
34641      newCategorySection.style.marginTop = '10px';
34642      
34643      const newCategoryLabel = document.createElement('label');
34644      newCategoryLabel.textContent = translations.createCategory; // Translate
34645
34646      const newCategoryInput = document.createElement('input');
34647      newCategoryInput.type = 'text';
34648      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
34649
34650      const createButton = document.createElement('button');
34651      createButton.className = 'create-category-button';
34652      createButton.textContent = translations.createAndAdd; // Translate
34653
34654      createButton.addEventListener('click', () => {
34655        const categoryName = newCategoryInput.value.trim();
34656        if (categoryName) {
34657          const categoryId = createCategory(categoryName);
34658          const wasAdded = addToCategory(product, categoryId);
34659          
34660          if (wasAdded) {
34661            // Update heart icon after successful addition
34662            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
34663            if (heartIcon) {
34664              heartIcon.setAttribute('fill', '#333333');
34665            }
34666            
34667            showWishlistToast(true, product.title);
34668            popup.remove();
34669          }
34670        }
34671      });
34672      
34673      newCategorySection.appendChild(newCategoryLabel);
34674      newCategorySection.appendChild(newCategoryInput);
34675      newCategorySection.appendChild(createButton);
34676      
34677      // Assemble popup
34678      content.appendChild(title);
34679      content.appendChild(closeButton);
34680      content.appendChild(categoryList);
34681      content.appendChild(newCategorySection);
34682      popup.appendChild(content);
34683      
34684      // Add to document
34685      document.body.appendChild(popup);
34686      
34687      // Focus the input
34688      setTimeout(() => {
34689        newCategoryInput.focus();
34690      }, 100);
34691      
34692      // Close when clicking outside content
34693      popup.addEventListener('click', (e) => {
34694        if (e.target === popup) {
34695          popup.remove();
34696        }
34697      });
34698    }
34699    
34700    // Show a toast notification
34701    function showWishlistToast(added, productTitle) {
34702      // Create or get toast container
34703      let toastContainer = document.getElementById('wishlist-toast');
34704      if (!toastContainer) {
34705        toastContainer = document.createElement('div');
34706        toastContainer.id = 'wishlist-toast';
34707        toastContainer.style.position = 'fixed';
34708        toastContainer.style.bottom = '20px';
34709        toastContainer.style.right = '20px';
34710        toastContainer.style.zIndex = '9999';
34711        document.body.appendChild(toastContainer);
34712      }
34713      
34714      // Create toast
34715      const toast = document.createElement('div');
34716      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
34717      toast.style.color = 'white';
34718      toast.style.padding = '12px 20px';
34719      toast.style.borderRadius = '0';
34720      toast.style.marginTop = '10px';
34721      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
34722      toast.style.transition = 'all 0.3s ease';
34723      toast.style.opacity = '0';
34724      toast.style.fontFamily = 'Montserrat, sans-serif';
34725      
34726      // Choose text based on action
34727      const lang = getWishlistLang();
34728      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
34729      toast.textContent = added
34730        ? `${productTitle} ${translations.addedToWishlist}` // Translate
34731        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
34732      
34733      // Add to container
34734      toastContainer.appendChild(toast);
34735      
34736      // Animate in
34737      setTimeout(() => {
34738        toast.style.opacity = '1';
34739      }, 10);
34740      
34741      // Animate out and remove
34742      setTimeout(() => {
34743        toast.style.opacity = '0';
34744        setTimeout(() => {
34745          toastContainer.removeChild(toast);
34746        }, 300);
34747      }, 3000);
34748    }
34749
34750    // Initialize wishlist buttons
34751    function initCardWishlistButtons() {
34752      const wishlistButtons = document.querySelectorAll('.card-wis
34752hlist-button');
34753      
34754      wishlistButtons.forEach(button => {
34755        // Skip if already initialized
34756        if (button.dataset.initializedWishlist === 'true') return;
34757        button.dataset.initializedWishlist = 'true';
34758        
34759        const productId = button.getAttribute('data-wishlist-product');
34760        if (!productId) return;
34761        
34762        // Get product details from the card
34763        const card = button.closest('.card-wrapper');
34764        const productDetails = {
34765          id: productId,
34766          title: card.querySelector('.card__heading')?.textContent.trim() || '',
34767          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
34768          price: card.querySelector('.price')?.textContent.trim() || '',
34769          image: card.querySelector('img')?.src || '',
34770          url: card.querySelector('a[href*="/products/"]')?.href || ''
34771        };
34772        
34773        // Set initial state using global function
34774        const heartIcon = button.querySelector('path');
34775        if (heartIcon) {
34776          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
34777            heartIcon.setAttribute('fill', '#333333');
34778          } else {
34779            heartIcon.setAttribute('fill', 'none');
34780          }
34781        }
34782        
34783        // Add click handler
34784        button.addEventListener('click', function(e) {
34785          e.preventDefault();
34786          e.stopPropagation();
34787          e.stopImmediatePropagation();
34788          toggleWishlistItem(productDetails);
34789        });
34790        
34791        // Prevent navigation on mousedown/touchstart
34792        button.addEventListener('mousedown', function(e) {
34793          e.preventDefault();
34794          e.stopPropagation();
34795        });
34796        
34797        button.addEventListener('touchstart', function(e) {
34798          e.preventDefault();
34799          e.stopPropagation();
34800        });
34801      });
34802    }
34803
34804    // Initialize the wishlist counter on page load
34805    const wishlist = getWishlist();
34806    const totalItems = wishlist.categories.reduce((total, category) => {
34807      return total + category.items.length;
34808    }, 0);
34809    updateWishlistCounters(totalItems);
34810
34811    // Initialize on DOM ready
34812    if (document.readyState === 'loading') {
34813      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
34814    } else {
34815      initCardWishlistButtons();
34816    }
34817
34818    // Reinitialize on Shopify section load
34819    document.addEventListener('shopify:section:load', function() {
34820      setTimeout(initCardWishlistButtons, 100);
34821    });
34822
34823    // Listen for wishlist updates from other parts of the site
34824    document.addEventListener('wishlist:updated', function() {
34825      setTimeout(initCardWishlistButtons, 100);
34826    });
34827  })();
34828</script>
34828
34829
34830<!-- Price info icon styles -->
34831<style>
34832  /* Price container with icon */
34833  .price-container-with-info {
34834    position: relative;
34835    display: flex;
34836    align-items: center;
34837    gap: 8px;
34838  }
34839
34840  /* Info icon - hidden by default, shown on card hover */
34841  .price-info-icon {
34842    position: relative;
34843    display: inline-flex;
34844    align-items: center;
34845    justify-content: center;
34846    color: #666;
34847    cursor: help;
34848    opacity: 0;
34849    transition: opacity 0.3s ease;
34850
34851    padding: 4px; /* Add padding to increase clickable area */
34852    min-width: 20px; /* Ensure minimum clickable area */
34853    min-height: 20px;
34854    z-index: 15; /* Above everything else including compare button */
34855    pointer-events: auto; /* Allow interaction */
34856  }
34857
34858  /* Show icon on card hover */
34859  .card-wrapper:hover .price-info-icon {
34860    opacity: 1;
34861  }
34862
34863  .price-info-icon svg {
34864    width: 14px;
34865    height: 14px;
34866    stroke-width: 1.5;
34867  }
34868
34869  /* Tooltip styles */
34870  .price-info-tooltip {
34871    position: absolute;
34872    bottom: calc(100% + 6px);
34873    top: auto;
34874    left: 0;
34875    transform: none;
34876    min-width: 310px;
34877    background: #FFFFFF;
34878    color: #232323;
34879    border: 1px solid #EEEEEE;
34880    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
34881    padding: 12px 16px;
34882    font-size: 13px;
34883    font-family: 'Montserrat', sans-serif;
34884    z-index: 10000;
34885    opacity: 0;
34886    transition: opacity 0.18s;
34887    white-space: pre-line;
34888    text-align: left;
34889    border-radius: 0;
34890    visibility: hidden;
34891    pointer-events: none;
34892  }
34893
34894  /* Show tooltip on icon hover */
34895  .price-info-icon:hover .price-info-tooltip {
34896    visibility: visible;
34897    opacity: 1;
34898  }
34899
34900  /* Ensure tooltip is never clipped */
34901  .price-container-with-info,
34902  .card-information,
34903  .card__content {
34904    overflow: visible !important;
34905  }
34906
34907  /* Mobile adjustments */
34908  @media screen and (max-width: 768px) {
34909    .price-info-tooltip {
34910      min-width: 200px;
34911      font-size: 12px;
34912      padding: 10px 12px;
34913    }
34914  }
34915</style>
34916
34917                </li>
34918                <li
34919                  class="grid__item"
34920                  
34921                >
34922                  
34923<div class="card-wrapper product-card-wrapper underline-links-hover">
34924
34925    <div
34926      class="
34927        card card--standard
34928         card--media
34929        
34930        
34931        
34932        
34933        
34934      "
34935      style="--ratio-percent: 100.0%;"
34936      data-product-id="9746973196586"
34937      data-description="LED ulkovalaisin alaspäinsuuntatuvalla valolla, painevaletusta alumiinista, opaalinvärisellä pohjallisella."
34938      
34939      data-ip-rate="IP44"
34940      
34941      data-variant-id="52388078158122"
34942      data-price="198.00 EUR"
34943      data-compare-at-price=""
34944      data-available="true"
34945      data-barcode="8595685413921"
34946      data-ip-rate="IP44"
34947      data-lumens="1000"
34948      data-power-source=""
34949      data-watt="12.0"
34950      data-kelvin="3000"
34951      data-light-color=""
34952      data-diameter=""
34953      data-weight-netto="2250.0"
34954      data-weight-unit="g"
34955      data-mounting-hole-size=""
34956      data-recess-depth=""
34957      data-suspension-lenght=""
34958      data-turn-angle=""
34959      data-tilt-angle=""
34960      data-switch=""
34961      data-socket=""
34962      data-light-source-recomended=""
34963      data-height="80"
34964      data-length="14.4"
34965      data-Length=""
34966    >
34967      <div
34968        class="card__inner color-scheme-2 gradient ratio"
34969        style="--ratio-percent: 100.0%;"
34970      >
34971        
34972
34973<div class="ip-rate-badge">
34974            <span>IP44</span>
34975          </div><div class="card__media">
34976            <a class="card__media-link-content" href="/products/rina-bollard-lamp" aria-label="RINA POLLARI">
34977              <div class="media media--transparent media--hover-effect">
34978              
34979              <img
34980                class="product-image motion-reduce"
34981                srcset="//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=165 165w,//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=360 360w,//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=533 533w,//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=720 720w,//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=940 940w,//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=1066 1066w,//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076 4899w
34982                "
34983                src="//rendl.fi/cdn/shop/files/r12515-1.jpg?v=1745942076&width=533"
34984                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
34985                alt="RENDL outdoor lamp RINA bollard anthracite grey  230V LED 12W IP44  3000K R12515 1"
34986                
34987                  loading="lazy"
34988                
34989                width="4899"
34990                height="4899"
34991              >
34992              
34993<img
34994                  class="product-image motion-reduce"
34995                  srcset="//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=165 165w,//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=360 360w,//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=533 533w,//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=720 720w,//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=940 940w,//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=1066 1066w,//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187 3162w
34996                  "
34997                  src="//rendl.fi/cdn/shop/files/r12515-2.jpg?v=1766798187&width=533"
34998                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
34999                  alt=""
35000                  loading="lazy"
35001                  width="3162"
35002                  height="3162"
35003                ></div>
35004            </a>
35005            
35006<div class="card-media-icons"><div class="energy-label-icon">
35007                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
35008                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
35009</div>
35010                  </div></div><div class="card-variant-swatches"><a
35011                    class="card-variant-swatch"
35012                    href="/products/rina-bollard-lamp?variant=52388078158122"
35013                    
35014                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
35015                    
35016                    aria-label="tummanharmaa"
35017                  >
35018                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
35019          <div class="card__information">
35020            <h3
35021              class="card__heading"
35022              
35023            >
35024              <a
35025                href="/products/rina-bollard-lamp"
35026                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746973196586"
35027                class="full-unstyled-link"
35028                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746973196586 NoMediaStandardBadge-template--28113427169578__product-grid-9746973196586"
35029              >
35030                RINA POLLARI
35031              </a>
35032            </h3>
35033          </div>
35034          <div class="card__badge bottom left"></div>
35035        </div>
35036      </div>
35037      <div class="card__content">
35038        <div class="card__information">
35039          <h3
35040            class="card__heading h5"
35041            
35042              id="title-template--28113427169578__product-grid-9746973196586"
35043            
35044          >
35045            <a
35046              href="/products/rina-bollard-lamp"
35047              id="CardLink-template--28113427169578__product-grid-9746973196586"
35048              class="full-unstyled-link"
35049              aria-labelledby="CardLink-template--28113427169578__product-grid-9746973196586 Badge-template--28113427169578__product-grid-9746973196586"
35050            >
35051              RINA POLLARI
35052            </a>
35053          </h3><div class="card__description">
35054              LED ulkovalaisin alaspäinsuuntatuvalla valolla, painevaletusta alumiinista, opaalinvärisellä pohjallisella.
35055            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
35056              
35057<div
35058    class="
35059      price "
35060  >
35061    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
35062          <span class="price-item price-item--regular">
35063            198.00 EUR
35064          </span></div>
35065      <div class="price__sale">
35066          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
35067          <span>
35068            <s class="price-item price-item--regular">
35069              
35070                
35071              
35072            </s>
35073          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
35074        <span class="price-item price-item--sale price-item--last">
35075          198.00 EUR
35076        </span>
35077      </div>
35078      <small class="unit-price caption hidden">
35079        <span class="visually-hidden">Yksikköhinta</span>
35080        <span class="price-item price-item--last">
35081          <span></span>
35082          <span aria-hidden="true">/</span>
35083          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
35084          <span>
35085          </span>
35086        </span>
35087      </small>
35088    </div></div>
35089
35090
35091</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
35092              <button class="compare-button-simple" 
35093                      data-product-id="9746973196586" 
35094                      data-product-title="RINA POLLARI"
35095                      data-product-handle="rina-bollard-lamp">
35096                              <span class="compare-button-content">
35097                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
35098                    <span class="compare-text" data-translate="compare">compare</span>
35099                  </span>
35100                <span class="compare-spinner-small">
35101                  <!-- Small spinner for button -->
35102                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
35103                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
35104                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
35105                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
35105inite"/>
35106                    </path>
35107                  </svg>
35108                </span>
35109              </button>
35110              
35111              <!-- Wishlist button next to compare button -->
35112              <button type="button" class="card-wishlist-button" data-wishlist-product="9746973196586">
35113                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
35114                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
35115                </svg>
35116              </button>
35117            </div></div>
35118        </div>
35119        
35120        
35121        
35122          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746973196586" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
35123                    type="hidden"
35124                    name="id"
35125                    value="52388078158122"
35126                    class="product-variant-id"
35127                    
35128                  >
35129                  <button
35130                    id="quick-add-template--28113427169578__product-grid9746973196586-submit"
35131                    type="submit"
35132                    name="add"
35133                    class="quick-add__submit button button--full-width button--secondary"
35134                    aria-haspopup="dialog"
35135                    aria-labelledby="quick-add-template--28113427169578__product-grid9746973196586-submit title-template--28113427169578__product-grid-9746973196586"
35136                    aria-live="polite"
35137                    data-sold-out-message="true"
35138                    
35139                  >
35140                    <span>Lisää ostoskoriin
35141</span>
35142                    <span class="sold-out-message hidden">
35143                      Matkalla
35144                    </span>
35145
35146<div class="loading__spinner hidden">
35147  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
35148
35149</div>
35150</button><input type="hidden" name="product-id" value="9746973196586" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
35151        
35152        <div class="card__badge bottom left"></div>
35153      </div>
35154    </div>
35155  </div>
35155<script>
35156  // Initialize global compare translations only once
35157  if (typeof window.compareButtonTranslations === 'undefined') {
35158    window.compareButtonTranslations = {
35159      compare: {
35160        en: 'compare',
35161        cs: 'porovnat',
35162        sk: 'porovnať',
35163        de: 'vergleichen',
35164        at: 'vergleichen',
35165        ch: 'vergleichen',
35166        fr: 'comparer',
35167        be: 'comparer',
35168        lu: 'comparer',
35169        it: 'confronta',
35170        es: 'comparar',
35171        nl: 'vergelijken',
35172        pl: 'porównaj',
35173        hu: 'összehasonlít',
35174        ro: 'compară',
35175        bg: 'сравни',
35176        hr: 'usporedi',
35177        fi: 'vertaile',
35178        gr: 'σύγκριση',
35179        el: 'σύγκριση',
35180        no: 'sammenlign',
35181        'pt-PT': 'comparar',
35182        sl: 'primerjaj',
35183        sv: 'jämför',
35184        lv: 'salīdzināt',
35185        lt: 'palyginti',
35186        ee: 'võrdle',
35187        dk: 'sammenlign',
35188        gb: 'compare',
35189        uk: 'compare',
35190        ie: 'compare',
35191        us: 'compare',
35192        ca: 'compare',
35193        au: 'compare',
35194        nz: 'compare',
35195        ru: 'сравнить'
35196      },
35197      remove: {
35198        en: 'remove',
35199        cs: 'odebrat',
35200        sk: 'odobrať',
35201        de: 'entfernen',
35202        at: 'entfernen',
35203        ch: 'entfernen',
35204        fr: 'supprimer',
35205        be: 'supprimer',
35206        lu: 'supprimer',
35207        it: 'rimuovi',
35208        es: 'eliminar',
35209        nl: 'verwijderen',
35210        pl: 'usuń',
35211        hu: 'eltávolít',
35212        ro: 'elimină',
35213        bg: 'премахни',
35214        hr: 'ukloni',
35215        fi: 'poista',
35216        gr: 'αφαίρεση',
35217        el: 'αφαίρεση',
35218        no: 'fjern',
35219        'pt-PT': 'remover',
35220        sl: 'odstrani',
35221        sv: 'ta bort',
35222        lv: 'noņemt',
35223        lt: 'pašalinti',
35224        ee: 'eemalda',
35225        dk: 'fjern',
35226        gb: 'remove',
35227        uk: 'remove',
35228        ie: 'remove',
35229        us: 'remove',
35230        ca: 'remove',
35231        au: 'remove',
35232        nz: 'remove',
35233        ru: 'удалить'
35234      },
35235      added: {
35236        en: 'Added!',
35237        cs: 'Přidáno!',
35238        sk: 'Pridané!',
35239        de: 'Hinzugefügt!',
35240        at: 'Hinzugefügt!',
35241        ch: 'Hinzugefügt!',
35242        fr: 'Ajouté!',
35243        be: 'Ajouté!',
35244        lu: 'Ajouté!',
35245        it: 'Aggiunto!',
35246        es: '¡Añadido!',
35247        nl: 'Toegevoegd!',
35248        pl: 'Dodano!',
35249        hu: 'Hozzáadva!',
35250        ro: 'Adăugat!',
35251        bg: 'Добавено!',
35252        hr: 'Dodano!',
35253        fi: 'Lisätty!',
35254        gr: 'Προστέθηκε!',
35255        el: 'Προστέθηκε!',
35256        no: 'Lagt til!',
35257        'pt-PT': 'Adicionado!',
35258        sl: 'Dodano!',
35259        sv: 'Tillagd!',
35260        lv: 'Pievienots!',
35261        lt: 'Pridėta!',
35262        ee: 'Lisatud!',
35263        dk: 'Tilføjet!',
35264        gb: 'Added!',
35265        uk: 'Added!',
35266        ie: 'Added!',
35267        us: 'Added!',
35268        ca: 'Added!',
35269        au: 'Added!',
35270        nz: 'Added!',
35271        ru: 'Добавлено!'
35272      },
35273      removed: {
35274        en: 'Removed!',
35275        cs: 'Odebráno!',
35276        sk: 'Odobrané!',
35277        de: 'Entfernt!',
35278        at: 'Entfernt!',
35279        ch: 'Entfernt!',
35280        fr: 'Supprimé!',
35281        be: 'Supprimé!',
35282        lu: 'Supprimé!',
35283        it: 'Rimosso!',
35284        es: '¡Eliminado!',
35285        nl: 'Verwijderd!',
35286        pl: 'Usunięto!',
35287        hu: 'Eltávolítva!',
35288        ro: 'Eliminat!',
35289        bg: 'Премахнато!',
35290        hr: 'Uklonjeno!',
35291        fi: 'Poistettu!',
35292        gr: 'Αφαιρέθηκε!',
35293        el: 'Αφαιρέθηκε!',
35294        no: 'Fjernet!',
35295        'pt-PT': 'Removido!',
35296        sl: 'Odstranjeno!',
35297        sv: 'Borttaget!',
35298        lv: 'Noņemts!',
35299        lt: 'Pašalinta!',
35300        ee: 'Eemaldatud!',
35301        dk: 'Fjernet!',
35302        gb: 'Removed!',
35303        uk: 'Removed!',
35304        ie: 'Removed!',
35305        us: 'Removed!',
35306        ca: 'Removed!',
35307        au: 'Removed!',
35308        nz: 'Removed!',
35309        ru: 'Удалено!'
35310      }
35311    };
35312
35313    // Tooltip translations for price info
35314    window.tooltipTranslations = {
35315      tooltipPrice: {
35316        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35317        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
35318        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
35319        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
35320        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
35321        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
35322        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
35323        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
35324        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
35325        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
35326        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
35327        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
35328        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
35329        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
35330        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
35331        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
35332        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
35333        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
35334        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
35335        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
35336        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
35337        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
35338        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
35339        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
35340        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
35340iks atskaitīts, ja piemērojams.",
35341        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
35342        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
35343        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
35344        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35345        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35346        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35347        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35348        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35349        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35350        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
35351        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
35352      },
35353      tooltipOutlet: {
35354        en: "We do not provide additional wholesale discounts on outlet products.",
35355        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
35356        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
35357        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
35358        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
35359        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
35360        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
35361        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
35362        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
35363        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
35364        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
35365        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
35366        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
35367        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
35368        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
35369        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
35370        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
35371        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
35372        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
35373        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
35374        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
35375        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
35376        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
35377        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
35378        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
35379        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
35380        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
35381        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
35382        gb: "We do not provide additional wholesale discounts on outlet products.",
35383        uk: "We do not provide additional wholesale discounts on outlet products.",
35384        ie: "We do not provide additional wholesale discounts on outlet products.",
35385        us: "We do not provide additional wholesale discounts on outlet products.",
35386        ca: "We do not provide additional wholesale discounts on outlet products.",
35387        au: "We do not provide additional wholesale discounts on outlet products.",
35388        nz: "We do not provide additional wholesale discounts on outlet products.",
35389        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
35390      }
35391    };
35392
35393    // Get current locale from document
35394    window.currentLocale = document.documentElement.lang || 'en';
35395
35396    // Function to translate compare buttons
35397    window.translateCompareButtons = function() {
35398      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
35399      compareTexts.forEach(function(textEl) {
35400        const button = textEl.closest('.compare-button-simple');
35401        const isInComparison = button && button.hasAttribute('data-in-comparison');
35402        
35403        if (isInComparison) {
35404          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
35405          textEl.textContent = translation;
35406        } else {
35407          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
35408          textEl.textContent = translation;
35409        }
35410      });
35411    };
35412
35413    // Function to format price with space as thousands separator (only for tooltip)
35414    function formatTooltipPrice(price) {
35415      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
35416      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
35417    }
35418
35419    // Function to translate tooltips with price
35420    window.translateTooltips = function() {
35421      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
35422      tooltips.forEach(function(tooltip) {
35423        const icon = tooltip.closest('.price-info-icon');
35424        if (icon) {
35425          const status = icon.getAttribute('data-status');
35426          // Check if this is an outlet product
35427          if (status === 'outlet') {
35428            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
35429            tooltip.textContent = translation;
35430            return; // Exit early for outlet products
35431          }
35432          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
35433          // Get wholesale price from the actual price display on the card
35434          const card = icon.closest('[data-product-id]');
35435          let wholesalePrice = '';
35436          if (card) {
35437            // Find the main price element on the card
35438            const priceElement = card.querySelector('.price .price-item--regular');
35439            if (priceElement) {
35440              wholesalePrice = priceElement.textContent.trim();
35441            }
35442          }
35443          if (retailPrice && wholesalePrice) {
35444            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
35445            let formattedRetailPrice = formatTooltipPrice(retailPrice);
35446            let formattedWholesalePrice = wholesalePrice;
35447            if (window.formatPriceText) {
35448              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
35449            }
35450            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
35451            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
35452            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
35453            tooltip.textContent = translatedText;
35454          }
35455        }
35456      });
35457    };
35458
35459    // Function to update button state based on comparison status
35460    window.updateCompareButtonState = function(productId, isInComparison) {
35461      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
35462      buttons.forEach(function(button) {
35463        const buttonContainer = button.closest('.compare-button-container');
35464        const compareText = button.querySelector('.compare-text');
35465        
35466        if (isInComparison) {
35467          button.setAttribute('data-in-comparison', 'true');
35468          button.classList.add('in-comparison');
35469          buttonContainer.classList.add('in-comparison');
35470          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
35471          compareText.textContent = removeText;
35472        } else {
35473          button.removeAttribute('data-in-comparison');
35474          button.classList.remove('in-comparison');
35475          buttonContainer.classList.remove('in-comparison');
35476          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
35477          compareText.textContent = compareTextTranslation;
35478        }
35479      });
35480    };
35481  }
35482
35483  // Initialize compare button states based on localStorage
35484  window.initializeCompareButtonStates = function() {
35485    if (typeof window.RendlCompare !== 'undefined') {
35486      const compareItems = window.RendlCompare.getItems();
35487      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
35488        const productId = button.getAttribute('data-product-id');
35489        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
35490        window.updateCompareButtonState(productId, isInComparison);
35491      });
35492    }
35493  };
35494
35495  // Compare button UI animation - the actual functionality is handled by compare-system.js
35496  document.addEventListener('DOMContentLoaded', function() {
35497    // Apply translations on page load
35498    if (window.translateCompareButtons) {
35499      window.translateCompareButtons();
35500    }
35501    
35502    // Initialize button states based on comparison data
35503    setTimeout(function() {
35504      if (window.initializeCompareButtonStates) {
35505        window.initializeCompareButtonStates();
35506      }
35507    }, 100); // Small delay to ensure compare system is loaded
35508    
35509    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
35510      // Skip if already has event listener
35511      if (button.hasAttribute('data-compare-initialized')) {
35512        return;
35513      }
35514      button.setAttribute('data-compare-initialized', 'true');
35515      
35516      button.addEventListener('click', function(e) {
35517        var buttonContainer = button.closest('.compare-button-container');
35518        var compareText = button.querySelector('.compare-text');
35519        var isInComparison = button.hasAttribute('data-in-comparison');
35520        var productId = button.getAttribute('data-product-id');
35521        
35522        // Prevent multiple clicks during loading
35523        if (button.classList.contains('loading')) {
35524          return;
35525        }
35526        
35527        // Make button always visible during the process
35528        buttonContainer.classList.add('active');
35529        
35530        // Add loading class to show spinner
35531        button.classList.add('loading');
35532        
35533        // UI feedback timing
35534        setTimeout(function() {
35535          // Remove loading class and show success message
35536          button.classList.remove('loading');
35537          button.classList.add('success');
35538          
35539          if (isInComparison) {
35540            // Removing from comparison
35541            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
35542            
35543            // Update button state after removal
35544            setTimeout(function() {
35545              button.classList.remove('success');
35546              window.updateCompareButtonState(productId, false);
35547              buttonContainer.classList.remove('active');
35548            }, 1500);
35549          } else {
35550            // Adding to comparison
35551            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
35552            
35553            // Update button state after addition
35554            setTimeout(function() {
35555              button.classList.remove('success');
35556              window.updateCompareButtonState(productId, true);
35557              buttonContainer.classList.remove('active');
35558            }, 1500);
35559          }
35560        }, 1200);
35561      });
35562    });
35563
35564    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
35565    setTimeout(function() {
35566      if (window.translateTooltips) {
35567        window.translateTooltips();
35568      }
35569    }, 100);
35570  });
35571
35572  // Ensure compare button states are initialized after RendlCompare is available
35573  document.addEventListener('DOMContentLoaded', function() {
35574    function tryInitCompareButtons() {
35575      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
35576        window.initializeCompareButtonStates();
35577      } else {
35578        setTimeout(tryInitCompareButtons, 100);
35579      }
35580    }
35581    tryInitCompareButtons();
35582  });
35583
35584  // Self-contained wishlist functionality for card-product
35585  (function() {
35586    // Wishlist translations
35587    var wishlistTranslations = {
35588      'en': {
35589        addToWishlist: 'Add to My Favorites',
35590        createCategory: 'Create new category:',
35591        categoryPlaceholder: 'Category name',
35592        createAndAdd: 'Create & Add Item',
35593        alreadyAdded: '(Already added)',
35594        addedToWishlist: 'added to My Favorites',
35595        removedFromWishlist: 'removed from My Favorites',
35596        allFavorites: 'All Favorites'
35597      },
35598      'cs': {
35599        addToWishlist: 'Přidat do oblíbených',
35600        createCategory: 'Vytvořit novou skupinu:',
35601        categoryPlaceholder: 'Název nové skupiny',
35602        createAndAdd: 'Vytvořit a přidat skupinu',
35603        alreadyAdded: '(Již přidáno)',
35604        addedToWishlist: 'přidáno do oblíbených',
35605        removedFromWishlist: 'odebráno z oblíbených',
35606        allFavorites: 'Všechny oblíbené'
35607      },
35608      'sk': {
35609        addToWishlist: 'Pridať do obľúbených',
35610        createCategory: 'Vytvoriť novú kategóriu:',
35611        categoryPlaceholder: 'Názov kategórie',
35612        createAndAdd: 'Vytvoriť a pridať položku',
35613        alreadyAdded: '(Už pridané)',
35614        addedToWishlist: 'pridané do obľúbených',
35615        removedFromWishlist: 'odstránené z obľúbených',
35616        allFavorites: 'Všetky obľúbené'
35617      },
35618      'de': {
35619        addToWishlist: 'Zu meinen Favoriten hinzufügen',
35620        createCategory: 'Neue Kategorie erstellen:',
35621        categoryPlaceholder: 'Kategoriename',
35622        createAndAdd: 'Erstellen & hinzufügen',
35623        alreadyAdded: '(Bereits hinzugefügt)',
35624        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
35625        removedFromWishlist: 'aus meinen Favoriten entfernt',
35626        allFavorites: 'Alle Favoriten'
35627      },
35628      'fr': {
35629        addToWishlist: 'Ajouter à mes favoris',
35630        createCategory: 'Créer une nouvelle catégorie :',
35631        categoryPlaceholder: 'Nom de la catégorie',
35632        createAndAdd: 'Créer et ajouter',
35633        alreadyAdded: '(Déjà ajouté)',
35634        addedToWishlist: 'ajouté à mes favoris',
35635        removedFromWishlist: 'retiré de mes favoris',
35636        allFavorites: 'Tous les favoris'
35637      },
35638      'it': {
35639        addToWishlist: 'Aggiungi ai preferiti',
35640        createCategory: 'Crea nuova categoria:',
35641        categoryPlaceholder: 'Nome categoria',
35642        createAndAdd: 'Crea e aggiungi',
35643        alreadyAdded: '(Già aggiunto)',
35644        addedToWishlist: 'aggiunto ai preferiti',
35645        removedFromWishlist: 'rimosso dai preferiti',
35646        allFavorites: 'Tutti i preferiti'
35647      },
35648      'es': {
35649        addToWishlist: 'Añadir a mis favoritos',
35650        createCategory: 'Crear nueva categoría:',
35651        categoryPlaceholder: 'Nombre de la categoría',
35652        createAndAdd: 'Crear y añadir',
35653        alreadyAdded: '(Ya añadido)',
35654        addedToWishlist: 'añadido a mis favoritos',
35655        removedFromWishlist: 'eliminado de mis favoritos',
35656        allFavorites: 'Todos los favoritos'
35657      },
35658      'nl': {
35659        addToWishlist: 'Toevoegen aan mijn favorieten',
35660        createCategory: 'Nieuwe categorie aanmaken:',
35661        categoryPlaceholder: 'Categorienaam',
35662        createAndAdd: 'Aanmaken & toevoegen',
35663        alreadyAdded: '(Al toegevoegd)',
35664        addedToWishlist: 'toegevoegd aan mijn favorieten',
35665        removedFromWishlist: 'verwijderd uit mijn favorieten',
35666        allFavorites: 'Alle favorieten'
35667      },
35668      'pl': {
35669        addToWishlist: 'Dodaj do ulubionych',
35670        createCategory: 'Utwórz nową kategorię:',
35671        categoryPlaceholder: 'Nazwa kategorii',
35672        createAndAdd: 'Utwórz i dodaj',
35673        alreadyAdded: '(Już dodane)',
35674        addedToWishlist: 'dodano do ulubionych',
35675        removedFromWishlist: 'usunięto z ulubionych',
35676        allFavorites: 'Wszystkie ulubione'
35677      },
35678      'hu': {
35679        addToWishlist: 'Hozzáadás a kedvencekhez',
35680        createCategory: 'Új kategória létrehozása:',
35681        categoryPlaceholder: 'Kategória neve',
35682        createAndAdd: 'Létrehozás és hozzáadás',
35683        alreadyAdded: '(Már hozzáadva)',
35684        addedToWishlist: 'hozzáadva a kedvencekhez',
35685        removedFromWishlist: 'eltávolítva a kedvencekből',
35686        allFavorites: 'Minden kedvenc'
35687      },
35688      'ro': {
35689        addToWishlist: 'Adaugă la favorite',
35690        createCategory: 'Creează o nouă categorie:',
35691        categoryPlaceholder: 'Nume categorie',
35692        createAndAdd: 'Creează și adaugă',
35693        alreadyAdded: '(Deja adăugat)',
35694        addedToWishlist: 'adăugat la favorite',
35695        removedFromWishlist: 'eliminat din favorite',
35696        allFavorites: 'Toate preferințele'
35697      },
35698      'bg': {
35699        addToWishlist: 'Добави в любими',
35700        createCategory: 'Създай нова категория:',
35701        categoryPlaceholder: 'Име на категория',
35702        createAndAdd: 'Създай и добави',
35703        alreadyAdded: '(Вече добавено)',
35704        addedToWishlist: 'добавено в любими',
35705        removedFromWishlist: 'премахнато от любими',
35706        allFavorites: 'Всички любими'
35707      },
35708      'hr': {
35709        addToWishlist: 'Dodaj u favorite',
35710        createCategory: 'Kreiraj novu kategoriju:',
35711        categoryPlaceholder: 'Naziv kategorije',
35712        createAndAdd: 'Kreiraj i dodaj',
35713        alreadyAdded: '(Već dodano)',
35714        addedToWishlist: 'dodano u favorite',
35715        removedFromWishlist: 'uklonjeno iz favorita',
35716        allFavorites: 'Sva omiljena'
35717      },
35718      'fi': {
35719        addToWishlist: 'Lisää suosikkeihin',
35720        createCategory: 'Luo uusi kategoria:',
35721        categoryPlaceholder: 'Kategorian nimi',
35722        createAndAdd: 'Luo ja lisää',
35723        alreadyAdded: '(Jo lisätty)',
35724        addedToWishlist: 'lisätty suosikkeihin',
35725        removedFromWishlist: 'poistettu suosikeista',
35726        allFavorites: 'Kaikki suosikit'
35727      },
35728      'gr': {
35729        addToWishlist: 'Προσθήκη στα αγαπημένα',
35730        createCategory: 'Δημιουργία νέας κατηγορίας:',
35731        categoryPlaceholder: 'Όνομα κατηγορίας',
35732        createAndAdd: 'Δημιουργία & προσθήκη',
35733        alreadyAdded: '(Ήδη προστέθηκε)',
35734        addedToWishlist: 'προστέθηκε στα αγαπημένα',
35735        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
35736        allFavorites: 'Όλα τα αγαπημένα'
35737      },
35738      'no': {
35739        addToWishlist: 'Legg til i favoritter',
35740        createCategory: 'Opprett ny kategori:',
35741        categoryPlaceholder: 'Kategorinavn',
35742        createAndAdd: 'Opprett og legg til',
35743        alreadyAdded: '(Allerede lagt til)',
35744        addedToWishlist: 'lagt til i favoritter',
35745        removedFromWishlist: 'fjernet fra favoritter',
35746        allFavorites: 'Alle favoritter'
35747      },
35748      'pt-PT': {
35749        addToWishlist: 'Adicionar aos favoritos',
35750        createCategory: 'Criar nova categoria:',
35751        categoryPlaceholder: 'Nome da categoria',
35752        createAndAdd: 'Criar e adicionar',
35753        alreadyAdded: '(Já adicionado)',
35754        addedToWishlist: 'adicionado aos favoritos',
35755        removedFromWishlist: 'removido dos favoritos',
35756        allFavorites: 'Todos os favoritos'
35757      },
35758      'sl': {
35759        addToWishlist: 'Dodaj med priljubljene',
35760        createCategory: 'Ustvari novo kategorijo:',
35761        categoryPlaceholder: 'Ime kategorije',
35762        createAndAdd: 'Ustvari in dodaj',
35763        alreadyAdded: '(Že dodano)',
35764        addedToWishlist: 'dodano med priljubljene',
35765        removedFromWishlist: 'odstranjeno iz priljubljenih',
35766        allFavorites: 'Vsi priljubljeni'
35767      },
35768      'sv': {
35769        addToWishlist: 'Lägg till i favoriter',
35770        createCategory: 'Skapa ny kategori:',
35771        categoryPlaceholder: 'Kategorinamn',
35772        createAndAdd: 'Skapa och lägg till',
35773        alreadyAdded: '(Redan tillagd)',
35774        addedToWishlist: 'tillagd i favoriter',
35775        removedFromWishlist: 'borttagen från favoriter',
35776        allFavorites: 'Alla favoriter'
35777      },
35778      'lv': {
35779        addToWishlist: 'Pievienot favorītiem',
35780        createCategory: 'Izveidot jaunu kategoriju:',
35781        categoryPlaceholder: 'Kategorijas nosaukums',
35782        createAndAdd: 'Izveidot un pievienot',
35783        alreadyAdded: '(Jau pievienots)',
35784        addedToWishlist: 'pievienots favorītiem',
35785        removedFromWishlist: 'noņemts no favorītiem',
35786        allFavorites: 'Visas favorītus'
35787      },
35788      'lt': {
35789        addToWishlist: 'Pridėti į mėgstamiausius',
35790        createCategory: 'Sukurti naują kategoriją:',
35791        categoryPlaceholder: 'Kategorijos pavadinimas',
35792        createAndAdd: 'Sukurti ir pridėti',
35793        alreadyAdded: '(Jau pridėta)',
35794        addedToWishlist: 'pridėta į mėgstamiausius',
35795        removedFromWishlist: 'pašalinta iš mėgstamiausių',
35796        allFavorites: 'Visos mėgstamiausios'
35797      },
35798      'ee': {
35799        addToWishlist: 'Lisa lemmikutesse',
35800        createCategory: 'Loo uus kategooria:',
35801        categoryPlaceholder: 'Kategooria nimi',
35802        createAndAdd: 'Loo ja lisa',
35803        alreadyAdded: '(Juba lisatud)',
35804        addedToWishlist: 'lisatud lemmikutesse',
35805        removedFromWishlist: 'eemaldatud lemmikutest',
35806        allFavorites: 'Kõik lemmikud'
35807      },
35808      'dk': {
35809        addToWishlist: 'Tilføj til favoritter',
35810        createCategory: 'Opret ny kategori:',
35811        categoryPlaceholder: 'Kategorinavn',
35812        createAndAdd: 'Opret og tilføj',
35813        alreadyAdded: '(Allerede tilføjet)',
35814        addedToWishlist: 'tilføjet til favoritter',
35815        removedFromWishlist: 'fjernet fra favoritter',
35816        allFavorites: 'Alle favoritter'
35817      }
35818    };
35819
35820    function getWishlistLang() {
35821      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
35822      // Normalize for region codes (e.g., pt-PT, sl)
35823      if (lang.startsWith('pt-PT')) return 'pt-PT';
35824      if (lang.startsWith('sl')) return 'sl';
35825      if (lang.startsWith('cs')) return 'cs';
35826      if (lang.startsWith('sk')) return 'sk';
35827      if (lang.startsWith('de')) return 'de';
35828      if (lang.startsWith('fr')) return 'fr';
35829      if (lang.startsWith('it')) return 'it';
35830      if (lang.startsWith('es')) return 'es';
35831      if (lang.startsWith('nl')) return 'nl';
35832      if (lang.startsWith('pl')) return 'pl';
35833      if (lang.startsWith('hu')) return 'hu';
35834      if (lang.startsWith('ro')) return 'ro';
35835      if (lang.startsWith('bg')) return 'bg';
35836      if (lang.startsWith('hr')) return 'hr';
35837      if (lang.startsWith('fi')) return 'fi';
35838      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
35839      if (lang.startsWith('no')) return 'no';
35840      if (lang.startsWith('sv')) return 'sv';
35841      if (lang.startsWith('lv')) return 'lv';
35842      if (lang.startsWith('lt')) return 'lt';
35843      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
35844      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
35845      return 'en';
35846    }
35847
35848    // Get or initialize the wishlist array in localStorage
35849    function getWishlist() {
35850      const wishlistJSON = localStorage.getItem('rendl_wishlist');
35851      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
35852        categories: [
35853          {
35854            id: 'all-favorites',
35855            name: 'All Favorites',
35856            items: []
35857          }
35858        ],
35859        version: 2
35860      };
35861      
35862      // Handle migration from old format (array of items) to new format (categories)
35863      if (Array.isArray(wishlist)) {
35864        return {
35865          categories: [
35866            {
35867              id: 'all-favorites',
35868              name: 'All Favorites',
35869              items: wishlist
35870            }
35871          ],
35872          version: 2
35873        };
35874      }
35875      
35876      return wishlist;
35877    }
35878    
35879    // Save wishlist to localStorage
35880    function saveWishlist(wishlist) {
35881      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
35882      // Dispatch an event so other parts of the site can react to wishlist changes
35883      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
35884        detail: { wishlist: wishlist } 
35885      }));
35886      
35887      // Count total items across all categories
35888      const totalItems = wishlist.categories.reduce((total, category) => {
35889        return total + category.items.length;
35890      }, 0);
35891      
35892      // Update all wishlist counters
35893      updateWishlistCounters(totalItems);
35894    }
35895    
35896    // Update all wishlist counters on the page
35897    function updateWishlistCounters(count) {
35898      const counters = document.querySelectorAll('.wishlist-count');
35899      counters.forEach(counter => {
35900        counter.textContent = count;
35901        
35902        // If the counter is hidden and count > 0, show it
35903        if (count > 0 && counter.hasAttribute('hidden')) {
35904          counter.removeAttribute('hidden');
35905        }
35906        // If the counter is visible and count = 0, hide it
35907        else if (count === 0 && !counter.hasAttribute('hidden')) {
35908          counter.setAttribute('hidden', 'true');
35909        }
35910      });
35911    }
35912    
35913    // Check if a product is in the wishlist (in any category)
35914    function isInWishlist(productId) {
35915      const wishlist = getWishlist();
35916      return wishlist.categories.some(category => 
35917        category.items.some(item => item.id === productId)
35918      );
35919    }
35920    
35921    // Get all categories
35922    function getCategories() {
35923      return getWishlist().categories;
35924    }
35925    
35926    // Create a new category
35927    function createCategory(name) {
35928      const wishlist = getWishlist();
35929      const categoryId = 'category-' + Date.now();
35930      
35931      wishlist.categories.push({
35932        id: categoryId,
35933        name: name,
35934        items: []
35935      });
35936      
35937      saveWishlist(wishlist);
35938      return categoryId;
35939    }
35940    
35941    // Add a product to a specific category
35942    function addToCategory(product, categoryId) {
35943      const wishlist = getWishlist();
35944      const category = wishlist.categories.find(cat => cat.id === categoryId);
35945      
35946      if (!category) return false;
35947      
35948      // Check if product already exists in ANY category (not just this one)
35949      if (isInWishlist(product.id)) {
35950        return false; // Product already in wishlist
35951      }
35952      
35953      // Add product to category
35954      category.items.push(product);
35955      saveWishlist(wishlist);
35956      
35957      // Dispatch event for global sync
35958      document.dispatchEvent(new CustomEvent('wishlist:updated', {
35959        detail: { productId: product.id, added: true }
35960      }));
35961      
35962      return true;
35963    }
35964    
35965    // Add a product to the default "All Favorites" category
35966    function addToWishlist(product) {
35967      return addToCategory(product, 'all-favorites');
35968    }
35969    
35970    // Remove a product from all categories
35971    function removeFromWishlist(productId) {
35972      const wishlist = getWishlist();
35973      let removed = false;
35974      
35975      wishlist.categories.forEach(category => {
35976        const initialLength = category.items.length;
35977        category.items = category.items.filter(item => item.id !== productId);
35978        if (category.items.length !== initialLength) {
35979          removed = true;
35980        }
35981      });
35982      
35983      if (removed) {
35984        saveWishlist(wishlist);
35985      }
35986      
35987      return removed;
35988    }
35989    
35990    // Toggle a product in the wishlist
35991    function toggleWishlistItem(product) {
35992      if (isInWishlist(product.id)) {
35993        // If already in wishlist, remove it
35994        const wasRemoved = removeFromWishlist(product.id);
35995        
35996        // Update heart icon if the product was successfully removed
35997        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
35998        if (heartIcon && wasRemoved) {
35999          heartIcon.setAttribute('fill', 'none');
36000          showWishlistToast(false, product.title);
36001          
36002          // Dispatch event for global sync
36003          document.dispatchEvent(new CustomEvent('wishlist:updated', {
36004            detail: { productId: product.id, added: false }
36005          }));
36006        }
36007        return wasRemoved;
36008      } else {
36009        // If not in wishlist, show category selection popup
36010        showCategorySelectionPopup(product);
36011        return false; // Don't return true unless we actually add the product
36012      }
36013    }
36014    
36015    // Show wishlist category selection popup
36016    function showCategorySelectionPopup(product) {
36017      // Remove any existing popup
36018      const existingPopup = document.getElementById('wishlist-category-popup');
36019      if (existingPopup) {
36020        existingPopup.remove();
36021      }
36022
36023      const lang = getWishlistLang();
36024      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
36025
36026      // Create popup container
36027      const popup = document.createElement('div');
36028      popup.id = 'wishlist-category-popup';
36029      popup.className = 'wishlist-category-popup';
36030
36031      // Create popup content
36032      const content = document.createElement('div');
36033      content.className = 'wishlist-category-popup-content';
36034
36035      // Create header
36036      const title = document.createElement('h2');
36037      title.textContent = translations.addToWishlist; // Translate
36038
36039      const closeButton = document.createElement('button');
36040      closeButton.className = 'wishlist-category-popup-close';
36041      closeButton.setAttribute('aria-label', 'Close');
36042      closeButton.addEventListener('click', () => {
36043        popup.remove();
36044      });
36045      
36046      // Create category list
36047      const categoryList = document.createElement('div');
36048      categoryList.className = 'wishlist-category-list';
36049      
36050      // Get categories
36051      const categories = getCategories();
36052      
36053      // Add category options
36054      categories.forEach(category => {
36055        const categoryOption = document.createElement('div');
36056        categoryOption.className = 'wishlist-category-option';
36057        
36058        // Use translation for default category name
36059        categoryOption.textContent = category.id === 'all-favorites'
36060          ? (translations.allFavorites || category.name)
36061          : category.name;
36062
36063        // Highlight if product already in this category
36064        if (category.items.some(item => item.id === product.id)) {
36065          categoryOption.style.backgroundColor = '#f0f0f0';
36066          categoryOption.style.color = '#999';
36067          categoryOption.style.fontStyle = 'italic';
36068          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
36069          categoryOption.style.cursor = 'default';
36070        } else {
36071          categoryOption.addEventListener('click', () => {
36072            const wasAdded = addToCategory(product, category.id);
36073            
36074            if (wasAdded) {
36075              // Update heart icon after successful addition
36076              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
36077              if (heartIcon) {
36078                heartIcon.setAttribute('fill', '#333333');
36079              }
36080              
36081              showWishlistToast(true, product.title);
36082              popup.remove();
36083            }
36084          });
36085        }
36086        
36087        categoryList.appendChild(categoryOption);
36088      });
36089      
36090      // Create "add new category" section
36091      const newCategorySection = document.createElement('div');
36092      newCategorySection.style.borderTop = '1px solid #eee';
36093      newCategorySection.style.paddingTop = '15px';
36094      newCategorySection.style.marginTop = '10px';
36095      
36096      const newCategoryLabel = document.createElement('label');
36097      newCategoryLabel.textContent = translations.createCategory; // Translate
36098
36099      const newCategoryInput = document.createElement('input');
36100      newCategoryInput.type = 'text';
36101      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
36102
36103      const createButton = document.createElement('button');
36104      createButton.className = 'create-category-button';
36105      createButton.textContent = translations.createAndAdd; // Translate
36106
36107      createButton.addEventListener('click', () => {
36108        const categoryName = newCategoryInput.value.trim();
36109        if (categoryName) {
36110          const categoryId = createCategory(categoryName);
36111          const wasAdded = addToCategory(product, categoryId);
36112          
36113          if (wasAdded) {
36114            // Update heart icon after successful addition
36115            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
36116            if (heartIcon) {
36117              heartIcon.setAttribute('fill', '#333333');
36118            }
36119            
36120            showWishlistToast(true, product.title);
36121            popup.remove();
36122          }
36123        }
36124      });
36125      
36126      newCategorySection.appendChild(newCategoryLabel);
36127      newCategorySection.appendChild(newCategoryInput);
36128      newCategorySection.appendChild(createButton);
36129      
36130      // Assemble popup
36131      content.appendChild(title);
36132      content.appendChild(closeButton);
36133      content.appendChild(categoryList);
36134      content.appendChild(newCategorySection);
36135      popup.appendChild(content);
36136      
36137      // Add to document
36138      document.body.appendChild(popup);
36139      
36140      // Focus the input
36141      setTimeout(() => {
36142        newCategoryInput.focus();
36143      }, 100);
36144      
36145      // Close when clicking outside content
36146      popup.addEventListener('click', (e) => {
36147        if (e.target === popup) {
36148          popup.remove();
36149        }
36150      });
36151    }
36152    
36153    // Show a toast notification
36154    function showWishlistToast(added, productTitle) {
36155      // Create or get toast container
36156      let toastContainer = document.getElementById('wishlist-toast');
36157      if (!toastContainer) {
36158        toastContainer = document.createElement('div');
36159        toastContainer.id = 'wishlist-toast';
36160        toastContainer.style.position = 'fixed';
36161        toastContainer.style.bottom = '20px';
36162        toastContainer.style.right = '20px';
36163        toastContainer.style.zIndex = '9999';
36164        document.body.appendChild(toastContainer);
36165      }
36166      
36167      // Create toast
36168      const toast = document.createElement('div');
36169      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
36170      toast.style.color = 'white';
36171      toast.style.padding = '12px 20px';
36172      toast.style.borderRadius = '0';
36173      toast.style.marginTop = '10px';
36174      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
36175      toast.style.transition = 'all 0.3s ease';
36176      toast.style.opacity = '0';
36177      toast.style.fontFamily = 'Montserrat, sans-serif';
36178      
36179      // Choose text based on action
36180      const lang = getWishlistLang();
36181      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
36182      toast.textContent = added
36183        ? `${productTitle} ${translations.addedToWishlist}` // Translate
36184        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
36185      
36186      // Add to container
36187      toastContainer.appendChild(toast);
36188      
36189      // Animate in
36190      setTimeout(() => {
36191        toast.style.opacity = '1';
36192      }, 10);
36193      
36194      // Animate out and remove
36195      setTimeout(() => {
36196        toast.style.opacity = '0';
36197        setTimeout(() => {
36198          toastContainer.removeChild(toast);
36199        }, 300);
36200      }, 3000);
36201    }
36202
36203    // Initialize wishlist buttons
36204    function initCardWishlistButtons() {
36205      const wishlistButtons = document.querySelectorAll('.card-wis
36205hlist-button');
36206      
36207      wishlistButtons.forEach(button => {
36208        // Skip if already initialized
36209        if (button.dataset.initializedWishlist === 'true') return;
36210        button.dataset.initializedWishlist = 'true';
36211        
36212        const productId = button.getAttribute('data-wishlist-product');
36213        if (!productId) return;
36214        
36215        // Get product details from the card
36216        const card = button.closest('.card-wrapper');
36217        const productDetails = {
36218          id: productId,
36219          title: card.querySelector('.card__heading')?.textContent.trim() || '',
36220          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
36221          price: card.querySelector('.price')?.textContent.trim() || '',
36222          image: card.querySelector('img')?.src || '',
36223          url: card.querySelector('a[href*="/products/"]')?.href || ''
36224        };
36225        
36226        // Set initial state using global function
36227        const heartIcon = button.querySelector('path');
36228        if (heartIcon) {
36229          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
36230            heartIcon.setAttribute('fill', '#333333');
36231          } else {
36232            heartIcon.setAttribute('fill', 'none');
36233          }
36234        }
36235        
36236        // Add click handler
36237        button.addEventListener('click', function(e) {
36238          e.preventDefault();
36239          e.stopPropagation();
36240          e.stopImmediatePropagation();
36241          toggleWishlistItem(productDetails);
36242        });
36243        
36244        // Prevent navigation on mousedown/touchstart
36245        button.addEventListener('mousedown', function(e) {
36246          e.preventDefault();
36247          e.stopPropagation();
36248        });
36249        
36250        button.addEventListener('touchstart', function(e) {
36251          e.preventDefault();
36252          e.stopPropagation();
36253        });
36254      });
36255    }
36256
36257    // Initialize the wishlist counter on page load
36258    const wishlist = getWishlist();
36259    const totalItems = wishlist.categories.reduce((total, category) => {
36260      return total + category.items.length;
36261    }, 0);
36262    updateWishlistCounters(totalItems);
36263
36264    // Initialize on DOM ready
36265    if (document.readyState === 'loading') {
36266      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
36267    } else {
36268      initCardWishlistButtons();
36269    }
36270
36271    // Reinitialize on Shopify section load
36272    document.addEventListener('shopify:section:load', function() {
36273      setTimeout(initCardWishlistButtons, 100);
36274    });
36275
36276    // Listen for wishlist updates from other parts of the site
36277    document.addEventListener('wishlist:updated', function() {
36278      setTimeout(initCardWishlistButtons, 100);
36279    });
36280  })();
36281</script>
36281
36282
36283<!-- Price info icon styles -->
36284<style>
36285  /* Price container with icon */
36286  .price-container-with-info {
36287    position: relative;
36288    display: flex;
36289    align-items: center;
36290    gap: 8px;
36291  }
36292
36293  /* Info icon - hidden by default, shown on card hover */
36294  .price-info-icon {
36295    position: relative;
36296    display: inline-flex;
36297    align-items: center;
36298    justify-content: center;
36299    color: #666;
36300    cursor: help;
36301    opacity: 0;
36302    transition: opacity 0.3s ease;
36303
36304    padding: 4px; /* Add padding to increase clickable area */
36305    min-width: 20px; /* Ensure minimum clickable area */
36306    min-height: 20px;
36307    z-index: 15; /* Above everything else including compare button */
36308    pointer-events: auto; /* Allow interaction */
36309  }
36310
36311  /* Show icon on card hover */
36312  .card-wrapper:hover .price-info-icon {
36313    opacity: 1;
36314  }
36315
36316  .price-info-icon svg {
36317    width: 14px;
36318    height: 14px;
36319    stroke-width: 1.5;
36320  }
36321
36322  /* Tooltip styles */
36323  .price-info-tooltip {
36324    position: absolute;
36325    bottom: calc(100% + 6px);
36326    top: auto;
36327    left: 0;
36328    transform: none;
36329    min-width: 310px;
36330    background: #FFFFFF;
36331    color: #232323;
36332    border: 1px solid #EEEEEE;
36333    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
36334    padding: 12px 16px;
36335    font-size: 13px;
36336    font-family: 'Montserrat', sans-serif;
36337    z-index: 10000;
36338    opacity: 0;
36339    transition: opacity 0.18s;
36340    white-space: pre-line;
36341    text-align: left;
36342    border-radius: 0;
36343    visibility: hidden;
36344    pointer-events: none;
36345  }
36346
36347  /* Show tooltip on icon hover */
36348  .price-info-icon:hover .price-info-tooltip {
36349    visibility: visible;
36350    opacity: 1;
36351  }
36352
36353  /* Ensure tooltip is never clipped */
36354  .price-container-with-info,
36355  .card-information,
36356  .card__content {
36357    overflow: visible !important;
36358  }
36359
36360  /* Mobile adjustments */
36361  @media screen and (max-width: 768px) {
36362    .price-info-tooltip {
36363      min-width: 200px;
36364      font-size: 12px;
36365      padding: 10px 12px;
36366    }
36367  }
36368</style>
36369
36370                </li>
36371                <li
36372                  class="grid__item"
36373                  
36374                >
36375                  
36376<div class="card-wrapper product-card-wrapper underline-links-hover">
36377
36378    <div
36379      class="
36380        card card--standard
36381         card--media
36382        
36383        
36384        
36385        
36386        
36387      "
36388      style="--ratio-percent: 100.0%;"
36389      data-product-id="9746962612522"
36390      data-description="LED-pollari ulkokäyttöön, sopii jalkakäytävien ja polkujen valaisuun."
36391      
36392      data-ip-rate="IP54"
36393      
36394      data-variant-id="52388029792554"
36395      data-price="188.00 EUR"
36396      data-compare-at-price=""
36397      data-available="true"
36398      data-barcode="8595685404400"
36399      data-ip-rate="IP54"
36400      data-lumens="477"
36401      data-power-source=""
36402      data-watt="7.0"
36403      data-kelvin="3000"
36404      data-light-color=""
36405      data-diameter="9.0"
36406      data-weight-netto="1380.0"
36407      data-weight-unit="g"
36408      data-mounting-hole-size=""
36409      data-recess-depth=""
36410      data-suspension-lenght=""
36411      data-turn-angle=""
36412      data-tilt-angle=""
36413      data-switch=""
36414      data-socket=""
36415      data-light-source-recomended=""
36416      data-height="45"
36417      data-length=""
36418      data-Length=""
36419    >
36420      <div
36421        class="card__inner color-scheme-2 gradient ratio"
36422        style="--ratio-percent: 100.0%;"
36423      >
36424        
36425
36426<div class="ip-rate-badge">
36427            <span>IP54</span>
36428          </div><div class="card__media">
36429            <a class="card__media-link-content" href="/products/sonet-450-bollard-lamp" aria-label="SONET 450">
36430              <div class="media media--transparent media--hover-effect">
36431              
36432              <img
36433                class="product-image motion-reduce"
36434                srcset="//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=165 165w,//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=360 360w,//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=533 533w,//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=720 720w,//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=940 940w,//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=1066 1066w,//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267 3162w
36435                "
36436                src="//rendl.fi/cdn/shop/files/r11171-1.jpg?v=1759108267&width=533"
36437                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
36438                alt="RENDL outdoor lamp SONET 450 bollard anthracite grey  230V LED 7W 55° IP54  3000K R11171 1"
36439                
36440                  loading="lazy"
36441                
36442                width="3162"
36443                height="3162"
36444              >
36445              
36446<img
36447                  class="product-image motion-reduce"
36448                  srcset="//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=165 165w,//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=360 360w,//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=533 533w,//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=720 720w,//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=940 940w,//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=1066 1066w,//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537 4899w
36449                  "
36450                  src="//rendl.fi/cdn/shop/files/r11171-2.jpg?v=1744159537&width=533"
36451                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
36452                  alt=""
36453                  loading="lazy"
36454                  width="4899"
36455                  height="4899"
36456                ></div>
36457            </a>
36458            
36459<div class="card-media-icons"><div class="energy-label-icon">
36460                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
36461                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
36462</div>
36463                  </div></div><div class="card-variant-swatches"><a
36464                    class="card-variant-swatch"
36465                    href="/products/sonet-450-bollard-lamp?variant=52388029792554"
36466                    
36467                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
36468                    
36469                    aria-label="tummanharmaa"
36470                  >
36471                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
36472          <div class="card__information">
36473            <h3
36474              class="card__heading"
36475              
36476            >
36477              <a
36478                href="/products/sonet-450-bollard-lamp"
36479                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746962612522"
36480                class="full-unstyled-link"
36481                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746962612522 NoMediaStandardBadge-template--28113427169578__product-grid-9746962612522"
36482              >
36483                SONET 450
36484              </a>
36485            </h3>
36486          </div>
36487          <div class="card__badge bottom left"></div>
36488        </div>
36489      </div>
36490      <div class="card__content">
36491        <div class="card__information">
36492          <h3
36493            class="card__heading h5"
36494            
36495              id="title-template--28113427169578__product-grid-9746962612522"
36496            
36497          >
36498            <a
36499              href="/products/sonet-450-bollard-lamp"
36500              id="CardLink-template--28113427169578__product-grid-9746962612522"
36501              class="full-unstyled-link"
36502              aria-labelledby="CardLink-template--28113427169578__product-grid-9746962612522 Badge-template--28113427169578__product-grid-9746962612522"
36503            >
36504              SONET 450
36505            </a>
36506          </h3><div class="card__description">
36507              LED-pollari ulkokäyttöön, sopii jalkakäytävien ja polkujen valaisuun.
36508            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
36509              
36510<div
36511    class="
36512      price "
36513  >
36514    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
36515          <span class="price-item price-item--regular">
36516            188.00 EUR
36517          </span></div>
36518      <div class="price__sale">
36519          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
36520          <span>
36521            <s class="price-item price-item--regular">
36522              
36523                
36524              
36525            </s>
36526          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
36527        <span class="price-item price-item--sale price-item--last">
36528          188.00 EUR
36529        </span>
36530      </div>
36531      <small class="unit-price caption hidden">
36532        <span class="visually-hidden">Yksikköhinta</span>
36533        <span class="price-item price-item--last">
36534          <span></span>
36535          <span aria-hidden="true">/</span>
36536          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
36537          <span>
36538          </span>
36539        </span>
36540      </small>
36541    </div></div>
36542
36543
36544</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
36545              <button class="compare-button-simple" 
36546                      data-product-id="9746962612522" 
36547                      data-product-title="SONET 450"
36548                      data-product-handle="sonet-450-bollard-lamp">
36549                              <span class="compare-button-content">
36550                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
36551                    <span class="compare-text" data-translate="compare">compare</span>
36552                  </span>
36553                <span class="compare-spinner-small">
36554                  <!-- Small spinner for button -->
36555                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
36556                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
36557                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
36558                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
36558inite"/>
36559                    </path>
36560                  </svg>
36561                </span>
36562              </button>
36563              
36564              <!-- Wishlist button next to compare button -->
36565              <button type="button" class="card-wishlist-button" data-wishlist-product="9746962612522">
36566                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
36567                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
36568                </svg>
36569              </button>
36570            </div></div>
36571        </div>
36572        
36573        
36574        
36575          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746962612522" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
36576                    type="hidden"
36577                    name="id"
36578                    value="52388029792554"
36579                    class="product-variant-id"
36580                    
36581                  >
36582                  <button
36583                    id="quick-add-template--28113427169578__product-grid9746962612522-submit"
36584                    type="submit"
36585                    name="add"
36586                    class="quick-add__submit button button--full-width button--secondary"
36587                    aria-haspopup="dialog"
36588                    aria-labelledby="quick-add-template--28113427169578__product-grid9746962612522-submit title-template--28113427169578__product-grid-9746962612522"
36589                    aria-live="polite"
36590                    data-sold-out-message="true"
36591                    
36592                  >
36593                    <span>Lisää ostoskoriin
36594</span>
36595                    <span class="sold-out-message hidden">
36596                      Matkalla
36597                    </span>
36598
36599<div class="loading__spinner hidden">
36600  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
36601
36602</div>
36603</button><input type="hidden" name="product-id" value="9746962612522" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
36604        
36605        <div class="card__badge bottom left"></div>
36606      </div>
36607    </div>
36608  </div>
36608<script>
36609  // Initialize global compare translations only once
36610  if (typeof window.compareButtonTranslations === 'undefined') {
36611    window.compareButtonTranslations = {
36612      compare: {
36613        en: 'compare',
36614        cs: 'porovnat',
36615        sk: 'porovnať',
36616        de: 'vergleichen',
36617        at: 'vergleichen',
36618        ch: 'vergleichen',
36619        fr: 'comparer',
36620        be: 'comparer',
36621        lu: 'comparer',
36622        it: 'confronta',
36623        es: 'comparar',
36624        nl: 'vergelijken',
36625        pl: 'porównaj',
36626        hu: 'összehasonlít',
36627        ro: 'compară',
36628        bg: 'сравни',
36629        hr: 'usporedi',
36630        fi: 'vertaile',
36631        gr: 'σύγκριση',
36632        el: 'σύγκριση',
36633        no: 'sammenlign',
36634        'pt-PT': 'comparar',
36635        sl: 'primerjaj',
36636        sv: 'jämför',
36637        lv: 'salīdzināt',
36638        lt: 'palyginti',
36639        ee: 'võrdle',
36640        dk: 'sammenlign',
36641        gb: 'compare',
36642        uk: 'compare',
36643        ie: 'compare',
36644        us: 'compare',
36645        ca: 'compare',
36646        au: 'compare',
36647        nz: 'compare',
36648        ru: 'сравнить'
36649      },
36650      remove: {
36651        en: 'remove',
36652        cs: 'odebrat',
36653        sk: 'odobrať',
36654        de: 'entfernen',
36655        at: 'entfernen',
36656        ch: 'entfernen',
36657        fr: 'supprimer',
36658        be: 'supprimer',
36659        lu: 'supprimer',
36660        it: 'rimuovi',
36661        es: 'eliminar',
36662        nl: 'verwijderen',
36663        pl: 'usuń',
36664        hu: 'eltávolít',
36665        ro: 'elimină',
36666        bg: 'премахни',
36667        hr: 'ukloni',
36668        fi: 'poista',
36669        gr: 'αφαίρεση',
36670        el: 'αφαίρεση',
36671        no: 'fjern',
36672        'pt-PT': 'remover',
36673        sl: 'odstrani',
36674        sv: 'ta bort',
36675        lv: 'noņemt',
36676        lt: 'pašalinti',
36677        ee: 'eemalda',
36678        dk: 'fjern',
36679        gb: 'remove',
36680        uk: 'remove',
36681        ie: 'remove',
36682        us: 'remove',
36683        ca: 'remove',
36684        au: 'remove',
36685        nz: 'remove',
36686        ru: 'удалить'
36687      },
36688      added: {
36689        en: 'Added!',
36690        cs: 'Přidáno!',
36691        sk: 'Pridané!',
36692        de: 'Hinzugefügt!',
36693        at: 'Hinzugefügt!',
36694        ch: 'Hinzugefügt!',
36695        fr: 'Ajouté!',
36696        be: 'Ajouté!',
36697        lu: 'Ajouté!',
36698        it: 'Aggiunto!',
36699        es: '¡Añadido!',
36700        nl: 'Toegevoegd!',
36701        pl: 'Dodano!',
36702        hu: 'Hozzáadva!',
36703        ro: 'Adăugat!',
36704        bg: 'Добавено!',
36705        hr: 'Dodano!',
36706        fi: 'Lisätty!',
36707        gr: 'Προστέθηκε!',
36708        el: 'Προστέθηκε!',
36709        no: 'Lagt til!',
36710        'pt-PT': 'Adicionado!',
36711        sl: 'Dodano!',
36712        sv: 'Tillagd!',
36713        lv: 'Pievienots!',
36714        lt: 'Pridėta!',
36715        ee: 'Lisatud!',
36716        dk: 'Tilføjet!',
36717        gb: 'Added!',
36718        uk: 'Added!',
36719        ie: 'Added!',
36720        us: 'Added!',
36721        ca: 'Added!',
36722        au: 'Added!',
36723        nz: 'Added!',
36724        ru: 'Добавлено!'
36725      },
36726      removed: {
36727        en: 'Removed!',
36728        cs: 'Odebráno!',
36729        sk: 'Odobrané!',
36730        de: 'Entfernt!',
36731        at: 'Entfernt!',
36732        ch: 'Entfernt!',
36733        fr: 'Supprimé!',
36734        be: 'Supprimé!',
36735        lu: 'Supprimé!',
36736        it: 'Rimosso!',
36737        es: '¡Eliminado!',
36738        nl: 'Verwijderd!',
36739        pl: 'Usunięto!',
36740        hu: 'Eltávolítva!',
36741        ro: 'Eliminat!',
36742        bg: 'Премахнато!',
36743        hr: 'Uklonjeno!',
36744        fi: 'Poistettu!',
36745        gr: 'Αφαιρέθηκε!',
36746        el: 'Αφαιρέθηκε!',
36747        no: 'Fjernet!',
36748        'pt-PT': 'Removido!',
36749        sl: 'Odstranjeno!',
36750        sv: 'Borttaget!',
36751        lv: 'Noņemts!',
36752        lt: 'Pašalinta!',
36753        ee: 'Eemaldatud!',
36754        dk: 'Fjernet!',
36755        gb: 'Removed!',
36756        uk: 'Removed!',
36757        ie: 'Removed!',
36758        us: 'Removed!',
36759        ca: 'Removed!',
36760        au: 'Removed!',
36761        nz: 'Removed!',
36762        ru: 'Удалено!'
36763      }
36764    };
36765
36766    // Tooltip translations for price info
36767    window.tooltipTranslations = {
36768      tooltipPrice: {
36769        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36770        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
36771        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
36772        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
36773        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
36774        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
36775        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
36776        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
36777        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
36778        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
36779        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
36780        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
36781        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
36782        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
36783        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
36784        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
36785        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
36786        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
36787        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
36788        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
36789        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
36790        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
36791        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
36792        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
36793        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
36793iks atskaitīts, ja piemērojams.",
36794        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
36795        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
36796        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
36797        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36798        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36799        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36800        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36801        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36802        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36803        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
36804        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
36805      },
36806      tooltipOutlet: {
36807        en: "We do not provide additional wholesale discounts on outlet products.",
36808        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
36809        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
36810        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
36811        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
36812        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
36813        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
36814        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
36815        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
36816        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
36817        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
36818        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
36819        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
36820        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
36821        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
36822        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
36823        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
36824        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
36825        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
36826        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
36827        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
36828        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
36829        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
36830        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
36831        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
36832        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
36833        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
36834        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
36835        gb: "We do not provide additional wholesale discounts on outlet products.",
36836        uk: "We do not provide additional wholesale discounts on outlet products.",
36837        ie: "We do not provide additional wholesale discounts on outlet products.",
36838        us: "We do not provide additional wholesale discounts on outlet products.",
36839        ca: "We do not provide additional wholesale discounts on outlet products.",
36840        au: "We do not provide additional wholesale discounts on outlet products.",
36841        nz: "We do not provide additional wholesale discounts on outlet products.",
36842        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
36843      }
36844    };
36845
36846    // Get current locale from document
36847    window.currentLocale = document.documentElement.lang || 'en';
36848
36849    // Function to translate compare buttons
36850    window.translateCompareButtons = function() {
36851      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
36852      compareTexts.forEach(function(textEl) {
36853        const button = textEl.closest('.compare-button-simple');
36854        const isInComparison = button && button.hasAttribute('data-in-comparison');
36855        
36856        if (isInComparison) {
36857          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
36858          textEl.textContent = translation;
36859        } else {
36860          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
36861          textEl.textContent = translation;
36862        }
36863      });
36864    };
36865
36866    // Function to format price with space as thousands separator (only for tooltip)
36867    function formatTooltipPrice(price) {
36868      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
36869      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
36870    }
36871
36872    // Function to translate tooltips with price
36873    window.translateTooltips = function() {
36874      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
36875      tooltips.forEach(function(tooltip) {
36876        const icon = tooltip.closest('.price-info-icon');
36877        if (icon) {
36878          const status = icon.getAttribute('data-status');
36879          // Check if this is an outlet product
36880          if (status === 'outlet') {
36881            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
36882            tooltip.textContent = translation;
36883            return; // Exit early for outlet products
36884          }
36885          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
36886          // Get wholesale price from the actual price display on the card
36887          const card = icon.closest('[data-product-id]');
36888          let wholesalePrice = '';
36889          if (card) {
36890            // Find the main price element on the card
36891            const priceElement = card.querySelector('.price .price-item--regular');
36892            if (priceElement) {
36893              wholesalePrice = priceElement.textContent.trim();
36894            }
36895          }
36896          if (retailPrice && wholesalePrice) {
36897            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
36898            let formattedRetailPrice = formatTooltipPrice(retailPrice);
36899            let formattedWholesalePrice = wholesalePrice;
36900            if (window.formatPriceText) {
36901              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
36902            }
36903            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
36904            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
36905            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
36906            tooltip.textContent = translatedText;
36907          }
36908        }
36909      });
36910    };
36911
36912    // Function to update button state based on comparison status
36913    window.updateCompareButtonState = function(productId, isInComparison) {
36914      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
36915      buttons.forEach(function(button) {
36916        const buttonContainer = button.closest('.compare-button-container');
36917        const compareText = button.querySelector('.compare-text');
36918        
36919        if (isInComparison) {
36920          button.setAttribute('data-in-comparison', 'true');
36921          button.classList.add('in-comparison');
36922          buttonContainer.classList.add('in-comparison');
36923          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
36924          compareText.textContent = removeText;
36925        } else {
36926          button.removeAttribute('data-in-comparison');
36927          button.classList.remove('in-comparison');
36928          buttonContainer.classList.remove('in-comparison');
36929          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
36930          compareText.textContent = compareTextTranslation;
36931        }
36932      });
36933    };
36934  }
36935
36936  // Initialize compare button states based on localStorage
36937  window.initializeCompareButtonStates = function() {
36938    if (typeof window.RendlCompare !== 'undefined') {
36939      const compareItems = window.RendlCompare.getItems();
36940      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
36941        const productId = button.getAttribute('data-product-id');
36942        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
36943        window.updateCompareButtonState(productId, isInComparison);
36944      });
36945    }
36946  };
36947
36948  // Compare button UI animation - the actual functionality is handled by compare-system.js
36949  document.addEventListener('DOMContentLoaded', function() {
36950    // Apply translations on page load
36951    if (window.translateCompareButtons) {
36952      window.translateCompareButtons();
36953    }
36954    
36955    // Initialize button states based on comparison data
36956    setTimeout(function() {
36957      if (window.initializeCompareButtonStates) {
36958        window.initializeCompareButtonStates();
36959      }
36960    }, 100); // Small delay to ensure compare system is loaded
36961    
36962    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
36963      // Skip if already has event listener
36964      if (button.hasAttribute('data-compare-initialized')) {
36965        return;
36966      }
36967      button.setAttribute('data-compare-initialized', 'true');
36968      
36969      button.addEventListener('click', function(e) {
36970        var buttonContainer = button.closest('.compare-button-container');
36971        var compareText = button.querySelector('.compare-text');
36972        var isInComparison = button.hasAttribute('data-in-comparison');
36973        var productId = button.getAttribute('data-product-id');
36974        
36975        // Prevent multiple clicks during loading
36976        if (button.classList.contains('loading')) {
36977          return;
36978        }
36979        
36980        // Make button always visible during the process
36981        buttonContainer.classList.add('active');
36982        
36983        // Add loading class to show spinner
36984        button.classList.add('loading');
36985        
36986        // UI feedback timing
36987        setTimeout(function() {
36988          // Remove loading class and show success message
36989          button.classList.remove('loading');
36990          button.classList.add('success');
36991          
36992          if (isInComparison) {
36993            // Removing from comparison
36994            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
36995            
36996            // Update button state after removal
36997            setTimeout(function() {
36998              button.classList.remove('success');
36999              window.updateCompareButtonState(productId, false);
37000              buttonContainer.classList.remove('active');
37001            }, 1500);
37002          } else {
37003            // Adding to comparison
37004            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
37005            
37006            // Update button state after addition
37007            setTimeout(function() {
37008              button.classList.remove('success');
37009              window.updateCompareButtonState(productId, true);
37010              buttonContainer.classList.remove('active');
37011            }, 1500);
37012          }
37013        }, 1200);
37014      });
37015    });
37016
37017    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
37018    setTimeout(function() {
37019      if (window.translateTooltips) {
37020        window.translateTooltips();
37021      }
37022    }, 100);
37023  });
37024
37025  // Ensure compare button states are initialized after RendlCompare is available
37026  document.addEventListener('DOMContentLoaded', function() {
37027    function tryInitCompareButtons() {
37028      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
37029        window.initializeCompareButtonStates();
37030      } else {
37031        setTimeout(tryInitCompareButtons, 100);
37032      }
37033    }
37034    tryInitCompareButtons();
37035  });
37036
37037  // Self-contained wishlist functionality for card-product
37038  (function() {
37039    // Wishlist translations
37040    var wishlistTranslations = {
37041      'en': {
37042        addToWishlist: 'Add to My Favorites',
37043        createCategory: 'Create new category:',
37044        categoryPlaceholder: 'Category name',
37045        createAndAdd: 'Create & Add Item',
37046        alreadyAdded: '(Already added)',
37047        addedToWishlist: 'added to My Favorites',
37048        removedFromWishlist: 'removed from My Favorites',
37049        allFavorites: 'All Favorites'
37050      },
37051      'cs': {
37052        addToWishlist: 'Přidat do oblíbených',
37053        createCategory: 'Vytvořit novou skupinu:',
37054        categoryPlaceholder: 'Název nové skupiny',
37055        createAndAdd: 'Vytvořit a přidat skupinu',
37056        alreadyAdded: '(Již přidáno)',
37057        addedToWishlist: 'přidáno do oblíbených',
37058        removedFromWishlist: 'odebráno z oblíbených',
37059        allFavorites: 'Všechny oblíbené'
37060      },
37061      'sk': {
37062        addToWishlist: 'Pridať do obľúbených',
37063        createCategory: 'Vytvoriť novú kategóriu:',
37064        categoryPlaceholder: 'Názov kategórie',
37065        createAndAdd: 'Vytvoriť a pridať položku',
37066        alreadyAdded: '(Už pridané)',
37067        addedToWishlist: 'pridané do obľúbených',
37068        removedFromWishlist: 'odstránené z obľúbených',
37069        allFavorites: 'Všetky obľúbené'
37070      },
37071      'de': {
37072        addToWishlist: 'Zu meinen Favoriten hinzufügen',
37073        createCategory: 'Neue Kategorie erstellen:',
37074        categoryPlaceholder: 'Kategoriename',
37075        createAndAdd: 'Erstellen & hinzufügen',
37076        alreadyAdded: '(Bereits hinzugefügt)',
37077        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
37078        removedFromWishlist: 'aus meinen Favoriten entfernt',
37079        allFavorites: 'Alle Favoriten'
37080      },
37081      'fr': {
37082        addToWishlist: 'Ajouter à mes favoris',
37083        createCategory: 'Créer une nouvelle catégorie :',
37084        categoryPlaceholder: 'Nom de la catégorie',
37085        createAndAdd: 'Créer et ajouter',
37086        alreadyAdded: '(Déjà ajouté)',
37087        addedToWishlist: 'ajouté à mes favoris',
37088        removedFromWishlist: 'retiré de mes favoris',
37089        allFavorites: 'Tous les favoris'
37090      },
37091      'it': {
37092        addToWishlist: 'Aggiungi ai preferiti',
37093        createCategory: 'Crea nuova categoria:',
37094        categoryPlaceholder: 'Nome categoria',
37095        createAndAdd: 'Crea e aggiungi',
37096        alreadyAdded: '(Già aggiunto)',
37097        addedToWishlist: 'aggiunto ai preferiti',
37098        removedFromWishlist: 'rimosso dai preferiti',
37099        allFavorites: 'Tutti i preferiti'
37100      },
37101      'es': {
37102        addToWishlist: 'Añadir a mis favoritos',
37103        createCategory: 'Crear nueva categoría:',
37104        categoryPlaceholder: 'Nombre de la categoría',
37105        createAndAdd: 'Crear y añadir',
37106        alreadyAdded: '(Ya añadido)',
37107        addedToWishlist: 'añadido a mis favoritos',
37108        removedFromWishlist: 'eliminado de mis favoritos',
37109        allFavorites: 'Todos los favoritos'
37110      },
37111      'nl': {
37112        addToWishlist: 'Toevoegen aan mijn favorieten',
37113        createCategory: 'Nieuwe categorie aanmaken:',
37114        categoryPlaceholder: 'Categorienaam',
37115        createAndAdd: 'Aanmaken & toevoegen',
37116        alreadyAdded: '(Al toegevoegd)',
37117        addedToWishlist: 'toegevoegd aan mijn favorieten',
37118        removedFromWishlist: 'verwijderd uit mijn favorieten',
37119        allFavorites: 'Alle favorieten'
37120      },
37121      'pl': {
37122        addToWishlist: 'Dodaj do ulubionych',
37123        createCategory: 'Utwórz nową kategorię:',
37124        categoryPlaceholder: 'Nazwa kategorii',
37125        createAndAdd: 'Utwórz i dodaj',
37126        alreadyAdded: '(Już dodane)',
37127        addedToWishlist: 'dodano do ulubionych',
37128        removedFromWishlist: 'usunięto z ulubionych',
37129        allFavorites: 'Wszystkie ulubione'
37130      },
37131      'hu': {
37132        addToWishlist: 'Hozzáadás a kedvencekhez',
37133        createCategory: 'Új kategória létrehozása:',
37134        categoryPlaceholder: 'Kategória neve',
37135        createAndAdd: 'Létrehozás és hozzáadás',
37136        alreadyAdded: '(Már hozzáadva)',
37137        addedToWishlist: 'hozzáadva a kedvencekhez',
37138        removedFromWishlist: 'eltávolítva a kedvencekből',
37139        allFavorites: 'Minden kedvenc'
37140      },
37141      'ro': {
37142        addToWishlist: 'Adaugă la favorite',
37143        createCategory: 'Creează o nouă categorie:',
37144        categoryPlaceholder: 'Nume categorie',
37145        createAndAdd: 'Creează și adaugă',
37146        alreadyAdded: '(Deja adăugat)',
37147        addedToWishlist: 'adăugat la favorite',
37148        removedFromWishlist: 'eliminat din favorite',
37149        allFavorites: 'Toate preferințele'
37150      },
37151      'bg': {
37152        addToWishlist: 'Добави в любими',
37153        createCategory: 'Създай нова категория:',
37154        categoryPlaceholder: 'Име на категория',
37155        createAndAdd: 'Създай и добави',
37156        alreadyAdded: '(Вече добавено)',
37157        addedToWishlist: 'добавено в любими',
37158        removedFromWishlist: 'премахнато от любими',
37159        allFavorites: 'Всички любими'
37160      },
37161      'hr': {
37162        addToWishlist: 'Dodaj u favorite',
37163        createCategory: 'Kreiraj novu kategoriju:',
37164        categoryPlaceholder: 'Naziv kategorije',
37165        createAndAdd: 'Kreiraj i dodaj',
37166        alreadyAdded: '(Već dodano)',
37167        addedToWishlist: 'dodano u favorite',
37168        removedFromWishlist: 'uklonjeno iz favorita',
37169        allFavorites: 'Sva omiljena'
37170      },
37171      'fi': {
37172        addToWishlist: 'Lisää suosikkeihin',
37173        createCategory: 'Luo uusi kategoria:',
37174        categoryPlaceholder: 'Kategorian nimi',
37175        createAndAdd: 'Luo ja lisää',
37176        alreadyAdded: '(Jo lisätty)',
37177        addedToWishlist: 'lisätty suosikkeihin',
37178        removedFromWishlist: 'poistettu suosikeista',
37179        allFavorites: 'Kaikki suosikit'
37180      },
37181      'gr': {
37182        addToWishlist: 'Προσθήκη στα αγαπημένα',
37183        createCategory: 'Δημιουργία νέας κατηγορίας:',
37184        categoryPlaceholder: 'Όνομα κατηγορίας',
37185        createAndAdd: 'Δημιουργία & προσθήκη',
37186        alreadyAdded: '(Ήδη προστέθηκε)',
37187        addedToWishlist: 'προστέθηκε στα αγαπημένα',
37188        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
37189        allFavorites: 'Όλα τα αγαπημένα'
37190      },
37191      'no': {
37192        addToWishlist: 'Legg til i favoritter',
37193        createCategory: 'Opprett ny kategori:',
37194        categoryPlaceholder: 'Kategorinavn',
37195        createAndAdd: 'Opprett og legg til',
37196        alreadyAdded: '(Allerede lagt til)',
37197        addedToWishlist: 'lagt til i favoritter',
37198        removedFromWishlist: 'fjernet fra favoritter',
37199        allFavorites: 'Alle favoritter'
37200      },
37201      'pt-PT': {
37202        addToWishlist: 'Adicionar aos favoritos',
37203        createCategory: 'Criar nova categoria:',
37204        categoryPlaceholder: 'Nome da categoria',
37205        createAndAdd: 'Criar e adicionar',
37206        alreadyAdded: '(Já adicionado)',
37207        addedToWishlist: 'adicionado aos favoritos',
37208        removedFromWishlist: 'removido dos favoritos',
37209        allFavorites: 'Todos os favoritos'
37210      },
37211      'sl': {
37212        addToWishlist: 'Dodaj med priljubljene',
37213        createCategory: 'Ustvari novo kategorijo:',
37214        categoryPlaceholder: 'Ime kategorije',
37215        createAndAdd: 'Ustvari in dodaj',
37216        alreadyAdded: '(Že dodano)',
37217        addedToWishlist: 'dodano med priljubljene',
37218        removedFromWishlist: 'odstranjeno iz priljubljenih',
37219        allFavorites: 'Vsi priljubljeni'
37220      },
37221      'sv': {
37222        addToWishlist: 'Lägg till i favoriter',
37223        createCategory: 'Skapa ny kategori:',
37224        categoryPlaceholder: 'Kategorinamn',
37225        createAndAdd: 'Skapa och lägg till',
37226        alreadyAdded: '(Redan tillagd)',
37227        addedToWishlist: 'tillagd i favoriter',
37228        removedFromWishlist: 'borttagen från favoriter',
37229        allFavorites: 'Alla favoriter'
37230      },
37231      'lv': {
37232        addToWishlist: 'Pievienot favorītiem',
37233        createCategory: 'Izveidot jaunu kategoriju:',
37234        categoryPlaceholder: 'Kategorijas nosaukums',
37235        createAndAdd: 'Izveidot un pievienot',
37236        alreadyAdded: '(Jau pievienots)',
37237        addedToWishlist: 'pievienots favorītiem',
37238        removedFromWishlist: 'noņemts no favorītiem',
37239        allFavorites: 'Visas favorītus'
37240      },
37241      'lt': {
37242        addToWishlist: 'Pridėti į mėgstamiausius',
37243        createCategory: 'Sukurti naują kategoriją:',
37244        categoryPlaceholder: 'Kategorijos pavadinimas',
37245        createAndAdd: 'Sukurti ir pridėti',
37246        alreadyAdded: '(Jau pridėta)',
37247        addedToWishlist: 'pridėta į mėgstamiausius',
37248        removedFromWishlist: 'pašalinta iš mėgstamiausių',
37249        allFavorites: 'Visos mėgstamiausios'
37250      },
37251      'ee': {
37252        addToWishlist: 'Lisa lemmikutesse',
37253        createCategory: 'Loo uus kategooria:',
37254        categoryPlaceholder: 'Kategooria nimi',
37255        createAndAdd: 'Loo ja lisa',
37256        alreadyAdded: '(Juba lisatud)',
37257        addedToWishlist: 'lisatud lemmikutesse',
37258        removedFromWishlist: 'eemaldatud lemmikutest',
37259        allFavorites: 'Kõik lemmikud'
37260      },
37261      'dk': {
37262        addToWishlist: 'Tilføj til favoritter',
37263        createCategory: 'Opret ny kategori:',
37264        categoryPlaceholder: 'Kategorinavn',
37265        createAndAdd: 'Opret og tilføj',
37266        alreadyAdded: '(Allerede tilføjet)',
37267        addedToWishlist: 'tilføjet til favoritter',
37268        removedFromWishlist: 'fjernet fra favoritter',
37269        allFavorites: 'Alle favoritter'
37270      }
37271    };
37272
37273    function getWishlistLang() {
37274      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
37275      // Normalize for region codes (e.g., pt-PT, sl)
37276      if (lang.startsWith('pt-PT')) return 'pt-PT';
37277      if (lang.startsWith('sl')) return 'sl';
37278      if (lang.startsWith('cs')) return 'cs';
37279      if (lang.startsWith('sk')) return 'sk';
37280      if (lang.startsWith('de')) return 'de';
37281      if (lang.startsWith('fr')) return 'fr';
37282      if (lang.startsWith('it')) return 'it';
37283      if (lang.startsWith('es')) return 'es';
37284      if (lang.startsWith('nl')) return 'nl';
37285      if (lang.startsWith('pl')) return 'pl';
37286      if (lang.startsWith('hu')) return 'hu';
37287      if (lang.startsWith('ro')) return 'ro';
37288      if (lang.startsWith('bg')) return 'bg';
37289      if (lang.startsWith('hr')) return 'hr';
37290      if (lang.startsWith('fi')) return 'fi';
37291      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
37292      if (lang.startsWith('no')) return 'no';
37293      if (lang.startsWith('sv')) return 'sv';
37294      if (lang.startsWith('lv')) return 'lv';
37295      if (lang.startsWith('lt')) return 'lt';
37296      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
37297      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
37298      return 'en';
37299    }
37300
37301    // Get or initialize the wishlist array in localStorage
37302    function getWishlist() {
37303      const wishlistJSON = localStorage.getItem('rendl_wishlist');
37304      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
37305        categories: [
37306          {
37307            id: 'all-favorites',
37308            name: 'All Favorites',
37309            items: []
37310          }
37311        ],
37312        version: 2
37313      };
37314      
37315      // Handle migration from old format (array of items) to new format (categories)
37316      if (Array.isArray(wishlist)) {
37317        return {
37318          categories: [
37319            {
37320              id: 'all-favorites',
37321              name: 'All Favorites',
37322              items: wishlist
37323            }
37324          ],
37325          version: 2
37326        };
37327      }
37328      
37329      return wishlist;
37330    }
37331    
37332    // Save wishlist to localStorage
37333    function saveWishlist(wishlist) {
37334      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
37335      // Dispatch an event so other parts of the site can react to wishlist changes
37336      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
37337        detail: { wishlist: wishlist } 
37338      }));
37339      
37340      // Count total items across all categories
37341      const totalItems = wishlist.categories.reduce((total, category) => {
37342        return total + category.items.length;
37343      }, 0);
37344      
37345      // Update all wishlist counters
37346      updateWishlistCounters(totalItems);
37347    }
37348    
37349    // Update all wishlist counters on the page
37350    function updateWishlistCounters(count) {
37351      const counters = document.querySelectorAll('.wishlist-count');
37352      counters.forEach(counter => {
37353        counter.textContent = count;
37354        
37355        // If the counter is hidden and count > 0, show it
37356        if (count > 0 && counter.hasAttribute('hidden')) {
37357          counter.removeAttribute('hidden');
37358        }
37359        // If the counter is visible and count = 0, hide it
37360        else if (count === 0 && !counter.hasAttribute('hidden')) {
37361          counter.setAttribute('hidden', 'true');
37362        }
37363      });
37364    }
37365    
37366    // Check if a product is in the wishlist (in any category)
37367    function isInWishlist(productId) {
37368      const wishlist = getWishlist();
37369      return wishlist.categories.some(category => 
37370        category.items.some(item => item.id === productId)
37371      );
37372    }
37373    
37374    // Get all categories
37375    function getCategories() {
37376      return getWishlist().categories;
37377    }
37378    
37379    // Create a new category
37380    function createCategory(name) {
37381      const wishlist = getWishlist();
37382      const categoryId = 'category-' + Date.now();
37383      
37384      wishlist.categories.push({
37385        id: categoryId,
37386        name: name,
37387        items: []
37388      });
37389      
37390      saveWishlist(wishlist);
37391      return categoryId;
37392    }
37393    
37394    // Add a product to a specific category
37395    function addToCategory(product, categoryId) {
37396      const wishlist = getWishlist();
37397      const category = wishlist.categories.find(cat => cat.id === categoryId);
37398      
37399      if (!category) return false;
37400      
37401      // Check if product already exists in ANY category (not just this one)
37402      if (isInWishlist(product.id)) {
37403        return false; // Product already in wishlist
37404      }
37405      
37406      // Add product to category
37407      category.items.push(product);
37408      saveWishlist(wishlist);
37409      
37410      // Dispatch event for global sync
37411      document.dispatchEvent(new CustomEvent('wishlist:updated', {
37412        detail: { productId: product.id, added: true }
37413      }));
37414      
37415      return true;
37416    }
37417    
37418    // Add a product to the default "All Favorites" category
37419    function addToWishlist(product) {
37420      return addToCategory(product, 'all-favorites');
37421    }
37422    
37423    // Remove a product from all categories
37424    function removeFromWishlist(productId) {
37425      const wishlist = getWishlist();
37426      let removed = false;
37427      
37428      wishlist.categories.forEach(category => {
37429        const initialLength = category.items.length;
37430        category.items = category.items.filter(item => item.id !== productId);
37431        if (category.items.length !== initialLength) {
37432          removed = true;
37433        }
37434      });
37435      
37436      if (removed) {
37437        saveWishlist(wishlist);
37438      }
37439      
37440      return removed;
37441    }
37442    
37443    // Toggle a product in the wishlist
37444    function toggleWishlistItem(product) {
37445      if (isInWishlist(product.id)) {
37446        // If already in wishlist, remove it
37447        const wasRemoved = removeFromWishlist(product.id);
37448        
37449        // Update heart icon if the product was successfully removed
37450        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
37451        if (heartIcon && wasRemoved) {
37452          heartIcon.setAttribute('fill', 'none');
37453          showWishlistToast(false, product.title);
37454          
37455          // Dispatch event for global sync
37456          document.dispatchEvent(new CustomEvent('wishlist:updated', {
37457            detail: { productId: product.id, added: false }
37458          }));
37459        }
37460        return wasRemoved;
37461      } else {
37462        // If not in wishlist, show category selection popup
37463        showCategorySelectionPopup(product);
37464        return false; // Don't return true unless we actually add the product
37465      }
37466    }
37467    
37468    // Show wishlist category selection popup
37469    function showCategorySelectionPopup(product) {
37470      // Remove any existing popup
37471      const existingPopup = document.getElementById('wishlist-category-popup');
37472      if (existingPopup) {
37473        existingPopup.remove();
37474      }
37475
37476      const lang = getWishlistLang();
37477      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
37478
37479      // Create popup container
37480      const popup = document.createElement('div');
37481      popup.id = 'wishlist-category-popup';
37482      popup.className = 'wishlist-category-popup';
37483
37484      // Create popup content
37485      const content = document.createElement('div');
37486      content.className = 'wishlist-category-popup-content';
37487
37488      // Create header
37489      const title = document.createElement('h2');
37490      title.textContent = translations.addToWishlist; // Translate
37491
37492      const closeButton = document.createElement('button');
37493      closeButton.className = 'wishlist-category-popup-close';
37494      closeButton.setAttribute('aria-label', 'Close');
37495      closeButton.addEventListener('click', () => {
37496        popup.remove();
37497      });
37498      
37499      // Create category list
37500      const categoryList = document.createElement('div');
37501      categoryList.className = 'wishlist-category-list';
37502      
37503      // Get categories
37504      const categories = getCategories();
37505      
37506      // Add category options
37507      categories.forEach(category => {
37508        const categoryOption = document.createElement('div');
37509        categoryOption.className = 'wishlist-category-option';
37510        
37511        // Use translation for default category name
37512        categoryOption.textContent = category.id === 'all-favorites'
37513          ? (translations.allFavorites || category.name)
37514          : category.name;
37515
37516        // Highlight if product already in this category
37517        if (category.items.some(item => item.id === product.id)) {
37518          categoryOption.style.backgroundColor = '#f0f0f0';
37519          categoryOption.style.color = '#999';
37520          categoryOption.style.fontStyle = 'italic';
37521          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
37522          categoryOption.style.cursor = 'default';
37523        } else {
37524          categoryOption.addEventListener('click', () => {
37525            const wasAdded = addToCategory(product, category.id);
37526            
37527            if (wasAdded) {
37528              // Update heart icon after successful addition
37529              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
37530              if (heartIcon) {
37531                heartIcon.setAttribute('fill', '#333333');
37532              }
37533              
37534              showWishlistToast(true, product.title);
37535              popup.remove();
37536            }
37537          });
37538        }
37539        
37540        categoryList.appendChild(categoryOption);
37541      });
37542      
37543      // Create "add new category" section
37544      const newCategorySection = document.createElement('div');
37545      newCategorySection.style.borderTop = '1px solid #eee';
37546      newCategorySection.style.paddingTop = '15px';
37547      newCategorySection.style.marginTop = '10px';
37548      
37549      const newCategoryLabel = document.createElement('label');
37550      newCategoryLabel.textContent = translations.createCategory; // Translate
37551
37552      const newCategoryInput = document.createElement('input');
37553      newCategoryInput.type = 'text';
37554      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
37555
37556      const createButton = document.createElement('button');
37557      createButton.className = 'create-category-button';
37558      createButton.textContent = translations.createAndAdd; // Translate
37559
37560      createButton.addEventListener('click', () => {
37561        const categoryName = newCategoryInput.value.trim();
37562        if (categoryName) {
37563          const categoryId = createCategory(categoryName);
37564          const wasAdded = addToCategory(product, categoryId);
37565          
37566          if (wasAdded) {
37567            // Update heart icon after successful addition
37568            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
37569            if (heartIcon) {
37570              heartIcon.setAttribute('fill', '#333333');
37571            }
37572            
37573            showWishlistToast(true, product.title);
37574            popup.remove();
37575          }
37576        }
37577      });
37578      
37579      newCategorySection.appendChild(newCategoryLabel);
37580      newCategorySection.appendChild(newCategoryInput);
37581      newCategorySection.appendChild(createButton);
37582      
37583      // Assemble popup
37584      content.appendChild(title);
37585      content.appendChild(closeButton);
37586      content.appendChild(categoryList);
37587      content.appendChild(newCategorySection);
37588      popup.appendChild(content);
37589      
37590      // Add to document
37591      document.body.appendChild(popup);
37592      
37593      // Focus the input
37594      setTimeout(() => {
37595        newCategoryInput.focus();
37596      }, 100);
37597      
37598      // Close when clicking outside content
37599      popup.addEventListener('click', (e) => {
37600        if (e.target === popup) {
37601          popup.remove();
37602        }
37603      });
37604    }
37605    
37606    // Show a toast notification
37607    function showWishlistToast(added, productTitle) {
37608      // Create or get toast container
37609      let toastContainer = document.getElementById('wishlist-toast');
37610      if (!toastContainer) {
37611        toastContainer = document.createElement('div');
37612        toastContainer.id = 'wishlist-toast';
37613        toastContainer.style.position = 'fixed';
37614        toastContainer.style.bottom = '20px';
37615        toastContainer.style.right = '20px';
37616        toastContainer.style.zIndex = '9999';
37617        document.body.appendChild(toastContainer);
37618      }
37619      
37620      // Create toast
37621      const toast = document.createElement('div');
37622      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
37623      toast.style.color = 'white';
37624      toast.style.padding = '12px 20px';
37625      toast.style.borderRadius = '0';
37626      toast.style.marginTop = '10px';
37627      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
37628      toast.style.transition = 'all 0.3s ease';
37629      toast.style.opacity = '0';
37630      toast.style.fontFamily = 'Montserrat, sans-serif';
37631      
37632      // Choose text based on action
37633      const lang = getWishlistLang();
37634      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
37635      toast.textContent = added
37636        ? `${productTitle} ${translations.addedToWishlist}` // Translate
37637        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
37638      
37639      // Add to container
37640      toastContainer.appendChild(toast);
37641      
37642      // Animate in
37643      setTimeout(() => {
37644        toast.style.opacity = '1';
37645      }, 10);
37646      
37647      // Animate out and remove
37648      setTimeout(() => {
37649        toast.style.opacity = '0';
37650        setTimeout(() => {
37651          toastContainer.removeChild(toast);
37652        }, 300);
37653      }, 3000);
37654    }
37655
37656    // Initialize wishlist buttons
37657    function initCardWishlistButtons() {
37658      const wishlistButtons = document.querySelectorAll('.card-wis
37658hlist-button');
37659      
37660      wishlistButtons.forEach(button => {
37661        // Skip if already initialized
37662        if (button.dataset.initializedWishlist === 'true') return;
37663        button.dataset.initializedWishlist = 'true';
37664        
37665        const productId = button.getAttribute('data-wishlist-product');
37666        if (!productId) return;
37667        
37668        // Get product details from the card
37669        const card = button.closest('.card-wrapper');
37670        const productDetails = {
37671          id: productId,
37672          title: card.querySelector('.card__heading')?.textContent.trim() || '',
37673          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
37674          price: card.querySelector('.price')?.textContent.trim() || '',
37675          image: card.querySelector('img')?.src || '',
37676          url: card.querySelector('a[href*="/products/"]')?.href || ''
37677        };
37678        
37679        // Set initial state using global function
37680        const heartIcon = button.querySelector('path');
37681        if (heartIcon) {
37682          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
37683            heartIcon.setAttribute('fill', '#333333');
37684          } else {
37685            heartIcon.setAttribute('fill', 'none');
37686          }
37687        }
37688        
37689        // Add click handler
37690        button.addEventListener('click', function(e) {
37691          e.preventDefault();
37692          e.stopPropagation();
37693          e.stopImmediatePropagation();
37694          toggleWishlistItem(productDetails);
37695        });
37696        
37697        // Prevent navigation on mousedown/touchstart
37698        button.addEventListener('mousedown', function(e) {
37699          e.preventDefault();
37700          e.stopPropagation();
37701        });
37702        
37703        button.addEventListener('touchstart', function(e) {
37704          e.preventDefault();
37705          e.stopPropagation();
37706        });
37707      });
37708    }
37709
37710    // Initialize the wishlist counter on page load
37711    const wishlist = getWishlist();
37712    const totalItems = wishlist.categories.reduce((total, category) => {
37713      return total + category.items.length;
37714    }, 0);
37715    updateWishlistCounters(totalItems);
37716
37717    // Initialize on DOM ready
37718    if (document.readyState === 'loading') {
37719      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
37720    } else {
37721      initCardWishlistButtons();
37722    }
37723
37724    // Reinitialize on Shopify section load
37725    document.addEventListener('shopify:section:load', function() {
37726      setTimeout(initCardWishlistButtons, 100);
37727    });
37728
37729    // Listen for wishlist updates from other parts of the site
37730    document.addEventListener('wishlist:updated', function() {
37731      setTimeout(initCardWishlistButtons, 100);
37732    });
37733  })();
37734</script>
37734
37735
37736<!-- Price info icon styles -->
37737<style>
37738  /* Price container with icon */
37739  .price-container-with-info {
37740    position: relative;
37741    display: flex;
37742    align-items: center;
37743    gap: 8px;
37744  }
37745
37746  /* Info icon - hidden by default, shown on card hover */
37747  .price-info-icon {
37748    position: relative;
37749    display: inline-flex;
37750    align-items: center;
37751    justify-content: center;
37752    color: #666;
37753    cursor: help;
37754    opacity: 0;
37755    transition: opacity 0.3s ease;
37756
37757    padding: 4px; /* Add padding to increase clickable area */
37758    min-width: 20px; /* Ensure minimum clickable area */
37759    min-height: 20px;
37760    z-index: 15; /* Above everything else including compare button */
37761    pointer-events: auto; /* Allow interaction */
37762  }
37763
37764  /* Show icon on card hover */
37765  .card-wrapper:hover .price-info-icon {
37766    opacity: 1;
37767  }
37768
37769  .price-info-icon svg {
37770    width: 14px;
37771    height: 14px;
37772    stroke-width: 1.5;
37773  }
37774
37775  /* Tooltip styles */
37776  .price-info-tooltip {
37777    position: absolute;
37778    bottom: calc(100% + 6px);
37779    top: auto;
37780    left: 0;
37781    transform: none;
37782    min-width: 310px;
37783    background: #FFFFFF;
37784    color: #232323;
37785    border: 1px solid #EEEEEE;
37786    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
37787    padding: 12px 16px;
37788    font-size: 13px;
37789    font-family: 'Montserrat', sans-serif;
37790    z-index: 10000;
37791    opacity: 0;
37792    transition: opacity 0.18s;
37793    white-space: pre-line;
37794    text-align: left;
37795    border-radius: 0;
37796    visibility: hidden;
37797    pointer-events: none;
37798  }
37799
37800  /* Show tooltip on icon hover */
37801  .price-info-icon:hover .price-info-tooltip {
37802    visibility: visible;
37803    opacity: 1;
37804  }
37805
37806  /* Ensure tooltip is never clipped */
37807  .price-container-with-info,
37808  .card-information,
37809  .card__content {
37810    overflow: visible !important;
37811  }
37812
37813  /* Mobile adjustments */
37814  @media screen and (max-width: 768px) {
37815    .price-info-tooltip {
37816      min-width: 200px;
37817      font-size: 12px;
37818      padding: 10px 12px;
37819    }
37820  }
37821</style>
37822
37823                </li>
37824                <li
37825                  class="grid__item"
37826                  
37827                >
37828                  
37829<div class="card-wrapper product-card-wrapper underline-links-hover">
37830
37831    <div
37832      class="
37833        card card--standard
37834         card--media
37835        
37836        
37837        
37838        
37839        
37840      "
37841      style="--ratio-percent: 100.0%;"
37842      data-product-id="9746991218986"
37843      data-description="Massiivinen pollari, jonka sivuilla on puukoriste ulkokäyttöön. Tämä pollari on suunniteltu lineaarisille LED-lähteille, joiden kanta on R7s 78 mm ..."
37844      data-status-in-sortiment="NEW"
37845      data-ip-rate="IP65"
37846      
37847      data-variant-id="52388164862250"
37848      data-price="229.00 EUR"
37849      data-compare-at-price=""
37850      data-available="true"
37851      data-barcode="8595685429182"
37852      data-ip-rate="IP65"
37853      data-lumens=""
37854      data-power-source=""
37855      data-watt="7.0"
37856      data-kelvin=""
37857      data-light-color=""
37858      data-diameter=""
37859      data-weight-netto="3570.0"
37860      data-weight-unit="g"
37861      data-mounting-hole-size=""
37862      data-recess-depth=""
37863      data-suspension-lenght=""
37864      data-turn-angle=""
37865      data-tilt-angle=""
37866      data-switch=""
37867      data-socket="LED R7s 78mm"
37868      data-light-source-recomended="G13575"
37869      data-height="30"
37870      data-length="17.5"
37871      data-Length=""
37872    >
37873      <div
37874        class="card__inner color-scheme-2 gradient ratio"
37875        style="--ratio-percent: 100.0%;"
37876      >
37877        
37878<div class="product-status-badge status-NEW">
37879            <span>NEW</span>
37880          </div>
37881<div class="ip-rate-badge">
37882            <span>IP65</span>
37883          </div><div class="card__media">
37884            <a class="card__media-link-content" href="/products/king-30-floor-lamp" aria-label="KING 30">
37885              <div class="media media--transparent media--hover-effect">
37886              
37887              <img
37888                class="product-image motion-reduce"
37889                srcset="//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=165 165w,//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=360 360w,//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=533 533w,//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=720 720w,//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=940 940w,//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=1066 1066w,//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117 3162w
37890                "
37891                src="//rendl.fi/cdn/shop/files/r14174-1.jpg?v=1776755117&width=533"
37892                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
37893                alt="RENDL outdoor lamp KING 30 floor anthracite grey  230V LED R7s 78mm 7W IP65 R14174 1"
37894                
37895                  loading="lazy"
37896                
37897                width="3162"
37898                height="3162"
37899              >
37900              
37901<img
37902                  class="product-image motion-reduce"
37903                  srcset="//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=165 165w,//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=360 360w,//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=533 533w,//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=720 720w,//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=940 940w,//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=1066 1066w,//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942 3162w
37904                  "
37905                  src="//rendl.fi/cdn/shop/files/r14174-3.jpg?v=1783739942&width=533"
37906                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
37907                  alt=""
37908                  loading="lazy"
37909                  width="3162"
37910                  height="3162"
37911                ></div>
37912            </a>
37913            
37914<div class="card-variant-swatches"><a
37915                    class="card-variant-swatch"
37916                    href="/products/king-30-floor-lamp?variant=52388164862250"
37917                    
37918                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
37919                    
37920                    aria-label="tummanharmaa"
37921                  >
37922                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
37923          <div class="card__information">
37924            <h3
37925              class="card__heading"
37926              
37927            >
37928              <a
37929                href="/products/king-30-floor-lamp"
37930                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991218986"
37931                class="full-unstyled-link"
37932                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746991218986 NoMediaStandardBadge-template--28113427169578__product-grid-9746991218986"
37933              >
37934                KING 30
37935              </a>
37936            </h3>
37937          </div>
37938          <div class="card__badge bottom left"></div>
37939        </div>
37940      </div>
37941      <div class="card__content">
37942        <div class="card__information">
37943          <h3
37944            class="card__heading h5"
37945            
37946              id="title-template--28113427169578__product-grid-9746991218986"
37947            
37948          >
37949            <a
37950              href="/products/king-30-floor-lamp"
37951              id="CardLink-template--28113427169578__product-grid-9746991218986"
37952              class="full-unstyled-link"
37953              aria-labelledby="CardLink-template--28113427169578__product-grid-9746991218986 Badge-template--28113427169578__product-grid-9746991218986"
37954            >
37955              KING 30
37956            </a>
37957          </h3><div class="card__description">
37958              Massiivinen pollari, jonka sivuilla on puukoriste ulkokäyttöön. Tämä pollari on suunniteltu lineaarisille LED-lähteille, joiden kanta on R7s 78 mm ja joiden halkaisija on enintään 20 mm.
37959            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
37960              
37961<div
37962    class="
37963      price "
37964  >
37965    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
37966          <span class="price-item price-item--regular">
37967            229.00 EUR
37968          </span></div>
37969      <div class="price__sale">
37970          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
37971          <span>
37972            <s class="price-item price-item--regular">
37973              
37974                
37975              
37976            </s>
37977          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
37978        <span class="price-item price-item--sale price-item--last">
37979          229.00 EUR
37980        </span>
37981      </div>
37982      <small class="unit-price caption hidden">
37983        <span class="visually-hidden">Yksikköhinta</span>
37984        <span class="price-item price-item--last">
37985          <span></span>
37986          <span aria-hidden="true">/</span>
37987          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
37988          <span>
37989          </span>
37990        </span>
37991      </small>
37992    </div></div>
37993
37994
37995</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
37996              <button class="compare-button-simple" 
37997                      data-product-id="9746991218986" 
37998                      data-product-title="KING 30"
37999                      data-product-handle="king-30-floor-lamp">
38000                              <span class="compare-button-content">
38001                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
38002                    <span class="compare-text" data-translate="compare">compare</span>
38003                  </span>
38004                <span class="compare-spinner-small">
38005                  <!-- Small spinner for button -->
38006                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
38007                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
38008                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
38009                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
38009inite"/>
38010                    </path>
38011                  </svg>
38012                </span>
38013              </button>
38014              
38015              <!-- Wishlist button next to compare button -->
38016              <button type="button" class="card-wishlist-button" data-wishlist-product="9746991218986">
38017                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
38018                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
38019                </svg>
38020              </button>
38021            </div></div>
38022        </div>
38023        
38024        
38025        
38026          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746991218986" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
38027                    type="hidden"
38028                    name="id"
38029                    value="52388164862250"
38030                    class="product-variant-id"
38031                    
38032                  >
38033                  <button
38034                    id="quick-add-template--28113427169578__product-grid9746991218986-submit"
38035                    type="submit"
38036                    name="add"
38037                    class="quick-add__submit button button--full-width button--secondary"
38038                    aria-haspopup="dialog"
38039                    aria-labelledby="quick-add-template--28113427169578__product-grid9746991218986-submit title-template--28113427169578__product-grid-9746991218986"
38040                    aria-live="polite"
38041                    data-sold-out-message="true"
38042                    
38043                  >
38044                    <span>Lisää ostoskoriin
38045</span>
38046                    <span class="sold-out-message hidden">
38047                      Matkalla
38048                    </span>
38049
38050<div class="loading__spinner hidden">
38051  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
38052
38053</div>
38054</button><input type="hidden" name="product-id" value="9746991218986" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
38055        
38056        <div class="card__badge bottom left"></div>
38057      </div>
38058    </div>
38059  </div>
38059<script>
38060  // Initialize global compare translations only once
38061  if (typeof window.compareButtonTranslations === 'undefined') {
38062    window.compareButtonTranslations = {
38063      compare: {
38064        en: 'compare',
38065        cs: 'porovnat',
38066        sk: 'porovnať',
38067        de: 'vergleichen',
38068        at: 'vergleichen',
38069        ch: 'vergleichen',
38070        fr: 'comparer',
38071        be: 'comparer',
38072        lu: 'comparer',
38073        it: 'confronta',
38074        es: 'comparar',
38075        nl: 'vergelijken',
38076        pl: 'porównaj',
38077        hu: 'összehasonlít',
38078        ro: 'compară',
38079        bg: 'сравни',
38080        hr: 'usporedi',
38081        fi: 'vertaile',
38082        gr: 'σύγκριση',
38083        el: 'σύγκριση',
38084        no: 'sammenlign',
38085        'pt-PT': 'comparar',
38086        sl: 'primerjaj',
38087        sv: 'jämför',
38088        lv: 'salīdzināt',
38089        lt: 'palyginti',
38090        ee: 'võrdle',
38091        dk: 'sammenlign',
38092        gb: 'compare',
38093        uk: 'compare',
38094        ie: 'compare',
38095        us: 'compare',
38096        ca: 'compare',
38097        au: 'compare',
38098        nz: 'compare',
38099        ru: 'сравнить'
38100      },
38101      remove: {
38102        en: 'remove',
38103        cs: 'odebrat',
38104        sk: 'odobrať',
38105        de: 'entfernen',
38106        at: 'entfernen',
38107        ch: 'entfernen',
38108        fr: 'supprimer',
38109        be: 'supprimer',
38110        lu: 'supprimer',
38111        it: 'rimuovi',
38112        es: 'eliminar',
38113        nl: 'verwijderen',
38114        pl: 'usuń',
38115        hu: 'eltávolít',
38116        ro: 'elimină',
38117        bg: 'премахни',
38118        hr: 'ukloni',
38119        fi: 'poista',
38120        gr: 'αφαίρεση',
38121        el: 'αφαίρεση',
38122        no: 'fjern',
38123        'pt-PT': 'remover',
38124        sl: 'odstrani',
38125        sv: 'ta bort',
38126        lv: 'noņemt',
38127        lt: 'pašalinti',
38128        ee: 'eemalda',
38129        dk: 'fjern',
38130        gb: 'remove',
38131        uk: 'remove',
38132        ie: 'remove',
38133        us: 'remove',
38134        ca: 'remove',
38135        au: 'remove',
38136        nz: 'remove',
38137        ru: 'удалить'
38138      },
38139      added: {
38140        en: 'Added!',
38141        cs: 'Přidáno!',
38142        sk: 'Pridané!',
38143        de: 'Hinzugefügt!',
38144        at: 'Hinzugefügt!',
38145        ch: 'Hinzugefügt!',
38146        fr: 'Ajouté!',
38147        be: 'Ajouté!',
38148        lu: 'Ajouté!',
38149        it: 'Aggiunto!',
38150        es: '¡Añadido!',
38151        nl: 'Toegevoegd!',
38152        pl: 'Dodano!',
38153        hu: 'Hozzáadva!',
38154        ro: 'Adăugat!',
38155        bg: 'Добавено!',
38156        hr: 'Dodano!',
38157        fi: 'Lisätty!',
38158        gr: 'Προστέθηκε!',
38159        el: 'Προστέθηκε!',
38160        no: 'Lagt til!',
38161        'pt-PT': 'Adicionado!',
38162        sl: 'Dodano!',
38163        sv: 'Tillagd!',
38164        lv: 'Pievienots!',
38165        lt: 'Pridėta!',
38166        ee: 'Lisatud!',
38167        dk: 'Tilføjet!',
38168        gb: 'Added!',
38169        uk: 'Added!',
38170        ie: 'Added!',
38171        us: 'Added!',
38172        ca: 'Added!',
38173        au: 'Added!',
38174        nz: 'Added!',
38175        ru: 'Добавлено!'
38176      },
38177      removed: {
38178        en: 'Removed!',
38179        cs: 'Odebráno!',
38180        sk: 'Odobrané!',
38181        de: 'Entfernt!',
38182        at: 'Entfernt!',
38183        ch: 'Entfernt!',
38184        fr: 'Supprimé!',
38185        be: 'Supprimé!',
38186        lu: 'Supprimé!',
38187        it: 'Rimosso!',
38188        es: '¡Eliminado!',
38189        nl: 'Verwijderd!',
38190        pl: 'Usunięto!',
38191        hu: 'Eltávolítva!',
38192        ro: 'Eliminat!',
38193        bg: 'Премахнато!',
38194        hr: 'Uklonjeno!',
38195        fi: 'Poistettu!',
38196        gr: 'Αφαιρέθηκε!',
38197        el: 'Αφαιρέθηκε!',
38198        no: 'Fjernet!',
38199        'pt-PT': 'Removido!',
38200        sl: 'Odstranjeno!',
38201        sv: 'Borttaget!',
38202        lv: 'Noņemts!',
38203        lt: 'Pašalinta!',
38204        ee: 'Eemaldatud!',
38205        dk: 'Fjernet!',
38206        gb: 'Removed!',
38207        uk: 'Removed!',
38208        ie: 'Removed!',
38209        us: 'Removed!',
38210        ca: 'Removed!',
38211        au: 'Removed!',
38212        nz: 'Removed!',
38213        ru: 'Удалено!'
38214      }
38215    };
38216
38217    // Tooltip translations for price info
38218    window.tooltipTranslations = {
38219      tooltipPrice: {
38220        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38221        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
38222        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
38223        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
38224        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
38225        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
38226        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
38227        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
38228        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
38229        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
38230        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
38231        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
38232        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
38233        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
38234        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
38235        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
38236        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
38237        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
38238        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
38239        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
38240        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
38241        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
38242        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
38243        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
38244        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
38244iks atskaitīts, ja piemērojams.",
38245        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
38246        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
38247        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
38248        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38249        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38250        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38251        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38252        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38253        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38254        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
38255        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
38256      },
38257      tooltipOutlet: {
38258        en: "We do not provide additional wholesale discounts on outlet products.",
38259        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
38260        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
38261        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
38262        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
38263        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
38264        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
38265        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
38266        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
38267        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
38268        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
38269        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
38270        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
38271        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
38272        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
38273        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
38274        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
38275        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
38276        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
38277        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
38278        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
38279        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
38280        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
38281        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
38282        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
38283        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
38284        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
38285        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
38286        gb: "We do not provide additional wholesale discounts on outlet products.",
38287        uk: "We do not provide additional wholesale discounts on outlet products.",
38288        ie: "We do not provide additional wholesale discounts on outlet products.",
38289        us: "We do not provide additional wholesale discounts on outlet products.",
38290        ca: "We do not provide additional wholesale discounts on outlet products.",
38291        au: "We do not provide additional wholesale discounts on outlet products.",
38292        nz: "We do not provide additional wholesale discounts on outlet products.",
38293        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
38294      }
38295    };
38296
38297    // Get current locale from document
38298    window.currentLocale = document.documentElement.lang || 'en';
38299
38300    // Function to translate compare buttons
38301    window.translateCompareButtons = function() {
38302      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
38303      compareTexts.forEach(function(textEl) {
38304        const button = textEl.closest('.compare-button-simple');
38305        const isInComparison = button && button.hasAttribute('data-in-comparison');
38306        
38307        if (isInComparison) {
38308          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
38309          textEl.textContent = translation;
38310        } else {
38311          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
38312          textEl.textContent = translation;
38313        }
38314      });
38315    };
38316
38317    // Function to format price with space as thousands separator (only for tooltip)
38318    function formatTooltipPrice(price) {
38319      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
38320      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
38321    }
38322
38323    // Function to translate tooltips with price
38324    window.translateTooltips = function() {
38325      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
38326      tooltips.forEach(function(tooltip) {
38327        const icon = tooltip.closest('.price-info-icon');
38328        if (icon) {
38329          const status = icon.getAttribute('data-status');
38330          // Check if this is an outlet product
38331          if (status === 'outlet') {
38332            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
38333            tooltip.textContent = translation;
38334            return; // Exit early for outlet products
38335          }
38336          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
38337          // Get wholesale price from the actual price display on the card
38338          const card = icon.closest('[data-product-id]');
38339          let wholesalePrice = '';
38340          if (card) {
38341            // Find the main price element on the card
38342            const priceElement = card.querySelector('.price .price-item--regular');
38343            if (priceElement) {
38344              wholesalePrice = priceElement.textContent.trim();
38345            }
38346          }
38347          if (retailPrice && wholesalePrice) {
38348            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
38349            let formattedRetailPrice = formatTooltipPrice(retailPrice);
38350            let formattedWholesalePrice = wholesalePrice;
38351            if (window.formatPriceText) {
38352              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
38353            }
38354            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
38355            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
38356            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
38357            tooltip.textContent = translatedText;
38358          }
38359        }
38360      });
38361    };
38362
38363    // Function to update button state based on comparison status
38364    window.updateCompareButtonState = function(productId, isInComparison) {
38365      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
38366      buttons.forEach(function(button) {
38367        const buttonContainer = button.closest('.compare-button-container');
38368        const compareText = button.querySelector('.compare-text');
38369        
38370        if (isInComparison) {
38371          button.setAttribute('data-in-comparison', 'true');
38372          button.classList.add('in-comparison');
38373          buttonContainer.classList.add('in-comparison');
38374          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
38375          compareText.textContent = removeText;
38376        } else {
38377          button.removeAttribute('data-in-comparison');
38378          button.classList.remove('in-comparison');
38379          buttonContainer.classList.remove('in-comparison');
38380          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
38381          compareText.textContent = compareTextTranslation;
38382        }
38383      });
38384    };
38385  }
38386
38387  // Initialize compare button states based on localStorage
38388  window.initializeCompareButtonStates = function() {
38389    if (typeof window.RendlCompare !== 'undefined') {
38390      const compareItems = window.RendlCompare.getItems();
38391      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
38392        const productId = button.getAttribute('data-product-id');
38393        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
38394        window.updateCompareButtonState(productId, isInComparison);
38395      });
38396    }
38397  };
38398
38399  // Compare button UI animation - the actual functionality is handled by compare-system.js
38400  document.addEventListener('DOMContentLoaded', function() {
38401    // Apply translations on page load
38402    if (window.translateCompareButtons) {
38403      window.translateCompareButtons();
38404    }
38405    
38406    // Initialize button states based on comparison data
38407    setTimeout(function() {
38408      if (window.initializeCompareButtonStates) {
38409        window.initializeCompareButtonStates();
38410      }
38411    }, 100); // Small delay to ensure compare system is loaded
38412    
38413    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
38414      // Skip if already has event listener
38415      if (button.hasAttribute('data-compare-initialized')) {
38416        return;
38417      }
38418      button.setAttribute('data-compare-initialized', 'true');
38419      
38420      button.addEventListener('click', function(e) {
38421        var buttonContainer = button.closest('.compare-button-container');
38422        var compareText = button.querySelector('.compare-text');
38423        var isInComparison = button.hasAttribute('data-in-comparison');
38424        var productId = button.getAttribute('data-product-id');
38425        
38426        // Prevent multiple clicks during loading
38427        if (button.classList.contains('loading')) {
38428          return;
38429        }
38430        
38431        // Make button always visible during the process
38432        buttonContainer.classList.add('active');
38433        
38434        // Add loading class to show spinner
38435        button.classList.add('loading');
38436        
38437        // UI feedback timing
38438        setTimeout(function() {
38439          // Remove loading class and show success message
38440          button.classList.remove('loading');
38441          button.classList.add('success');
38442          
38443          if (isInComparison) {
38444            // Removing from comparison
38445            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
38446            
38447            // Update button state after removal
38448            setTimeout(function() {
38449              button.classList.remove('success');
38450              window.updateCompareButtonState(productId, false);
38451              buttonContainer.classList.remove('active');
38452            }, 1500);
38453          } else {
38454            // Adding to comparison
38455            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
38456            
38457            // Update button state after addition
38458            setTimeout(function() {
38459              button.classList.remove('success');
38460              window.updateCompareButtonState(productId, true);
38461              buttonContainer.classList.remove('active');
38462            }, 1500);
38463          }
38464        }, 1200);
38465      });
38466    });
38467
38468    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
38469    setTimeout(function() {
38470      if (window.translateTooltips) {
38471        window.translateTooltips();
38472      }
38473    }, 100);
38474  });
38475
38476  // Ensure compare button states are initialized after RendlCompare is available
38477  document.addEventListener('DOMContentLoaded', function() {
38478    function tryInitCompareButtons() {
38479      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
38480        window.initializeCompareButtonStates();
38481      } else {
38482        setTimeout(tryInitCompareButtons, 100);
38483      }
38484    }
38485    tryInitCompareButtons();
38486  });
38487
38488  // Self-contained wishlist functionality for card-product
38489  (function() {
38490    // Wishlist translations
38491    var wishlistTranslations = {
38492      'en': {
38493        addToWishlist: 'Add to My Favorites',
38494        createCategory: 'Create new category:',
38495        categoryPlaceholder: 'Category name',
38496        createAndAdd: 'Create & Add Item',
38497        alreadyAdded: '(Already added)',
38498        addedToWishlist: 'added to My Favorites',
38499        removedFromWishlist: 'removed from My Favorites',
38500        allFavorites: 'All Favorites'
38501      },
38502      'cs': {
38503        addToWishlist: 'Přidat do oblíbených',
38504        createCategory: 'Vytvořit novou skupinu:',
38505        categoryPlaceholder: 'Název nové skupiny',
38506        createAndAdd: 'Vytvořit a přidat skupinu',
38507        alreadyAdded: '(Již přidáno)',
38508        addedToWishlist: 'přidáno do oblíbených',
38509        removedFromWishlist: 'odebráno z oblíbených',
38510        allFavorites: 'Všechny oblíbené'
38511      },
38512      'sk': {
38513        addToWishlist: 'Pridať do obľúbených',
38514        createCategory: 'Vytvoriť novú kategóriu:',
38515        categoryPlaceholder: 'Názov kategórie',
38516        createAndAdd: 'Vytvoriť a pridať položku',
38517        alreadyAdded: '(Už pridané)',
38518        addedToWishlist: 'pridané do obľúbených',
38519        removedFromWishlist: 'odstránené z obľúbených',
38520        allFavorites: 'Všetky obľúbené'
38521      },
38522      'de': {
38523        addToWishlist: 'Zu meinen Favoriten hinzufügen',
38524        createCategory: 'Neue Kategorie erstellen:',
38525        categoryPlaceholder: 'Kategoriename',
38526        createAndAdd: 'Erstellen & hinzufügen',
38527        alreadyAdded: '(Bereits hinzugefügt)',
38528        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
38529        removedFromWishlist: 'aus meinen Favoriten entfernt',
38530        allFavorites: 'Alle Favoriten'
38531      },
38532      'fr': {
38533        addToWishlist: 'Ajouter à mes favoris',
38534        createCategory: 'Créer une nouvelle catégorie :',
38535        categoryPlaceholder: 'Nom de la catégorie',
38536        createAndAdd: 'Créer et ajouter',
38537        alreadyAdded: '(Déjà ajouté)',
38538        addedToWishlist: 'ajouté à mes favoris',
38539        removedFromWishlist: 'retiré de mes favoris',
38540        allFavorites: 'Tous les favoris'
38541      },
38542      'it': {
38543        addToWishlist: 'Aggiungi ai preferiti',
38544        createCategory: 'Crea nuova categoria:',
38545        categoryPlaceholder: 'Nome categoria',
38546        createAndAdd: 'Crea e aggiungi',
38547        alreadyAdded: '(Già aggiunto)',
38548        addedToWishlist: 'aggiunto ai preferiti',
38549        removedFromWishlist: 'rimosso dai preferiti',
38550        allFavorites: 'Tutti i preferiti'
38551      },
38552      'es': {
38553        addToWishlist: 'Añadir a mis favoritos',
38554        createCategory: 'Crear nueva categoría:',
38555        categoryPlaceholder: 'Nombre de la categoría',
38556        createAndAdd: 'Crear y añadir',
38557        alreadyAdded: '(Ya añadido)',
38558        addedToWishlist: 'añadido a mis favoritos',
38559        removedFromWishlist: 'eliminado de mis favoritos',
38560        allFavorites: 'Todos los favoritos'
38561      },
38562      'nl': {
38563        addToWishlist: 'Toevoegen aan mijn favorieten',
38564        createCategory: 'Nieuwe categorie aanmaken:',
38565        categoryPlaceholder: 'Categorienaam',
38566        createAndAdd: 'Aanmaken & toevoegen',
38567        alreadyAdded: '(Al toegevoegd)',
38568        addedToWishlist: 'toegevoegd aan mijn favorieten',
38569        removedFromWishlist: 'verwijderd uit mijn favorieten',
38570        allFavorites: 'Alle favorieten'
38571      },
38572      'pl': {
38573        addToWishlist: 'Dodaj do ulubionych',
38574        createCategory: 'Utwórz nową kategorię:',
38575        categoryPlaceholder: 'Nazwa kategorii',
38576        createAndAdd: 'Utwórz i dodaj',
38577        alreadyAdded: '(Już dodane)',
38578        addedToWishlist: 'dodano do ulubionych',
38579        removedFromWishlist: 'usunięto z ulubionych',
38580        allFavorites: 'Wszystkie ulubione'
38581      },
38582      'hu': {
38583        addToWishlist: 'Hozzáadás a kedvencekhez',
38584        createCategory: 'Új kategória létrehozása:',
38585        categoryPlaceholder: 'Kategória neve',
38586        createAndAdd: 'Létrehozás és hozzáadás',
38587        alreadyAdded: '(Már hozzáadva)',
38588        addedToWishlist: 'hozzáadva a kedvencekhez',
38589        removedFromWishlist: 'eltávolítva a kedvencekből',
38590        allFavorites: 'Minden kedvenc'
38591      },
38592      'ro': {
38593        addToWishlist: 'Adaugă la favorite',
38594        createCategory: 'Creează o nouă categorie:',
38595        categoryPlaceholder: 'Nume categorie',
38596        createAndAdd: 'Creează și adaugă',
38597        alreadyAdded: '(Deja adăugat)',
38598        addedToWishlist: 'adăugat la favorite',
38599        removedFromWishlist: 'eliminat din favorite',
38600        allFavorites: 'Toate preferințele'
38601      },
38602      'bg': {
38603        addToWishlist: 'Добави в любими',
38604        createCategory: 'Създай нова категория:',
38605        categoryPlaceholder: 'Име на категория',
38606        createAndAdd: 'Създай и добави',
38607        alreadyAdded: '(Вече добавено)',
38608        addedToWishlist: 'добавено в любими',
38609        removedFromWishlist: 'премахнато от любими',
38610        allFavorites: 'Всички любими'
38611      },
38612      'hr': {
38613        addToWishlist: 'Dodaj u favorite',
38614        createCategory: 'Kreiraj novu kategoriju:',
38615        categoryPlaceholder: 'Naziv kategorije',
38616        createAndAdd: 'Kreiraj i dodaj',
38617        alreadyAdded: '(Već dodano)',
38618        addedToWishlist: 'dodano u favorite',
38619        removedFromWishlist: 'uklonjeno iz favorita',
38620        allFavorites: 'Sva omiljena'
38621      },
38622      'fi': {
38623        addToWishlist: 'Lisää suosikkeihin',
38624        createCategory: 'Luo uusi kategoria:',
38625        categoryPlaceholder: 'Kategorian nimi',
38626        createAndAdd: 'Luo ja lisää',
38627        alreadyAdded: '(Jo lisätty)',
38628        addedToWishlist: 'lisätty suosikkeihin',
38629        removedFromWishlist: 'poistettu suosikeista',
38630        allFavorites: 'Kaikki suosikit'
38631      },
38632      'gr': {
38633        addToWishlist: 'Προσθήκη στα αγαπημένα',
38634        createCategory: 'Δημιουργία νέας κατηγορίας:',
38635        categoryPlaceholder: 'Όνομα κατηγορίας',
38636        createAndAdd: 'Δημιουργία & προσθήκη',
38637        alreadyAdded: '(Ήδη προστέθηκε)',
38638        addedToWishlist: 'προστέθηκε στα αγαπημένα',
38639        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
38640        allFavorites: 'Όλα τα αγαπημένα'
38641      },
38642      'no': {
38643        addToWishlist: 'Legg til i favoritter',
38644        createCategory: 'Opprett ny kategori:',
38645        categoryPlaceholder: 'Kategorinavn',
38646        createAndAdd: 'Opprett og legg til',
38647        alreadyAdded: '(Allerede lagt til)',
38648        addedToWishlist: 'lagt til i favoritter',
38649        removedFromWishlist: 'fjernet fra favoritter',
38650        allFavorites: 'Alle favoritter'
38651      },
38652      'pt-PT': {
38653        addToWishlist: 'Adicionar aos favoritos',
38654        createCategory: 'Criar nova categoria:',
38655        categoryPlaceholder: 'Nome da categoria',
38656        createAndAdd: 'Criar e adicionar',
38657        alreadyAdded: '(Já adicionado)',
38658        addedToWishlist: 'adicionado aos favoritos',
38659        removedFromWishlist: 'removido dos favoritos',
38660        allFavorites: 'Todos os favoritos'
38661      },
38662      'sl': {
38663        addToWishlist: 'Dodaj med priljubljene',
38664        createCategory: 'Ustvari novo kategorijo:',
38665        categoryPlaceholder: 'Ime kategorije',
38666        createAndAdd: 'Ustvari in dodaj',
38667        alreadyAdded: '(Že dodano)',
38668        addedToWishlist: 'dodano med priljubljene',
38669        removedFromWishlist: 'odstranjeno iz priljubljenih',
38670        allFavorites: 'Vsi priljubljeni'
38671      },
38672      'sv': {
38673        addToWishlist: 'Lägg till i favoriter',
38674        createCategory: 'Skapa ny kategori:',
38675        categoryPlaceholder: 'Kategorinamn',
38676        createAndAdd: 'Skapa och lägg till',
38677        alreadyAdded: '(Redan tillagd)',
38678        addedToWishlist: 'tillagd i favoriter',
38679        removedFromWishlist: 'borttagen från favoriter',
38680        allFavorites: 'Alla favoriter'
38681      },
38682      'lv': {
38683        addToWishlist: 'Pievienot favorītiem',
38684        createCategory: 'Izveidot jaunu kategoriju:',
38685        categoryPlaceholder: 'Kategorijas nosaukums',
38686        createAndAdd: 'Izveidot un pievienot',
38687        alreadyAdded: '(Jau pievienots)',
38688        addedToWishlist: 'pievienots favorītiem',
38689        removedFromWishlist: 'noņemts no favorītiem',
38690        allFavorites: 'Visas favorītus'
38691      },
38692      'lt': {
38693        addToWishlist: 'Pridėti į mėgstamiausius',
38694        createCategory: 'Sukurti naują kategoriją:',
38695        categoryPlaceholder: 'Kategorijos pavadinimas',
38696        createAndAdd: 'Sukurti ir pridėti',
38697        alreadyAdded: '(Jau pridėta)',
38698        addedToWishlist: 'pridėta į mėgstamiausius',
38699        removedFromWishlist: 'pašalinta iš mėgstamiausių',
38700        allFavorites: 'Visos mėgstamiausios'
38701      },
38702      'ee': {
38703        addToWishlist: 'Lisa lemmikutesse',
38704        createCategory: 'Loo uus kategooria:',
38705        categoryPlaceholder: 'Kategooria nimi',
38706        createAndAdd: 'Loo ja lisa',
38707        alreadyAdded: '(Juba lisatud)',
38708        addedToWishlist: 'lisatud lemmikutesse',
38709        removedFromWishlist: 'eemaldatud lemmikutest',
38710        allFavorites: 'Kõik lemmikud'
38711      },
38712      'dk': {
38713        addToWishlist: 'Tilføj til favoritter',
38714        createCategory: 'Opret ny kategori:',
38715        categoryPlaceholder: 'Kategorinavn',
38716        createAndAdd: 'Opret og tilføj',
38717        alreadyAdded: '(Allerede tilføjet)',
38718        addedToWishlist: 'tilføjet til favoritter',
38719        removedFromWishlist: 'fjernet fra favoritter',
38720        allFavorites: 'Alle favoritter'
38721      }
38722    };
38723
38724    function getWishlistLang() {
38725      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
38726      // Normalize for region codes (e.g., pt-PT, sl)
38727      if (lang.startsWith('pt-PT')) return 'pt-PT';
38728      if (lang.startsWith('sl')) return 'sl';
38729      if (lang.startsWith('cs')) return 'cs';
38730      if (lang.startsWith('sk')) return 'sk';
38731      if (lang.startsWith('de')) return 'de';
38732      if (lang.startsWith('fr')) return 'fr';
38733      if (lang.startsWith('it')) return 'it';
38734      if (lang.startsWith('es')) return 'es';
38735      if (lang.startsWith('nl')) return 'nl';
38736      if (lang.startsWith('pl')) return 'pl';
38737      if (lang.startsWith('hu')) return 'hu';
38738      if (lang.startsWith('ro')) return 'ro';
38739      if (lang.startsWith('bg')) return 'bg';
38740      if (lang.startsWith('hr')) return 'hr';
38741      if (lang.startsWith('fi')) return 'fi';
38742      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
38743      if (lang.startsWith('no')) return 'no';
38744      if (lang.startsWith('sv')) return 'sv';
38745      if (lang.startsWith('lv')) return 'lv';
38746      if (lang.startsWith('lt')) return 'lt';
38747      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
38748      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
38749      return 'en';
38750    }
38751
38752    // Get or initialize the wishlist array in localStorage
38753    function getWishlist() {
38754      const wishlistJSON = localStorage.getItem('rendl_wishlist');
38755      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
38756        categories: [
38757          {
38758            id: 'all-favorites',
38759            name: 'All Favorites',
38760            items: []
38761          }
38762        ],
38763        version: 2
38764      };
38765      
38766      // Handle migration from old format (array of items) to new format (categories)
38767      if (Array.isArray(wishlist)) {
38768        return {
38769          categories: [
38770            {
38771              id: 'all-favorites',
38772              name: 'All Favorites',
38773              items: wishlist
38774            }
38775          ],
38776          version: 2
38777        };
38778      }
38779      
38780      return wishlist;
38781    }
38782    
38783    // Save wishlist to localStorage
38784    function saveWishlist(wishlist) {
38785      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
38786      // Dispatch an event so other parts of the site can react to wishlist changes
38787      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
38788        detail: { wishlist: wishlist } 
38789      }));
38790      
38791      // Count total items across all categories
38792      const totalItems = wishlist.categories.reduce((total, category) => {
38793        return total + category.items.length;
38794      }, 0);
38795      
38796      // Update all wishlist counters
38797      updateWishlistCounters(totalItems);
38798    }
38799    
38800    // Update all wishlist counters on the page
38801    function updateWishlistCounters(count) {
38802      const counters = document.querySelectorAll('.wishlist-count');
38803      counters.forEach(counter => {
38804        counter.textContent = count;
38805        
38806        // If the counter is hidden and count > 0, show it
38807        if (count > 0 && counter.hasAttribute('hidden')) {
38808          counter.removeAttribute('hidden');
38809        }
38810        // If the counter is visible and count = 0, hide it
38811        else if (count === 0 && !counter.hasAttribute('hidden')) {
38812          counter.setAttribute('hidden', 'true');
38813        }
38814      });
38815    }
38816    
38817    // Check if a product is in the wishlist (in any category)
38818    function isInWishlist(productId) {
38819      const wishlist = getWishlist();
38820      return wishlist.categories.some(category => 
38821        category.items.some(item => item.id === productId)
38822      );
38823    }
38824    
38825    // Get all categories
38826    function getCategories() {
38827      return getWishlist().categories;
38828    }
38829    
38830    // Create a new category
38831    function createCategory(name) {
38832      const wishlist = getWishlist();
38833      const categoryId = 'category-' + Date.now();
38834      
38835      wishlist.categories.push({
38836        id: categoryId,
38837        name: name,
38838        items: []
38839      });
38840      
38841      saveWishlist(wishlist);
38842      return categoryId;
38843    }
38844    
38845    // Add a product to a specific category
38846    function addToCategory(product, categoryId) {
38847      const wishlist = getWishlist();
38848      const category = wishlist.categories.find(cat => cat.id === categoryId);
38849      
38850      if (!category) return false;
38851      
38852      // Check if product already exists in ANY category (not just this one)
38853      if (isInWishlist(product.id)) {
38854        return false; // Product already in wishlist
38855      }
38856      
38857      // Add product to category
38858      category.items.push(product);
38859      saveWishlist(wishlist);
38860      
38861      // Dispatch event for global sync
38862      document.dispatchEvent(new CustomEvent('wishlist:updated', {
38863        detail: { productId: product.id, added: true }
38864      }));
38865      
38866      return true;
38867    }
38868    
38869    // Add a product to the default "All Favorites" category
38870    function addToWishlist(product) {
38871      return addToCategory(product, 'all-favorites');
38872    }
38873    
38874    // Remove a product from all categories
38875    function removeFromWishlist(productId) {
38876      const wishlist = getWishlist();
38877      let removed = false;
38878      
38879      wishlist.categories.forEach(category => {
38880        const initialLength = category.items.length;
38881        category.items = category.items.filter(item => item.id !== productId);
38882        if (category.items.length !== initialLength) {
38883          removed = true;
38884        }
38885      });
38886      
38887      if (removed) {
38888        saveWishlist(wishlist);
38889      }
38890      
38891      return removed;
38892    }
38893    
38894    // Toggle a product in the wishlist
38895    function toggleWishlistItem(product) {
38896      if (isInWishlist(product.id)) {
38897        // If already in wishlist, remove it
38898        const wasRemoved = removeFromWishlist(product.id);
38899        
38900        // Update heart icon if the product was successfully removed
38901        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
38902        if (heartIcon && wasRemoved) {
38903          heartIcon.setAttribute('fill', 'none');
38904          showWishlistToast(false, product.title);
38905          
38906          // Dispatch event for global sync
38907          document.dispatchEvent(new CustomEvent('wishlist:updated', {
38908            detail: { productId: product.id, added: false }
38909          }));
38910        }
38911        return wasRemoved;
38912      } else {
38913        // If not in wishlist, show category selection popup
38914        showCategorySelectionPopup(product);
38915        return false; // Don't return true unless we actually add the product
38916      }
38917    }
38918    
38919    // Show wishlist category selection popup
38920    function showCategorySelectionPopup(product) {
38921      // Remove any existing popup
38922      const existingPopup = document.getElementById('wishlist-category-popup');
38923      if (existingPopup) {
38924        existingPopup.remove();
38925      }
38926
38927      const lang = getWishlistLang();
38928      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
38929
38930      // Create popup container
38931      const popup = document.createElement('div');
38932      popup.id = 'wishlist-category-popup';
38933      popup.className = 'wishlist-category-popup';
38934
38935      // Create popup content
38936      const content = document.createElement('div');
38937      content.className = 'wishlist-category-popup-content';
38938
38939      // Create header
38940      const title = document.createElement('h2');
38941      title.textContent = translations.addToWishlist; // Translate
38942
38943      const closeButton = document.createElement('button');
38944      closeButton.className = 'wishlist-category-popup-close';
38945      closeButton.setAttribute('aria-label', 'Close');
38946      closeButton.addEventListener('click', () => {
38947        popup.remove();
38948      });
38949      
38950      // Create category list
38951      const categoryList = document.createElement('div');
38952      categoryList.className = 'wishlist-category-list';
38953      
38954      // Get categories
38955      const categories = getCategories();
38956      
38957      // Add category options
38958      categories.forEach(category => {
38959        const categoryOption = document.createElement('div');
38960        categoryOption.className = 'wishlist-category-option';
38961        
38962        // Use translation for default category name
38963        categoryOption.textContent = category.id === 'all-favorites'
38964          ? (translations.allFavorites || category.name)
38965          : category.name;
38966
38967        // Highlight if product already in this category
38968        if (category.items.some(item => item.id === product.id)) {
38969          categoryOption.style.backgroundColor = '#f0f0f0';
38970          categoryOption.style.color = '#999';
38971          categoryOption.style.fontStyle = 'italic';
38972          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
38973          categoryOption.style.cursor = 'default';
38974        } else {
38975          categoryOption.addEventListener('click', () => {
38976            const wasAdded = addToCategory(product, category.id);
38977            
38978            if (wasAdded) {
38979              // Update heart icon after successful addition
38980              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
38981              if (heartIcon) {
38982                heartIcon.setAttribute('fill', '#333333');
38983              }
38984              
38985              showWishlistToast(true, product.title);
38986              popup.remove();
38987            }
38988          });
38989        }
38990        
38991        categoryList.appendChild(categoryOption);
38992      });
38993      
38994      // Create "add new category" section
38995      const newCategorySection = document.createElement('div');
38996      newCategorySection.style.borderTop = '1px solid #eee';
38997      newCategorySection.style.paddingTop = '15px';
38998      newCategorySection.style.marginTop = '10px';
38999      
39000      const newCategoryLabel = document.createElement('label');
39001      newCategoryLabel.textContent = translations.createCategory; // Translate
39002
39003      const newCategoryInput = document.createElement('input');
39004      newCategoryInput.type = 'text';
39005      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
39006
39007      const createButton = document.createElement('button');
39008      createButton.className = 'create-category-button';
39009      createButton.textContent = translations.createAndAdd; // Translate
39010
39011      createButton.addEventListener('click', () => {
39012        const categoryName = newCategoryInput.value.trim();
39013        if (categoryName) {
39014          const categoryId = createCategory(categoryName);
39015          const wasAdded = addToCategory(product, categoryId);
39016          
39017          if (wasAdded) {
39018            // Update heart icon after successful addition
39019            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
39020            if (heartIcon) {
39021              heartIcon.setAttribute('fill', '#333333');
39022            }
39023            
39024            showWishlistToast(true, product.title);
39025            popup.remove();
39026          }
39027        }
39028      });
39029      
39030      newCategorySection.appendChild(newCategoryLabel);
39031      newCategorySection.appendChild(newCategoryInput);
39032      newCategorySection.appendChild(createButton);
39033      
39034      // Assemble popup
39035      content.appendChild(title);
39036      content.appendChild(closeButton);
39037      content.appendChild(categoryList);
39038      content.appendChild(newCategorySection);
39039      popup.appendChild(content);
39040      
39041      // Add to document
39042      document.body.appendChild(popup);
39043      
39044      // Focus the input
39045      setTimeout(() => {
39046        newCategoryInput.focus();
39047      }, 100);
39048      
39049      // Close when clicking outside content
39050      popup.addEventListener('click', (e) => {
39051        if (e.target === popup) {
39052          popup.remove();
39053        }
39054      });
39055    }
39056    
39057    // Show a toast notification
39058    function showWishlistToast(added, productTitle) {
39059      // Create or get toast container
39060      let toastContainer = document.getElementById('wishlist-toast');
39061      if (!toastContainer) {
39062        toastContainer = document.createElement('div');
39063        toastContainer.id = 'wishlist-toast';
39064        toastContainer.style.position = 'fixed';
39065        toastContainer.style.bottom = '20px';
39066        toastContainer.style.right = '20px';
39067        toastContainer.style.zIndex = '9999';
39068        document.body.appendChild(toastContainer);
39069      }
39070      
39071      // Create toast
39072      const toast = document.createElement('div');
39073      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
39074      toast.style.color = 'white';
39075      toast.style.padding = '12px 20px';
39076      toast.style.borderRadius = '0';
39077      toast.style.marginTop = '10px';
39078      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
39079      toast.style.transition = 'all 0.3s ease';
39080      toast.style.opacity = '0';
39081      toast.style.fontFamily = 'Montserrat, sans-serif';
39082      
39083      // Choose text based on action
39084      const lang = getWishlistLang();
39085      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
39086      toast.textContent = added
39087        ? `${productTitle} ${translations.addedToWishlist}` // Translate
39088        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
39089      
39090      // Add to container
39091      toastContainer.appendChild(toast);
39092      
39093      // Animate in
39094      setTimeout(() => {
39095        toast.style.opacity = '1';
39096      }, 10);
39097      
39098      // Animate out and remove
39099      setTimeout(() => {
39100        toast.style.opacity = '0';
39101        setTimeout(() => {
39102          toastContainer.removeChild(toast);
39103        }, 300);
39104      }, 3000);
39105    }
39106
39107    // Initialize wishlist buttons
39108    function initCardWishlistButtons() {
39109      const wishlistButtons = document.querySelectorAll('.card-wis
39109hlist-button');
39110      
39111      wishlistButtons.forEach(button => {
39112        // Skip if already initialized
39113        if (button.dataset.initializedWishlist === 'true') return;
39114        button.dataset.initializedWishlist = 'true';
39115        
39116        const productId = button.getAttribute('data-wishlist-product');
39117        if (!productId) return;
39118        
39119        // Get product details from the card
39120        const card = button.closest('.card-wrapper');
39121        const productDetails = {
39122          id: productId,
39123          title: card.querySelector('.card__heading')?.textContent.trim() || '',
39124          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
39125          price: card.querySelector('.price')?.textContent.trim() || '',
39126          image: card.querySelector('img')?.src || '',
39127          url: card.querySelector('a[href*="/products/"]')?.href || ''
39128        };
39129        
39130        // Set initial state using global function
39131        const heartIcon = button.querySelector('path');
39132        if (heartIcon) {
39133          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
39134            heartIcon.setAttribute('fill', '#333333');
39135          } else {
39136            heartIcon.setAttribute('fill', 'none');
39137          }
39138        }
39139        
39140        // Add click handler
39141        button.addEventListener('click', function(e) {
39142          e.preventDefault();
39143          e.stopPropagation();
39144          e.stopImmediatePropagation();
39145          toggleWishlistItem(productDetails);
39146        });
39147        
39148        // Prevent navigation on mousedown/touchstart
39149        button.addEventListener('mousedown', function(e) {
39150          e.preventDefault();
39151          e.stopPropagation();
39152        });
39153        
39154        button.addEventListener('touchstart', function(e) {
39155          e.preventDefault();
39156          e.stopPropagation();
39157        });
39158      });
39159    }
39160
39161    // Initialize the wishlist counter on page load
39162    const wishlist = getWishlist();
39163    const totalItems = wishlist.categories.reduce((total, category) => {
39164      return total + category.items.length;
39165    }, 0);
39166    updateWishlistCounters(totalItems);
39167
39168    // Initialize on DOM ready
39169    if (document.readyState === 'loading') {
39170      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
39171    } else {
39172      initCardWishlistButtons();
39173    }
39174
39175    // Reinitialize on Shopify section load
39176    document.addEventListener('shopify:section:load', function() {
39177      setTimeout(initCardWishlistButtons, 100);
39178    });
39179
39180    // Listen for wishlist updates from other parts of the site
39181    document.addEventListener('wishlist:updated', function() {
39182      setTimeout(initCardWishlistButtons, 100);
39183    });
39184  })();
39185</script>
39185
39186
39187<!-- Price info icon styles -->
39188<style>
39189  /* Price container with icon */
39190  .price-container-with-info {
39191    position: relative;
39192    display: flex;
39193    align-items: center;
39194    gap: 8px;
39195  }
39196
39197  /* Info icon - hidden by default, shown on card hover */
39198  .price-info-icon {
39199    position: relative;
39200    display: inline-flex;
39201    align-items: center;
39202    justify-content: center;
39203    color: #666;
39204    cursor: help;
39205    opacity: 0;
39206    transition: opacity 0.3s ease;
39207
39208    padding: 4px; /* Add padding to increase clickable area */
39209    min-width: 20px; /* Ensure minimum clickable area */
39210    min-height: 20px;
39211    z-index: 15; /* Above everything else including compare button */
39212    pointer-events: auto; /* Allow interaction */
39213  }
39214
39215  /* Show icon on card hover */
39216  .card-wrapper:hover .price-info-icon {
39217    opacity: 1;
39218  }
39219
39220  .price-info-icon svg {
39221    width: 14px;
39222    height: 14px;
39223    stroke-width: 1.5;
39224  }
39225
39226  /* Tooltip styles */
39227  .price-info-tooltip {
39228    position: absolute;
39229    bottom: calc(100% + 6px);
39230    top: auto;
39231    left: 0;
39232    transform: none;
39233    min-width: 310px;
39234    background: #FFFFFF;
39235    color: #232323;
39236    border: 1px solid #EEEEEE;
39237    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
39238    padding: 12px 16px;
39239    font-size: 13px;
39240    font-family: 'Montserrat', sans-serif;
39241    z-index: 10000;
39242    opacity: 0;
39243    transition: opacity 0.18s;
39244    white-space: pre-line;
39245    text-align: left;
39246    border-radius: 0;
39247    visibility: hidden;
39248    pointer-events: none;
39249  }
39250
39251  /* Show tooltip on icon hover */
39252  .price-info-icon:hover .price-info-tooltip {
39253    visibility: visible;
39254    opacity: 1;
39255  }
39256
39257  /* Ensure tooltip is never clipped */
39258  .price-container-with-info,
39259  .card-information,
39260  .card__content {
39261    overflow: visible !important;
39262  }
39263
39264  /* Mobile adjustments */
39265  @media screen and (max-width: 768px) {
39266    .price-info-tooltip {
39267      min-width: 200px;
39268      font-size: 12px;
39269      padding: 10px 12px;
39270    }
39271  }
39272</style>
39273
39274                </li>
39275                <li
39276                  class="grid__item"
39277                  
39278                >
39279                  
39280<div class="card-wrapper product-card-wrapper underline-links-hover">
39281
39282    <div
39283      class="
39284        card card--standard
39285         card--media
39286        
39287        
39288        
39289        
39290        
39291      "
39292      style="--ratio-percent: 100.0%;"
39293      data-product-id="9746963366186"
39294      data-description="Pollari ulkokäyttöön E27 energiansäästölampulle. Suojalasi satinoitua lasia."
39295      
39296      data-ip-rate="IP54"
39297      
39298      data-variant-id="52388037427498"
39299      data-price="150.00 EUR"
39300      data-compare-at-price=""
39301      data-available="true"
39302      data-barcode="8595685402628"
39303      data-ip-rate="IP54"
39304      data-lumens=""
39305      data-power-source=""
39306      data-watt="15.0"
39307      data-kelvin=""
39308      data-light-color=""
39309      data-diameter=""
39310      data-weight-netto="1730.0"
39311      data-weight-unit="g"
39312      data-mounting-hole-size=""
39313      data-recess-depth=""
39314      data-suspension-lenght=""
39315      data-turn-angle=""
39316      data-tilt-angle=""
39317      data-switch=""
39318      data-socket="LED E27"
39319      data-light-source-recomended="G13026"
39320      data-height="65"
39321      data-length="10"
39322      data-Length=""
39323    >
39324      <div
39325        class="card__inner color-scheme-2 gradient ratio"
39326        style="--ratio-percent: 100.0%;"
39327      >
39328        
39329
39330<div class="ip-rate-badge">
39331            <span>IP54</span>
39332          </div><div class="card__media">
39333            <a class="card__media-link-content" href="/products/treeza-65-bollard-lamp" aria-label="TREEZA 65">
39334              <div class="media media--transparent media--hover-effect">
39335              
39336              <img
39337                class="product-image motion-reduce"
39338                srcset="//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=165 165w,//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=360 360w,//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=533 533w,//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=720 720w,//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=940 940w,//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=1066 1066w,//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165 4899w
39339                "
39340                src="//rendl.fi/cdn/shop/files/r10441-1.jpg?v=1745940165&width=533"
39341                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
39342                alt="RENDL outdoor lamp TREEZA 65 bollard anthracite grey  230V LED E27 15W IP54 R10441 1"
39343                
39344                  loading="lazy"
39345                
39346                width="4899"
39347                height="4899"
39348              >
39349              
39350<img
39351                  class="product-image motion-reduce"
39352                  srcset="//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=165 165w,//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=360 360w,//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=533 533w,//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=720 720w,//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=940 940w,//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=1066 1066w,//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309 3162w
39353                  "
39354                  src="//rendl.fi/cdn/shop/files/r10441-2.jpg?v=1771906309&width=533"
39355                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
39356                  alt=""
39357                  loading="lazy"
39358                  width="3162"
39359                  height="3162"
39360                ></div>
39361            </a>
39362            
39363<div class="card-media-icons"><div class="dimmable-icon">
39364                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Dimmable.svg?v=1753944550" alt="Dimmable" width="14" height="14">
39365                    <div class="dimmable-tooltip">Himmentävä sopivalla valonlähteellä</div>
39366                  </div></div><div class="card-variant-swatches"><a
39367                    class="card-variant-swatch"
39368                    href="/products/treeza-65-bollard-lamp?variant=52388037427498"
39369                    
39370                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
39371                    
39372                    aria-label="tummanharmaa"
39373                  >
39374                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
39375          <div class="card__information">
39376            <h3
39377              class="card__heading"
39378              
39379            >
39380              <a
39381                href="/products/treeza-65-bollard-lamp"
39382                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746963366186"
39383                class="full-unstyled-link"
39384                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746963366186 NoMediaStandardBadge-template--28113427169578__product-grid-9746963366186"
39385              >
39386                TREEZA 65
39387              </a>
39388            </h3>
39389          </div>
39390          <div class="card__badge bottom left"></div>
39391        </div>
39392      </div>
39393      <div class="card__content">
39394        <div class="card__information">
39395          <h3
39396            class="card__heading h5"
39397            
39398              id="title-template--28113427169578__product-grid-9746963366186"
39399            
39400          >
39401            <a
39402              href="/products/treeza-65-bollard-lamp"
39403              id="CardLink-template--28113427169578__product-grid-9746963366186"
39404              class="full-unstyled-link"
39405              aria-labelledby="CardLink-template--28113427169578__product-grid-9746963366186 Badge-template--28113427169578__product-grid-9746963366186"
39406            >
39407              TREEZA 65
39408            </a>
39409          </h3><div class="card__description">
39410              Pollari ulkokäyttöön E27 energiansäästölampulle. Suojalasi satinoitua lasia.
39411            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
39412              
39413<div
39414    class="
39415      price "
39416  >
39417    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
39418          <span class="price-item price-item--regular">
39419            150.00 EUR
39420          </span></div>
39421      <div class="price__sale">
39422          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
39423          <span>
39424            <s class="price-item price-item--regular">
39425              
39426                
39427              
39428            </s>
39429          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
39430        <span class="price-item price-item--sale price-item--last">
39431          150.00 EUR
39432        </span>
39433      </div>
39434      <small class="unit-price caption hidden">
39435        <span class="visually-hidden">Yksikköhinta</span>
39436        <span class="price-item price-item--last">
39437          <span></span>
39438          <span aria-hidden="true">/</span>
39439          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
39440          <span>
39441          </span>
39442        </span>
39443      </small>
39444    </div></div>
39445
39446
39447</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
39448              <button class="compare-button-simple" 
39449                      data-product-id="9746963366186" 
39450                      data-product-title="TREEZA 65"
39451                      data-product-handle="treeza-65-bollard-lamp">
39452                              <span class="compare-button-content">
39453                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
39454                    <span class="compare-text" data-translate="compare">compare</span>
39455                  </span>
39456                <span class="compare-spinner-small">
39457                  <!-- Small spinner for button -->
39458                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
39459                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
39460                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
39461                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
39461inite"/>
39462                    </path>
39463                  </svg>
39464                </span>
39465              </button>
39466              
39467              <!-- Wishlist button next to compare button -->
39468              <button type="button" class="card-wishlist-button" data-wishlist-product="9746963366186">
39469                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
39470                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
39471                </svg>
39472              </button>
39473            </div></div>
39474        </div>
39475        
39476        
39477        
39478          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746963366186" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
39479                    type="hidden"
39480                    name="id"
39481                    value="52388037427498"
39482                    class="product-variant-id"
39483                    
39484                  >
39485                  <button
39486                    id="quick-add-template--28113427169578__product-grid9746963366186-submit"
39487                    type="submit"
39488                    name="add"
39489                    class="quick-add__submit button button--full-width button--secondary"
39490                    aria-haspopup="dialog"
39491                    aria-labelledby="quick-add-template--28113427169578__product-grid9746963366186-submit title-template--28113427169578__product-grid-9746963366186"
39492                    aria-live="polite"
39493                    data-sold-out-message="true"
39494                    
39495                  >
39496                    <span>Lisää ostoskoriin
39497</span>
39498                    <span class="sold-out-message hidden">
39499                      Matkalla
39500                    </span>
39501
39502<div class="loading__spinner hidden">
39503  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
39504
39505</div>
39506</button><input type="hidden" name="product-id" value="9746963366186" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
39507        
39508        <div class="card__badge bottom left"></div>
39509      </div>
39510    </div>
39511  </div>
39511<script>
39512  // Initialize global compare translations only once
39513  if (typeof window.compareButtonTranslations === 'undefined') {
39514    window.compareButtonTranslations = {
39515      compare: {
39516        en: 'compare',
39517        cs: 'porovnat',
39518        sk: 'porovnať',
39519        de: 'vergleichen',
39520        at: 'vergleichen',
39521        ch: 'vergleichen',
39522        fr: 'comparer',
39523        be: 'comparer',
39524        lu: 'comparer',
39525        it: 'confronta',
39526        es: 'comparar',
39527        nl: 'vergelijken',
39528        pl: 'porównaj',
39529        hu: 'összehasonlít',
39530        ro: 'compară',
39531        bg: 'сравни',
39532        hr: 'usporedi',
39533        fi: 'vertaile',
39534        gr: 'σύγκριση',
39535        el: 'σύγκριση',
39536        no: 'sammenlign',
39537        'pt-PT': 'comparar',
39538        sl: 'primerjaj',
39539        sv: 'jämför',
39540        lv: 'salīdzināt',
39541        lt: 'palyginti',
39542        ee: 'võrdle',
39543        dk: 'sammenlign',
39544        gb: 'compare',
39545        uk: 'compare',
39546        ie: 'compare',
39547        us: 'compare',
39548        ca: 'compare',
39549        au: 'compare',
39550        nz: 'compare',
39551        ru: 'сравнить'
39552      },
39553      remove: {
39554        en: 'remove',
39555        cs: 'odebrat',
39556        sk: 'odobrať',
39557        de: 'entfernen',
39558        at: 'entfernen',
39559        ch: 'entfernen',
39560        fr: 'supprimer',
39561        be: 'supprimer',
39562        lu: 'supprimer',
39563        it: 'rimuovi',
39564        es: 'eliminar',
39565        nl: 'verwijderen',
39566        pl: 'usuń',
39567        hu: 'eltávolít',
39568        ro: 'elimină',
39569        bg: 'премахни',
39570        hr: 'ukloni',
39571        fi: 'poista',
39572        gr: 'αφαίρεση',
39573        el: 'αφαίρεση',
39574        no: 'fjern',
39575        'pt-PT': 'remover',
39576        sl: 'odstrani',
39577        sv: 'ta bort',
39578        lv: 'noņemt',
39579        lt: 'pašalinti',
39580        ee: 'eemalda',
39581        dk: 'fjern',
39582        gb: 'remove',
39583        uk: 'remove',
39584        ie: 'remove',
39585        us: 'remove',
39586        ca: 'remove',
39587        au: 'remove',
39588        nz: 'remove',
39589        ru: 'удалить'
39590      },
39591      added: {
39592        en: 'Added!',
39593        cs: 'Přidáno!',
39594        sk: 'Pridané!',
39595        de: 'Hinzugefügt!',
39596        at: 'Hinzugefügt!',
39597        ch: 'Hinzugefügt!',
39598        fr: 'Ajouté!',
39599        be: 'Ajouté!',
39600        lu: 'Ajouté!',
39601        it: 'Aggiunto!',
39602        es: '¡Añadido!',
39603        nl: 'Toegevoegd!',
39604        pl: 'Dodano!',
39605        hu: 'Hozzáadva!',
39606        ro: 'Adăugat!',
39607        bg: 'Добавено!',
39608        hr: 'Dodano!',
39609        fi: 'Lisätty!',
39610        gr: 'Προστέθηκε!',
39611        el: 'Προστέθηκε!',
39612        no: 'Lagt til!',
39613        'pt-PT': 'Adicionado!',
39614        sl: 'Dodano!',
39615        sv: 'Tillagd!',
39616        lv: 'Pievienots!',
39617        lt: 'Pridėta!',
39618        ee: 'Lisatud!',
39619        dk: 'Tilføjet!',
39620        gb: 'Added!',
39621        uk: 'Added!',
39622        ie: 'Added!',
39623        us: 'Added!',
39624        ca: 'Added!',
39625        au: 'Added!',
39626        nz: 'Added!',
39627        ru: 'Добавлено!'
39628      },
39629      removed: {
39630        en: 'Removed!',
39631        cs: 'Odebráno!',
39632        sk: 'Odobrané!',
39633        de: 'Entfernt!',
39634        at: 'Entfernt!',
39635        ch: 'Entfernt!',
39636        fr: 'Supprimé!',
39637        be: 'Supprimé!',
39638        lu: 'Supprimé!',
39639        it: 'Rimosso!',
39640        es: '¡Eliminado!',
39641        nl: 'Verwijderd!',
39642        pl: 'Usunięto!',
39643        hu: 'Eltávolítva!',
39644        ro: 'Eliminat!',
39645        bg: 'Премахнато!',
39646        hr: 'Uklonjeno!',
39647        fi: 'Poistettu!',
39648        gr: 'Αφαιρέθηκε!',
39649        el: 'Αφαιρέθηκε!',
39650        no: 'Fjernet!',
39651        'pt-PT': 'Removido!',
39652        sl: 'Odstranjeno!',
39653        sv: 'Borttaget!',
39654        lv: 'Noņemts!',
39655        lt: 'Pašalinta!',
39656        ee: 'Eemaldatud!',
39657        dk: 'Fjernet!',
39658        gb: 'Removed!',
39659        uk: 'Removed!',
39660        ie: 'Removed!',
39661        us: 'Removed!',
39662        ca: 'Removed!',
39663        au: 'Removed!',
39664        nz: 'Removed!',
39665        ru: 'Удалено!'
39666      }
39667    };
39668
39669    // Tooltip translations for price info
39670    window.tooltipTranslations = {
39671      tooltipPrice: {
39672        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39673        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
39674        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
39675        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
39676        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
39677        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
39678        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
39679        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
39680        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
39681        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
39682        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
39683        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
39684        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
39685        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
39686        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
39687        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
39688        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
39689        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
39690        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
39691        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
39692        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
39693        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
39694        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
39695        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
39696        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
39696iks atskaitīts, ja piemērojams.",
39697        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
39698        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
39699        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
39700        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39701        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39702        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39703        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39704        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39705        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39706        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
39707        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
39708      },
39709      tooltipOutlet: {
39710        en: "We do not provide additional wholesale discounts on outlet products.",
39711        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
39712        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
39713        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
39714        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
39715        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
39716        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
39717        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
39718        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
39719        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
39720        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
39721        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
39722        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
39723        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
39724        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
39725        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
39726        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
39727        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
39728        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
39729        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
39730        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
39731        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
39732        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
39733        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
39734        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
39735        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
39736        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
39737        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
39738        gb: "We do not provide additional wholesale discounts on outlet products.",
39739        uk: "We do not provide additional wholesale discounts on outlet products.",
39740        ie: "We do not provide additional wholesale discounts on outlet products.",
39741        us: "We do not provide additional wholesale discounts on outlet products.",
39742        ca: "We do not provide additional wholesale discounts on outlet products.",
39743        au: "We do not provide additional wholesale discounts on outlet products.",
39744        nz: "We do not provide additional wholesale discounts on outlet products.",
39745        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
39746      }
39747    };
39748
39749    // Get current locale from document
39750    window.currentLocale = document.documentElement.lang || 'en';
39751
39752    // Function to translate compare buttons
39753    window.translateCompareButtons = function() {
39754      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
39755      compareTexts.forEach(function(textEl) {
39756        const button = textEl.closest('.compare-button-simple');
39757        const isInComparison = button && button.hasAttribute('data-in-comparison');
39758        
39759        if (isInComparison) {
39760          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
39761          textEl.textContent = translation;
39762        } else {
39763          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
39764          textEl.textContent = translation;
39765        }
39766      });
39767    };
39768
39769    // Function to format price with space as thousands separator (only for tooltip)
39770    function formatTooltipPrice(price) {
39771      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
39772      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
39773    }
39774
39775    // Function to translate tooltips with price
39776    window.translateTooltips = function() {
39777      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
39778      tooltips.forEach(function(tooltip) {
39779        const icon = tooltip.closest('.price-info-icon');
39780        if (icon) {
39781          const status = icon.getAttribute('data-status');
39782          // Check if this is an outlet product
39783          if (status === 'outlet') {
39784            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
39785            tooltip.textContent = translation;
39786            return; // Exit early for outlet products
39787          }
39788          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
39789          // Get wholesale price from the actual price display on the card
39790          const card = icon.closest('[data-product-id]');
39791          let wholesalePrice = '';
39792          if (card) {
39793            // Find the main price element on the card
39794            const priceElement = card.querySelector('.price .price-item--regular');
39795            if (priceElement) {
39796              wholesalePrice = priceElement.textContent.trim();
39797            }
39798          }
39799          if (retailPrice && wholesalePrice) {
39800            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
39801            let formattedRetailPrice = formatTooltipPrice(retailPrice);
39802            let formattedWholesalePrice = wholesalePrice;
39803            if (window.formatPriceText) {
39804              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
39805            }
39806            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
39807            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
39808            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
39809            tooltip.textContent = translatedText;
39810          }
39811        }
39812      });
39813    };
39814
39815    // Function to update button state based on comparison status
39816    window.updateCompareButtonState = function(productId, isInComparison) {
39817      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
39818      buttons.forEach(function(button) {
39819        const buttonContainer = button.closest('.compare-button-container');
39820        const compareText = button.querySelector('.compare-text');
39821        
39822        if (isInComparison) {
39823          button.setAttribute('data-in-comparison', 'true');
39824          button.classList.add('in-comparison');
39825          buttonContainer.classList.add('in-comparison');
39826          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
39827          compareText.textContent = removeText;
39828        } else {
39829          button.removeAttribute('data-in-comparison');
39830          button.classList.remove('in-comparison');
39831          buttonContainer.classList.remove('in-comparison');
39832          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
39833          compareText.textContent = compareTextTranslation;
39834        }
39835      });
39836    };
39837  }
39838
39839  // Initialize compare button states based on localStorage
39840  window.initializeCompareButtonStates = function() {
39841    if (typeof window.RendlCompare !== 'undefined') {
39842      const compareItems = window.RendlCompare.getItems();
39843      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
39844        const productId = button.getAttribute('data-product-id');
39845        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
39846        window.updateCompareButtonState(productId, isInComparison);
39847      });
39848    }
39849  };
39850
39851  // Compare button UI animation - the actual functionality is handled by compare-system.js
39852  document.addEventListener('DOMContentLoaded', function() {
39853    // Apply translations on page load
39854    if (window.translateCompareButtons) {
39855      window.translateCompareButtons();
39856    }
39857    
39858    // Initialize button states based on comparison data
39859    setTimeout(function() {
39860      if (window.initializeCompareButtonStates) {
39861        window.initializeCompareButtonStates();
39862      }
39863    }, 100); // Small delay to ensure compare system is loaded
39864    
39865    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
39866      // Skip if already has event listener
39867      if (button.hasAttribute('data-compare-initialized')) {
39868        return;
39869      }
39870      button.setAttribute('data-compare-initialized', 'true');
39871      
39872      button.addEventListener('click', function(e) {
39873        var buttonContainer = button.closest('.compare-button-container');
39874        var compareText = button.querySelector('.compare-text');
39875        var isInComparison = button.hasAttribute('data-in-comparison');
39876        var productId = button.getAttribute('data-product-id');
39877        
39878        // Prevent multiple clicks during loading
39879        if (button.classList.contains('loading')) {
39880          return;
39881        }
39882        
39883        // Make button always visible during the process
39884        buttonContainer.classList.add('active');
39885        
39886        // Add loading class to show spinner
39887        button.classList.add('loading');
39888        
39889        // UI feedback timing
39890        setTimeout(function() {
39891          // Remove loading class and show success message
39892          button.classList.remove('loading');
39893          button.classList.add('success');
39894          
39895          if (isInComparison) {
39896            // Removing from comparison
39897            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
39898            
39899            // Update button state after removal
39900            setTimeout(function() {
39901              button.classList.remove('success');
39902              window.updateCompareButtonState(productId, false);
39903              buttonContainer.classList.remove('active');
39904            }, 1500);
39905          } else {
39906            // Adding to comparison
39907            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
39908            
39909            // Update button state after addition
39910            setTimeout(function() {
39911              button.classList.remove('success');
39912              window.updateCompareButtonState(productId, true);
39913              buttonContainer.classList.remove('active');
39914            }, 1500);
39915          }
39916        }, 1200);
39917      });
39918    });
39919
39920    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
39921    setTimeout(function() {
39922      if (window.translateTooltips) {
39923        window.translateTooltips();
39924      }
39925    }, 100);
39926  });
39927
39928  // Ensure compare button states are initialized after RendlCompare is available
39929  document.addEventListener('DOMContentLoaded', function() {
39930    function tryInitCompareButtons() {
39931      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
39932        window.initializeCompareButtonStates();
39933      } else {
39934        setTimeout(tryInitCompareButtons, 100);
39935      }
39936    }
39937    tryInitCompareButtons();
39938  });
39939
39940  // Self-contained wishlist functionality for card-product
39941  (function() {
39942    // Wishlist translations
39943    var wishlistTranslations = {
39944      'en': {
39945        addToWishlist: 'Add to My Favorites',
39946        createCategory: 'Create new category:',
39947        categoryPlaceholder: 'Category name',
39948        createAndAdd: 'Create & Add Item',
39949        alreadyAdded: '(Already added)',
39950        addedToWishlist: 'added to My Favorites',
39951        removedFromWishlist: 'removed from My Favorites',
39952        allFavorites: 'All Favorites'
39953      },
39954      'cs': {
39955        addToWishlist: 'Přidat do oblíbených',
39956        createCategory: 'Vytvořit novou skupinu:',
39957        categoryPlaceholder: 'Název nové skupiny',
39958        createAndAdd: 'Vytvořit a přidat skupinu',
39959        alreadyAdded: '(Již přidáno)',
39960        addedToWishlist: 'přidáno do oblíbených',
39961        removedFromWishlist: 'odebráno z oblíbených',
39962        allFavorites: 'Všechny oblíbené'
39963      },
39964      'sk': {
39965        addToWishlist: 'Pridať do obľúbených',
39966        createCategory: 'Vytvoriť novú kategóriu:',
39967        categoryPlaceholder: 'Názov kategórie',
39968        createAndAdd: 'Vytvoriť a pridať položku',
39969        alreadyAdded: '(Už pridané)',
39970        addedToWishlist: 'pridané do obľúbených',
39971        removedFromWishlist: 'odstránené z obľúbených',
39972        allFavorites: 'Všetky obľúbené'
39973      },
39974      'de': {
39975        addToWishlist: 'Zu meinen Favoriten hinzufügen',
39976        createCategory: 'Neue Kategorie erstellen:',
39977        categoryPlaceholder: 'Kategoriename',
39978        createAndAdd: 'Erstellen & hinzufügen',
39979        alreadyAdded: '(Bereits hinzugefügt)',
39980        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
39981        removedFromWishlist: 'aus meinen Favoriten entfernt',
39982        allFavorites: 'Alle Favoriten'
39983      },
39984      'fr': {
39985        addToWishlist: 'Ajouter à mes favoris',
39986        createCategory: 'Créer une nouvelle catégorie :',
39987        categoryPlaceholder: 'Nom de la catégorie',
39988        createAndAdd: 'Créer et ajouter',
39989        alreadyAdded: '(Déjà ajouté)',
39990        addedToWishlist: 'ajouté à mes favoris',
39991        removedFromWishlist: 'retiré de mes favoris',
39992        allFavorites: 'Tous les favoris'
39993      },
39994      'it': {
39995        addToWishlist: 'Aggiungi ai preferiti',
39996        createCategory: 'Crea nuova categoria:',
39997        categoryPlaceholder: 'Nome categoria',
39998        createAndAdd: 'Crea e aggiungi',
39999        alreadyAdded: '(Già aggiunto)',
40000        addedToWishlist: 'aggiunto ai preferiti',
40001        removedFromWishlist: 'rimosso dai preferiti',
40002        allFavorites: 'Tutti i preferiti'
40003      },
40004      'es': {
40005        addToWishlist: 'Añadir a mis favoritos',
40006        createCategory: 'Crear nueva categoría:',
40007        categoryPlaceholder: 'Nombre de la categoría',
40008        createAndAdd: 'Crear y añadir',
40009        alreadyAdded: '(Ya añadido)',
40010        addedToWishlist: 'añadido a mis favoritos',
40011        removedFromWishlist: 'eliminado de mis favoritos',
40012        allFavorites: 'Todos los favoritos'
40013      },
40014      'nl': {
40015        addToWishlist: 'Toevoegen aan mijn favorieten',
40016        createCategory: 'Nieuwe categorie aanmaken:',
40017        categoryPlaceholder: 'Categorienaam',
40018        createAndAdd: 'Aanmaken & toevoegen',
40019        alreadyAdded: '(Al toegevoegd)',
40020        addedToWishlist: 'toegevoegd aan mijn favorieten',
40021        removedFromWishlist: 'verwijderd uit mijn favorieten',
40022        allFavorites: 'Alle favorieten'
40023      },
40024      'pl': {
40025        addToWishlist: 'Dodaj do ulubionych',
40026        createCategory: 'Utwórz nową kategorię:',
40027        categoryPlaceholder: 'Nazwa kategorii',
40028        createAndAdd: 'Utwórz i dodaj',
40029        alreadyAdded: '(Już dodane)',
40030        addedToWishlist: 'dodano do ulubionych',
40031        removedFromWishlist: 'usunięto z ulubionych',
40032        allFavorites: 'Wszystkie ulubione'
40033      },
40034      'hu': {
40035        addToWishlist: 'Hozzáadás a kedvencekhez',
40036        createCategory: 'Új kategória létrehozása:',
40037        categoryPlaceholder: 'Kategória neve',
40038        createAndAdd: 'Létrehozás és hozzáadás',
40039        alreadyAdded: '(Már hozzáadva)',
40040        addedToWishlist: 'hozzáadva a kedvencekhez',
40041        removedFromWishlist: 'eltávolítva a kedvencekből',
40042        allFavorites: 'Minden kedvenc'
40043      },
40044      'ro': {
40045        addToWishlist: 'Adaugă la favorite',
40046        createCategory: 'Creează o nouă categorie:',
40047        categoryPlaceholder: 'Nume categorie',
40048        createAndAdd: 'Creează și adaugă',
40049        alreadyAdded: '(Deja adăugat)',
40050        addedToWishlist: 'adăugat la favorite',
40051        removedFromWishlist: 'eliminat din favorite',
40052        allFavorites: 'Toate preferințele'
40053      },
40054      'bg': {
40055        addToWishlist: 'Добави в любими',
40056        createCategory: 'Създай нова категория:',
40057        categoryPlaceholder: 'Име на категория',
40058        createAndAdd: 'Създай и добави',
40059        alreadyAdded: '(Вече добавено)',
40060        addedToWishlist: 'добавено в любими',
40061        removedFromWishlist: 'премахнато от любими',
40062        allFavorites: 'Всички любими'
40063      },
40064      'hr': {
40065        addToWishlist: 'Dodaj u favorite',
40066        createCategory: 'Kreiraj novu kategoriju:',
40067        categoryPlaceholder: 'Naziv kategorije',
40068        createAndAdd: 'Kreiraj i dodaj',
40069        alreadyAdded: '(Već dodano)',
40070        addedToWishlist: 'dodano u favorite',
40071        removedFromWishlist: 'uklonjeno iz favorita',
40072        allFavorites: 'Sva omiljena'
40073      },
40074      'fi': {
40075        addToWishlist: 'Lisää suosikkeihin',
40076        createCategory: 'Luo uusi kategoria:',
40077        categoryPlaceholder: 'Kategorian nimi',
40078        createAndAdd: 'Luo ja lisää',
40079        alreadyAdded: '(Jo lisätty)',
40080        addedToWishlist: 'lisätty suosikkeihin',
40081        removedFromWishlist: 'poistettu suosikeista',
40082        allFavorites: 'Kaikki suosikit'
40083      },
40084      'gr': {
40085        addToWishlist: 'Προσθήκη στα αγαπημένα',
40086        createCategory: 'Δημιουργία νέας κατηγορίας:',
40087        categoryPlaceholder: 'Όνομα κατηγορίας',
40088        createAndAdd: 'Δημιουργία & προσθήκη',
40089        alreadyAdded: '(Ήδη προστέθηκε)',
40090        addedToWishlist: 'προστέθηκε στα αγαπημένα',
40091        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
40092        allFavorites: 'Όλα τα αγαπημένα'
40093      },
40094      'no': {
40095        addToWishlist: 'Legg til i favoritter',
40096        createCategory: 'Opprett ny kategori:',
40097        categoryPlaceholder: 'Kategorinavn',
40098        createAndAdd: 'Opprett og legg til',
40099        alreadyAdded: '(Allerede lagt til)',
40100        addedToWishlist: 'lagt til i favoritter',
40101        removedFromWishlist: 'fjernet fra favoritter',
40102        allFavorites: 'Alle favoritter'
40103      },
40104      'pt-PT': {
40105        addToWishlist: 'Adicionar aos favoritos',
40106        createCategory: 'Criar nova categoria:',
40107        categoryPlaceholder: 'Nome da categoria',
40108        createAndAdd: 'Criar e adicionar',
40109        alreadyAdded: '(Já adicionado)',
40110        addedToWishlist: 'adicionado aos favoritos',
40111        removedFromWishlist: 'removido dos favoritos',
40112        allFavorites: 'Todos os favoritos'
40113      },
40114      'sl': {
40115        addToWishlist: 'Dodaj med priljubljene',
40116        createCategory: 'Ustvari novo kategorijo:',
40117        categoryPlaceholder: 'Ime kategorije',
40118        createAndAdd: 'Ustvari in dodaj',
40119        alreadyAdded: '(Že dodano)',
40120        addedToWishlist: 'dodano med priljubljene',
40121        removedFromWishlist: 'odstranjeno iz priljubljenih',
40122        allFavorites: 'Vsi priljubljeni'
40123      },
40124      'sv': {
40125        addToWishlist: 'Lägg till i favoriter',
40126        createCategory: 'Skapa ny kategori:',
40127        categoryPlaceholder: 'Kategorinamn',
40128        createAndAdd: 'Skapa och lägg till',
40129        alreadyAdded: '(Redan tillagd)',
40130        addedToWishlist: 'tillagd i favoriter',
40131        removedFromWishlist: 'borttagen från favoriter',
40132        allFavorites: 'Alla favoriter'
40133      },
40134      'lv': {
40135        addToWishlist: 'Pievienot favorītiem',
40136        createCategory: 'Izveidot jaunu kategoriju:',
40137        categoryPlaceholder: 'Kategorijas nosaukums',
40138        createAndAdd: 'Izveidot un pievienot',
40139        alreadyAdded: '(Jau pievienots)',
40140        addedToWishlist: 'pievienots favorītiem',
40141        removedFromWishlist: 'noņemts no favorītiem',
40142        allFavorites: 'Visas favorītus'
40143      },
40144      'lt': {
40145        addToWishlist: 'Pridėti į mėgstamiausius',
40146        createCategory: 'Sukurti naują kategoriją:',
40147        categoryPlaceholder: 'Kategorijos pavadinimas',
40148        createAndAdd: 'Sukurti ir pridėti',
40149        alreadyAdded: '(Jau pridėta)',
40150        addedToWishlist: 'pridėta į mėgstamiausius',
40151        removedFromWishlist: 'pašalinta iš mėgstamiausių',
40152        allFavorites: 'Visos mėgstamiausios'
40153      },
40154      'ee': {
40155        addToWishlist: 'Lisa lemmikutesse',
40156        createCategory: 'Loo uus kategooria:',
40157        categoryPlaceholder: 'Kategooria nimi',
40158        createAndAdd: 'Loo ja lisa',
40159        alreadyAdded: '(Juba lisatud)',
40160        addedToWishlist: 'lisatud lemmikutesse',
40161        removedFromWishlist: 'eemaldatud lemmikutest',
40162        allFavorites: 'Kõik lemmikud'
40163      },
40164      'dk': {
40165        addToWishlist: 'Tilføj til favoritter',
40166        createCategory: 'Opret ny kategori:',
40167        categoryPlaceholder: 'Kategorinavn',
40168        createAndAdd: 'Opret og tilføj',
40169        alreadyAdded: '(Allerede tilføjet)',
40170        addedToWishlist: 'tilføjet til favoritter',
40171        removedFromWishlist: 'fjernet fra favoritter',
40172        allFavorites: 'Alle favoritter'
40173      }
40174    };
40175
40176    function getWishlistLang() {
40177      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
40178      // Normalize for region codes (e.g., pt-PT, sl)
40179      if (lang.startsWith('pt-PT')) return 'pt-PT';
40180      if (lang.startsWith('sl')) return 'sl';
40181      if (lang.startsWith('cs')) return 'cs';
40182      if (lang.startsWith('sk')) return 'sk';
40183      if (lang.startsWith('de')) return 'de';
40184      if (lang.startsWith('fr')) return 'fr';
40185      if (lang.startsWith('it')) return 'it';
40186      if (lang.startsWith('es')) return 'es';
40187      if (lang.startsWith('nl')) return 'nl';
40188      if (lang.startsWith('pl')) return 'pl';
40189      if (lang.startsWith('hu')) return 'hu';
40190      if (lang.startsWith('ro')) return 'ro';
40191      if (lang.startsWith('bg')) return 'bg';
40192      if (lang.startsWith('hr')) return 'hr';
40193      if (lang.startsWith('fi')) return 'fi';
40194      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
40195      if (lang.startsWith('no')) return 'no';
40196      if (lang.startsWith('sv')) return 'sv';
40197      if (lang.startsWith('lv')) return 'lv';
40198      if (lang.startsWith('lt')) return 'lt';
40199      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
40200      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
40201      return 'en';
40202    }
40203
40204    // Get or initialize the wishlist array in localStorage
40205    function getWishlist() {
40206      const wishlistJSON = localStorage.getItem('rendl_wishlist');
40207      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
40208        categories: [
40209          {
40210            id: 'all-favorites',
40211            name: 'All Favorites',
40212            items: []
40213          }
40214        ],
40215        version: 2
40216      };
40217      
40218      // Handle migration from old format (array of items) to new format (categories)
40219      if (Array.isArray(wishlist)) {
40220        return {
40221          categories: [
40222            {
40223              id: 'all-favorites',
40224              name: 'All Favorites',
40225              items: wishlist
40226            }
40227          ],
40228          version: 2
40229        };
40230      }
40231      
40232      return wishlist;
40233    }
40234    
40235    // Save wishlist to localStorage
40236    function saveWishlist(wishlist) {
40237      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
40238      // Dispatch an event so other parts of the site can react to wishlist changes
40239      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
40240        detail: { wishlist: wishlist } 
40241      }));
40242      
40243      // Count total items across all categories
40244      const totalItems = wishlist.categories.reduce((total, category) => {
40245        return total + category.items.length;
40246      }, 0);
40247      
40248      // Update all wishlist counters
40249      updateWishlistCounters(totalItems);
40250    }
40251    
40252    // Update all wishlist counters on the page
40253    function updateWishlistCounters(count) {
40254      const counters = document.querySelectorAll('.wishlist-count');
40255      counters.forEach(counter => {
40256        counter.textContent = count;
40257        
40258        // If the counter is hidden and count > 0, show it
40259        if (count > 0 && counter.hasAttribute('hidden')) {
40260          counter.removeAttribute('hidden');
40261        }
40262        // If the counter is visible and count = 0, hide it
40263        else if (count === 0 && !counter.hasAttribute('hidden')) {
40264          counter.setAttribute('hidden', 'true');
40265        }
40266      });
40267    }
40268    
40269    // Check if a product is in the wishlist (in any category)
40270    function isInWishlist(productId) {
40271      const wishlist = getWishlist();
40272      return wishlist.categories.some(category => 
40273        category.items.some(item => item.id === productId)
40274      );
40275    }
40276    
40277    // Get all categories
40278    function getCategories() {
40279      return getWishlist().categories;
40280    }
40281    
40282    // Create a new category
40283    function createCategory(name) {
40284      const wishlist = getWishlist();
40285      const categoryId = 'category-' + Date.now();
40286      
40287      wishlist.categories.push({
40288        id: categoryId,
40289        name: name,
40290        items: []
40291      });
40292      
40293      saveWishlist(wishlist);
40294      return categoryId;
40295    }
40296    
40297    // Add a product to a specific category
40298    function addToCategory(product, categoryId) {
40299      const wishlist = getWishlist();
40300      const category = wishlist.categories.find(cat => cat.id === categoryId);
40301      
40302      if (!category) return false;
40303      
40304      // Check if product already exists in ANY category (not just this one)
40305      if (isInWishlist(product.id)) {
40306        return false; // Product already in wishlist
40307      }
40308      
40309      // Add product to category
40310      category.items.push(product);
40311      saveWishlist(wishlist);
40312      
40313      // Dispatch event for global sync
40314      document.dispatchEvent(new CustomEvent('wishlist:updated', {
40315        detail: { productId: product.id, added: true }
40316      }));
40317      
40318      return true;
40319    }
40320    
40321    // Add a product to the default "All Favorites" category
40322    function addToWishlist(product) {
40323      return addToCategory(product, 'all-favorites');
40324    }
40325    
40326    // Remove a product from all categories
40327    function removeFromWishlist(productId) {
40328      const wishlist = getWishlist();
40329      let removed = false;
40330      
40331      wishlist.categories.forEach(category => {
40332        const initialLength = category.items.length;
40333        category.items = category.items.filter(item => item.id !== productId);
40334        if (category.items.length !== initialLength) {
40335          removed = true;
40336        }
40337      });
40338      
40339      if (removed) {
40340        saveWishlist(wishlist);
40341      }
40342      
40343      return removed;
40344    }
40345    
40346    // Toggle a product in the wishlist
40347    function toggleWishlistItem(product) {
40348      if (isInWishlist(product.id)) {
40349        // If already in wishlist, remove it
40350        const wasRemoved = removeFromWishlist(product.id);
40351        
40352        // Update heart icon if the product was successfully removed
40353        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
40354        if (heartIcon && wasRemoved) {
40355          heartIcon.setAttribute('fill', 'none');
40356          showWishlistToast(false, product.title);
40357          
40358          // Dispatch event for global sync
40359          document.dispatchEvent(new CustomEvent('wishlist:updated', {
40360            detail: { productId: product.id, added: false }
40361          }));
40362        }
40363        return wasRemoved;
40364      } else {
40365        // If not in wishlist, show category selection popup
40366        showCategorySelectionPopup(product);
40367        return false; // Don't return true unless we actually add the product
40368      }
40369    }
40370    
40371    // Show wishlist category selection popup
40372    function showCategorySelectionPopup(product) {
40373      // Remove any existing popup
40374      const existingPopup = document.getElementById('wishlist-category-popup');
40375      if (existingPopup) {
40376        existingPopup.remove();
40377      }
40378
40379      const lang = getWishlistLang();
40380      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
40381
40382      // Create popup container
40383      const popup = document.createElement('div');
40384      popup.id = 'wishlist-category-popup';
40385      popup.className = 'wishlist-category-popup';
40386
40387      // Create popup content
40388      const content = document.createElement('div');
40389      content.className = 'wishlist-category-popup-content';
40390
40391      // Create header
40392      const title = document.createElement('h2');
40393      title.textContent = translations.addToWishlist; // Translate
40394
40395      const closeButton = document.createElement('button');
40396      closeButton.className = 'wishlist-category-popup-close';
40397      closeButton.setAttribute('aria-label', 'Close');
40398      closeButton.addEventListener('click', () => {
40399        popup.remove();
40400      });
40401      
40402      // Create category list
40403      const categoryList = document.createElement('div');
40404      categoryList.className = 'wishlist-category-list';
40405      
40406      // Get categories
40407      const categories = getCategories();
40408      
40409      // Add category options
40410      categories.forEach(category => {
40411        const categoryOption = document.createElement('div');
40412        categoryOption.className = 'wishlist-category-option';
40413        
40414        // Use translation for default category name
40415        categoryOption.textContent = category.id === 'all-favorites'
40416          ? (translations.allFavorites || category.name)
40417          : category.name;
40418
40419        // Highlight if product already in this category
40420        if (category.items.some(item => item.id === product.id)) {
40421          categoryOption.style.backgroundColor = '#f0f0f0';
40422          categoryOption.style.color = '#999';
40423          categoryOption.style.fontStyle = 'italic';
40424          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
40425          categoryOption.style.cursor = 'default';
40426        } else {
40427          categoryOption.addEventListener('click', () => {
40428            const wasAdded = addToCategory(product, category.id);
40429            
40430            if (wasAdded) {
40431              // Update heart icon after successful addition
40432              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
40433              if (heartIcon) {
40434                heartIcon.setAttribute('fill', '#333333');
40435              }
40436              
40437              showWishlistToast(true, product.title);
40438              popup.remove();
40439            }
40440          });
40441        }
40442        
40443        categoryList.appendChild(categoryOption);
40444      });
40445      
40446      // Create "add new category" section
40447      const newCategorySection = document.createElement('div');
40448      newCategorySection.style.borderTop = '1px solid #eee';
40449      newCategorySection.style.paddingTop = '15px';
40450      newCategorySection.style.marginTop = '10px';
40451      
40452      const newCategoryLabel = document.createElement('label');
40453      newCategoryLabel.textContent = translations.createCategory; // Translate
40454
40455      const newCategoryInput = document.createElement('input');
40456      newCategoryInput.type = 'text';
40457      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
40458
40459      const createButton = document.createElement('button');
40460      createButton.className = 'create-category-button';
40461      createButton.textContent = translations.createAndAdd; // Translate
40462
40463      createButton.addEventListener('click', () => {
40464        const categoryName = newCategoryInput.value.trim();
40465        if (categoryName) {
40466          const categoryId = createCategory(categoryName);
40467          const wasAdded = addToCategory(product, categoryId);
40468          
40469          if (wasAdded) {
40470            // Update heart icon after successful addition
40471            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
40472            if (heartIcon) {
40473              heartIcon.setAttribute('fill', '#333333');
40474            }
40475            
40476            showWishlistToast(true, product.title);
40477            popup.remove();
40478          }
40479        }
40480      });
40481      
40482      newCategorySection.appendChild(newCategoryLabel);
40483      newCategorySection.appendChild(newCategoryInput);
40484      newCategorySection.appendChild(createButton);
40485      
40486      // Assemble popup
40487      content.appendChild(title);
40488      content.appendChild(closeButton);
40489      content.appendChild(categoryList);
40490      content.appendChild(newCategorySection);
40491      popup.appendChild(content);
40492      
40493      // Add to document
40494      document.body.appendChild(popup);
40495      
40496      // Focus the input
40497      setTimeout(() => {
40498        newCategoryInput.focus();
40499      }, 100);
40500      
40501      // Close when clicking outside content
40502      popup.addEventListener('click', (e) => {
40503        if (e.target === popup) {
40504          popup.remove();
40505        }
40506      });
40507    }
40508    
40509    // Show a toast notification
40510    function showWishlistToast(added, productTitle) {
40511      // Create or get toast container
40512      let toastContainer = document.getElementById('wishlist-toast');
40513      if (!toastContainer) {
40514        toastContainer = document.createElement('div');
40515        toastContainer.id = 'wishlist-toast';
40516        toastContainer.style.position = 'fixed';
40517        toastContainer.style.bottom = '20px';
40518        toastContainer.style.right = '20px';
40519        toastContainer.style.zIndex = '9999';
40520        document.body.appendChild(toastContainer);
40521      }
40522      
40523      // Create toast
40524      const toast = document.createElement('div');
40525      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
40526      toast.style.color = 'white';
40527      toast.style.padding = '12px 20px';
40528      toast.style.borderRadius = '0';
40529      toast.style.marginTop = '10px';
40530      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
40531      toast.style.transition = 'all 0.3s ease';
40532      toast.style.opacity = '0';
40533      toast.style.fontFamily = 'Montserrat, sans-serif';
40534      
40535      // Choose text based on action
40536      const lang = getWishlistLang();
40537      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
40538      toast.textContent = added
40539        ? `${productTitle} ${translations.addedToWishlist}` // Translate
40540        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
40541      
40542      // Add to container
40543      toastContainer.appendChild(toast);
40544      
40545      // Animate in
40546      setTimeout(() => {
40547        toast.style.opacity = '1';
40548      }, 10);
40549      
40550      // Animate out and remove
40551      setTimeout(() => {
40552        toast.style.opacity = '0';
40553        setTimeout(() => {
40554          toastContainer.removeChild(toast);
40555        }, 300);
40556      }, 3000);
40557    }
40558
40559    // Initialize wishlist buttons
40560    function initCardWishlistButtons() {
40561      const wishlistButtons = document.querySelectorAll('.card-wis
40561hlist-button');
40562      
40563      wishlistButtons.forEach(button => {
40564        // Skip if already initialized
40565        if (button.dataset.initializedWishlist === 'true') return;
40566        button.dataset.initializedWishlist = 'true';
40567        
40568        const productId = button.getAttribute('data-wishlist-product');
40569        if (!productId) return;
40570        
40571        // Get product details from the card
40572        const card = button.closest('.card-wrapper');
40573        const productDetails = {
40574          id: productId,
40575          title: card.querySelector('.card__heading')?.textContent.trim() || '',
40576          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
40577          price: card.querySelector('.price')?.textContent.trim() || '',
40578          image: card.querySelector('img')?.src || '',
40579          url: card.querySelector('a[href*="/products/"]')?.href || ''
40580        };
40581        
40582        // Set initial state using global function
40583        const heartIcon = button.querySelector('path');
40584        if (heartIcon) {
40585          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
40586            heartIcon.setAttribute('fill', '#333333');
40587          } else {
40588            heartIcon.setAttribute('fill', 'none');
40589          }
40590        }
40591        
40592        // Add click handler
40593        button.addEventListener('click', function(e) {
40594          e.preventDefault();
40595          e.stopPropagation();
40596          e.stopImmediatePropagation();
40597          toggleWishlistItem(productDetails);
40598        });
40599        
40600        // Prevent navigation on mousedown/touchstart
40601        button.addEventListener('mousedown', function(e) {
40602          e.preventDefault();
40603          e.stopPropagation();
40604        });
40605        
40606        button.addEventListener('touchstart', function(e) {
40607          e.preventDefault();
40608          e.stopPropagation();
40609        });
40610      });
40611    }
40612
40613    // Initialize the wishlist counter on page load
40614    const wishlist = getWishlist();
40615    const totalItems = wishlist.categories.reduce((total, category) => {
40616      return total + category.items.length;
40617    }, 0);
40618    updateWishlistCounters(totalItems);
40619
40620    // Initialize on DOM ready
40621    if (document.readyState === 'loading') {
40622      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
40623    } else {
40624      initCardWishlistButtons();
40625    }
40626
40627    // Reinitialize on Shopify section load
40628    document.addEventListener('shopify:section:load', function() {
40629      setTimeout(initCardWishlistButtons, 100);
40630    });
40631
40632    // Listen for wishlist updates from other parts of the site
40633    document.addEventListener('wishlist:updated', function() {
40634      setTimeout(initCardWishlistButtons, 100);
40635    });
40636  })();
40637</script>
40637
40638
40639<!-- Price info icon styles -->
40640<style>
40641  /* Price container with icon */
40642  .price-container-with-info {
40643    position: relative;
40644    display: flex;
40645    align-items: center;
40646    gap: 8px;
40647  }
40648
40649  /* Info icon - hidden by default, shown on card hover */
40650  .price-info-icon {
40651    position: relative;
40652    display: inline-flex;
40653    align-items: center;
40654    justify-content: center;
40655    color: #666;
40656    cursor: help;
40657    opacity: 0;
40658    transition: opacity 0.3s ease;
40659
40660    padding: 4px; /* Add padding to increase clickable area */
40661    min-width: 20px; /* Ensure minimum clickable area */
40662    min-height: 20px;
40663    z-index: 15; /* Above everything else including compare button */
40664    pointer-events: auto; /* Allow interaction */
40665  }
40666
40667  /* Show icon on card hover */
40668  .card-wrapper:hover .price-info-icon {
40669    opacity: 1;
40670  }
40671
40672  .price-info-icon svg {
40673    width: 14px;
40674    height: 14px;
40675    stroke-width: 1.5;
40676  }
40677
40678  /* Tooltip styles */
40679  .price-info-tooltip {
40680    position: absolute;
40681    bottom: calc(100% + 6px);
40682    top: auto;
40683    left: 0;
40684    transform: none;
40685    min-width: 310px;
40686    background: #FFFFFF;
40687    color: #232323;
40688    border: 1px solid #EEEEEE;
40689    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
40690    padding: 12px 16px;
40691    font-size: 13px;
40692    font-family: 'Montserrat', sans-serif;
40693    z-index: 10000;
40694    opacity: 0;
40695    transition: opacity 0.18s;
40696    white-space: pre-line;
40697    text-align: left;
40698    border-radius: 0;
40699    visibility: hidden;
40700    pointer-events: none;
40701  }
40702
40703  /* Show tooltip on icon hover */
40704  .price-info-icon:hover .price-info-tooltip {
40705    visibility: visible;
40706    opacity: 1;
40707  }
40708
40709  /* Ensure tooltip is never clipped */
40710  .price-container-with-info,
40711  .card-information,
40712  .card__content {
40713    overflow: visible !important;
40714  }
40715
40716  /* Mobile adjustments */
40717  @media screen and (max-width: 768px) {
40718    .price-info-tooltip {
40719      min-width: 200px;
40720      font-size: 12px;
40721      padding: 10px 12px;
40722    }
40723  }
40724</style>
40725
40726                </li>
40727                <li
40728                  class="grid__item"
40729                  
40730                >
40731                  
40732<div class="card-wrapper product-card-wrapper underline-links-hover">
40733
40734    <div
40735      class="
40736        card card--standard
40737         card--media
40738        
40739        
40740        
40741        
40742        
40743      "
40744      style="--ratio-percent: 100.0%;"
40745      data-product-id="9746937053482"
40746      data-description="Ulkotilan pollari, jossa on opaalinvärinen kupu ja E27-pidin LED-valonlähteille."
40747      
40748      data-ip-rate="IP44"
40749      
40750      data-variant-id="52387977134378"
40751      data-price="120.00 EUR"
40752      data-compare-at-price=""
40753      data-available="true"
40754      data-barcode="8595685423838"
40755      data-ip-rate="IP44"
40756      data-lumens=""
40757      data-power-source=""
40758      data-watt="11.0"
40759      data-kelvin=""
40760      data-light-color=""
40761      data-diameter="8.0"
40762      data-weight-netto="1385.0"
40763      data-weight-unit="g"
40764      data-mounting-hole-size=""
40765      data-recess-depth=""
40766      data-suspension-lenght=""
40767      data-turn-angle=""
40768      data-tilt-angle=""
40769      data-switch=""
40770      data-socket="LED E27"
40771      data-light-source-recomended="G13307"
40772      data-height="80"
40773      data-length=""
40774      data-Length=""
40775    >
40776      <div
40777        class="card__inner color-scheme-2 gradient ratio"
40778        style="--ratio-percent: 100.0%;"
40779      >
40780        
40781
40782<div class="ip-rate-badge">
40783            <span>IP44</span>
40784          </div><div class="card__media">
40785            <a class="card__media-link-content" href="/products/bonnie-80-bollard-lamp" aria-label="BONNIE POLLARI">
40786              <div class="media media--transparent media--hover-effect">
40787              
40788              <img
40789                class="product-image motion-reduce"
40790                srcset="//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=165 165w,//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=360 360w,//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=533 533w,//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=720 720w,//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=940 940w,//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=1066 1066w,//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423 4899w
40791                "
40792                src="//rendl.fi/cdn/shop/files/r13636-1.jpg?v=1745935423&width=533"
40793                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
40794                alt="RENDL outdoor lamp BONNIE 80 bollard anthracite grey  230V LED E27 11W IP44 R13636 1"
40795                
40796                  loading="lazy"
40797                
40798                width="4899"
40799                height="4899"
40800              >
40801              
40802<img
40803                  class="product-image motion-reduce"
40804                  srcset="//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=165 165w,//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=360 360w,//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=533 533w,//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=720 720w,//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=940 940w,//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=1066 1066w,//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880 3162w
40805                  "
40806                  src="//rendl.fi/cdn/shop/files/r13636-2.jpg?v=1762477880&width=533"
40807                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
40808                  alt=""
40809                  loading="lazy"
40810                  width="3162"
40811                  height="3162"
40812                ></div>
40813            </a>
40814            
40815<div class="card-media-icons"><div class="dimmable-icon">
40816                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Dimmable.svg?v=1753944550" alt="Dimmable" width="14" height="14">
40817                    <div class="dimmable-tooltip">Himmentävä sopivalla valonlähteellä</div>
40818                  </div></div><div class="card-variant-swatches"><a
40819                    class="card-variant-swatch"
40820                    href="/products/bonnie-80-bollard-lamp?variant=52387977134378"
40821                    
40822                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
40823                    
40824                    aria-label="tummanharmaa"
40825                  >
40826                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
40827          <div class="card__information">
40828            <h3
40829              class="card__heading"
40830              
40831            >
40832              <a
40833                href="/products/bonnie-80-bollard-lamp"
40834                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746937053482"
40835                class="full-unstyled-link"
40836                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746937053482 NoMediaStandardBadge-template--28113427169578__product-grid-9746937053482"
40837              >
40838                BONNIE POLLARI
40839              </a>
40840            </h3>
40841          </div>
40842          <div class="card__badge bottom left"></div>
40843        </div>
40844      </div>
40845      <div class="card__content">
40846        <div class="card__information">
40847          <h3
40848            class="card__heading h5"
40849            
40850              id="title-template--28113427169578__product-grid-9746937053482"
40851            
40852          >
40853            <a
40854              href="/products/bonnie-80-bollard-lamp"
40855              id="CardLink-template--28113427169578__product-grid-9746937053482"
40856              class="full-unstyled-link"
40857              aria-labelledby="CardLink-template--28113427169578__product-grid-9746937053482 Badge-template--28113427169578__product-grid-9746937053482"
40858            >
40859              BONNIE POLLARI
40860            </a>
40861          </h3><div class="card__description">
40862              Ulkotilan pollari, jossa on opaalinvärinen kupu ja E27-pidin LED-valonlähteille.
40863            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
40864              
40865<div
40866    class="
40867      price "
40868  >
40869    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
40870          <span class="price-item price-item--regular">
40871            120.00 EUR
40872          </span></div>
40873      <div class="price__sale">
40874          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
40875          <span>
40876            <s class="price-item price-item--regular">
40877              
40878                
40879              
40880            </s>
40881          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
40882        <span class="price-item price-item--sale price-item--last">
40883          120.00 EUR
40884        </span>
40885      </div>
40886      <small class="unit-price caption hidden">
40887        <span class="visually-hidden">Yksikköhinta</span>
40888        <span class="price-item price-item--last">
40889          <span></span>
40890          <span aria-hidden="true">/</span>
40891          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
40892          <span>
40893          </span>
40894        </span>
40895      </small>
40896    </div></div>
40897
40898
40899</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
40900              <button class="compare-button-simple" 
40901                      data-product-id="9746937053482" 
40902                      data-product-title="BONNIE POLLARI"
40903                      data-product-handle="bonnie-80-bollard-lamp">
40904                              <span class="compare-button-content">
40905                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
40906                    <span class="compare-text" data-translate="compare">compare</span>
40907                  </span>
40908                <span class="compare-spinner-small">
40909                  <!-- Small spinner for button -->
40910                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
40911                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
40912                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
40913                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
40913inite"/>
40914                    </path>
40915                  </svg>
40916                </span>
40917              </button>
40918              
40919              <!-- Wishlist button next to compare button -->
40920              <button type="button" class="card-wishlist-button" data-wishlist-product="9746937053482">
40921                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
40922                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
40923                </svg>
40924              </button>
40925            </div></div>
40926        </div>
40927        
40928        
40929        
40930          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746937053482" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
40931                    type="hidden"
40932                    name="id"
40933                    value="52387977134378"
40934                    class="product-variant-id"
40935                    
40936                  >
40937                  <button
40938                    id="quick-add-template--28113427169578__product-grid9746937053482-submit"
40939                    type="submit"
40940                    name="add"
40941                    class="quick-add__submit button button--full-width button--secondary"
40942                    aria-haspopup="dialog"
40943                    aria-labelledby="quick-add-template--28113427169578__product-grid9746937053482-submit title-template--28113427169578__product-grid-9746937053482"
40944                    aria-live="polite"
40945                    data-sold-out-message="true"
40946                    
40947                  >
40948                    <span>Lisää ostoskoriin
40949</span>
40950                    <span class="sold-out-message hidden">
40951                      Matkalla
40952                    </span>
40953
40954<div class="loading__spinner hidden">
40955  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
40956
40957</div>
40958</button><input type="hidden" name="product-id" value="9746937053482" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
40959        
40960        <div class="card__badge bottom left"></div>
40961      </div>
40962    </div>
40963  </div>
40963<script>
40964  // Initialize global compare translations only once
40965  if (typeof window.compareButtonTranslations === 'undefined') {
40966    window.compareButtonTranslations = {
40967      compare: {
40968        en: 'compare',
40969        cs: 'porovnat',
40970        sk: 'porovnať',
40971        de: 'vergleichen',
40972        at: 'vergleichen',
40973        ch: 'vergleichen',
40974        fr: 'comparer',
40975        be: 'comparer',
40976        lu: 'comparer',
40977        it: 'confronta',
40978        es: 'comparar',
40979        nl: 'vergelijken',
40980        pl: 'porównaj',
40981        hu: 'összehasonlít',
40982        ro: 'compară',
40983        bg: 'сравни',
40984        hr: 'usporedi',
40985        fi: 'vertaile',
40986        gr: 'σύγκριση',
40987        el: 'σύγκριση',
40988        no: 'sammenlign',
40989        'pt-PT': 'comparar',
40990        sl: 'primerjaj',
40991        sv: 'jämför',
40992        lv: 'salīdzināt',
40993        lt: 'palyginti',
40994        ee: 'võrdle',
40995        dk: 'sammenlign',
40996        gb: 'compare',
40997        uk: 'compare',
40998        ie: 'compare',
40999        us: 'compare',
41000        ca: 'compare',
41001        au: 'compare',
41002        nz: 'compare',
41003        ru: 'сравнить'
41004      },
41005      remove: {
41006        en: 'remove',
41007        cs: 'odebrat',
41008        sk: 'odobrať',
41009        de: 'entfernen',
41010        at: 'entfernen',
41011        ch: 'entfernen',
41012        fr: 'supprimer',
41013        be: 'supprimer',
41014        lu: 'supprimer',
41015        it: 'rimuovi',
41016        es: 'eliminar',
41017        nl: 'verwijderen',
41018        pl: 'usuń',
41019        hu: 'eltávolít',
41020        ro: 'elimină',
41021        bg: 'премахни',
41022        hr: 'ukloni',
41023        fi: 'poista',
41024        gr: 'αφαίρεση',
41025        el: 'αφαίρεση',
41026        no: 'fjern',
41027        'pt-PT': 'remover',
41028        sl: 'odstrani',
41029        sv: 'ta bort',
41030        lv: 'noņemt',
41031        lt: 'pašalinti',
41032        ee: 'eemalda',
41033        dk: 'fjern',
41034        gb: 'remove',
41035        uk: 'remove',
41036        ie: 'remove',
41037        us: 'remove',
41038        ca: 'remove',
41039        au: 'remove',
41040        nz: 'remove',
41041        ru: 'удалить'
41042      },
41043      added: {
41044        en: 'Added!',
41045        cs: 'Přidáno!',
41046        sk: 'Pridané!',
41047        de: 'Hinzugefügt!',
41048        at: 'Hinzugefügt!',
41049        ch: 'Hinzugefügt!',
41050        fr: 'Ajouté!',
41051        be: 'Ajouté!',
41052        lu: 'Ajouté!',
41053        it: 'Aggiunto!',
41054        es: '¡Añadido!',
41055        nl: 'Toegevoegd!',
41056        pl: 'Dodano!',
41057        hu: 'Hozzáadva!',
41058        ro: 'Adăugat!',
41059        bg: 'Добавено!',
41060        hr: 'Dodano!',
41061        fi: 'Lisätty!',
41062        gr: 'Προστέθηκε!',
41063        el: 'Προστέθηκε!',
41064        no: 'Lagt til!',
41065        'pt-PT': 'Adicionado!',
41066        sl: 'Dodano!',
41067        sv: 'Tillagd!',
41068        lv: 'Pievienots!',
41069        lt: 'Pridėta!',
41070        ee: 'Lisatud!',
41071        dk: 'Tilføjet!',
41072        gb: 'Added!',
41073        uk: 'Added!',
41074        ie: 'Added!',
41075        us: 'Added!',
41076        ca: 'Added!',
41077        au: 'Added!',
41078        nz: 'Added!',
41079        ru: 'Добавлено!'
41080      },
41081      removed: {
41082        en: 'Removed!',
41083        cs: 'Odebráno!',
41084        sk: 'Odobrané!',
41085        de: 'Entfernt!',
41086        at: 'Entfernt!',
41087        ch: 'Entfernt!',
41088        fr: 'Supprimé!',
41089        be: 'Supprimé!',
41090        lu: 'Supprimé!',
41091        it: 'Rimosso!',
41092        es: '¡Eliminado!',
41093        nl: 'Verwijderd!',
41094        pl: 'Usunięto!',
41095        hu: 'Eltávolítva!',
41096        ro: 'Eliminat!',
41097        bg: 'Премахнато!',
41098        hr: 'Uklonjeno!',
41099        fi: 'Poistettu!',
41100        gr: 'Αφαιρέθηκε!',
41101        el: 'Αφαιρέθηκε!',
41102        no: 'Fjernet!',
41103        'pt-PT': 'Removido!',
41104        sl: 'Odstranjeno!',
41105        sv: 'Borttaget!',
41106        lv: 'Noņemts!',
41107        lt: 'Pašalinta!',
41108        ee: 'Eemaldatud!',
41109        dk: 'Fjernet!',
41110        gb: 'Removed!',
41111        uk: 'Removed!',
41112        ie: 'Removed!',
41113        us: 'Removed!',
41114        ca: 'Removed!',
41115        au: 'Removed!',
41116        nz: 'Removed!',
41117        ru: 'Удалено!'
41118      }
41119    };
41120
41121    // Tooltip translations for price info
41122    window.tooltipTranslations = {
41123      tooltipPrice: {
41124        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41125        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
41126        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
41127        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
41128        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
41129        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
41130        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
41131        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
41132        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
41133        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
41134        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
41135        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
41136        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
41137        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
41138        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
41139        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
41140        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
41141        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
41142        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
41143        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
41144        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
41145        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
41146        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
41147        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
41148        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
41148iks atskaitīts, ja piemērojams.",
41149        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
41150        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
41151        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
41152        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41153        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41154        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41155        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41156        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41157        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41158        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
41159        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
41160      },
41161      tooltipOutlet: {
41162        en: "We do not provide additional wholesale discounts on outlet products.",
41163        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
41164        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
41165        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
41166        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
41167        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
41168        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
41169        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
41170        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
41171        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
41172        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
41173        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
41174        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
41175        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
41176        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
41177        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
41178        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
41179        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
41180        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
41181        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
41182        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
41183        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
41184        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
41185        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
41186        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
41187        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
41188        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
41189        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
41190        gb: "We do not provide additional wholesale discounts on outlet products.",
41191        uk: "We do not provide additional wholesale discounts on outlet products.",
41192        ie: "We do not provide additional wholesale discounts on outlet products.",
41193        us: "We do not provide additional wholesale discounts on outlet products.",
41194        ca: "We do not provide additional wholesale discounts on outlet products.",
41195        au: "We do not provide additional wholesale discounts on outlet products.",
41196        nz: "We do not provide additional wholesale discounts on outlet products.",
41197        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
41198      }
41199    };
41200
41201    // Get current locale from document
41202    window.currentLocale = document.documentElement.lang || 'en';
41203
41204    // Function to translate compare buttons
41205    window.translateCompareButtons = function() {
41206      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
41207      compareTexts.forEach(function(textEl) {
41208        const button = textEl.closest('.compare-button-simple');
41209        const isInComparison = button && button.hasAttribute('data-in-comparison');
41210        
41211        if (isInComparison) {
41212          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
41213          textEl.textContent = translation;
41214        } else {
41215          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
41216          textEl.textContent = translation;
41217        }
41218      });
41219    };
41220
41221    // Function to format price with space as thousands separator (only for tooltip)
41222    function formatTooltipPrice(price) {
41223      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
41224      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
41225    }
41226
41227    // Function to translate tooltips with price
41228    window.translateTooltips = function() {
41229      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
41230      tooltips.forEach(function(tooltip) {
41231        const icon = tooltip.closest('.price-info-icon');
41232        if (icon) {
41233          const status = icon.getAttribute('data-status');
41234          // Check if this is an outlet product
41235          if (status === 'outlet') {
41236            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
41237            tooltip.textContent = translation;
41238            return; // Exit early for outlet products
41239          }
41240          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
41241          // Get wholesale price from the actual price display on the card
41242          const card = icon.closest('[data-product-id]');
41243          let wholesalePrice = '';
41244          if (card) {
41245            // Find the main price element on the card
41246            const priceElement = card.querySelector('.price .price-item--regular');
41247            if (priceElement) {
41248              wholesalePrice = priceElement.textContent.trim();
41249            }
41250          }
41251          if (retailPrice && wholesalePrice) {
41252            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
41253            let formattedRetailPrice = formatTooltipPrice(retailPrice);
41254            let formattedWholesalePrice = wholesalePrice;
41255            if (window.formatPriceText) {
41256              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
41257            }
41258            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
41259            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
41260            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
41261            tooltip.textContent = translatedText;
41262          }
41263        }
41264      });
41265    };
41266
41267    // Function to update button state based on comparison status
41268    window.updateCompareButtonState = function(productId, isInComparison) {
41269      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
41270      buttons.forEach(function(button) {
41271        const buttonContainer = button.closest('.compare-button-container');
41272        const compareText = button.querySelector('.compare-text');
41273        
41274        if (isInComparison) {
41275          button.setAttribute('data-in-comparison', 'true');
41276          button.classList.add('in-comparison');
41277          buttonContainer.classList.add('in-comparison');
41278          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
41279          compareText.textContent = removeText;
41280        } else {
41281          button.removeAttribute('data-in-comparison');
41282          button.classList.remove('in-comparison');
41283          buttonContainer.classList.remove('in-comparison');
41284          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
41285          compareText.textContent = compareTextTranslation;
41286        }
41287      });
41288    };
41289  }
41290
41291  // Initialize compare button states based on localStorage
41292  window.initializeCompareButtonStates = function() {
41293    if (typeof window.RendlCompare !== 'undefined') {
41294      const compareItems = window.RendlCompare.getItems();
41295      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
41296        const productId = button.getAttribute('data-product-id');
41297        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
41298        window.updateCompareButtonState(productId, isInComparison);
41299      });
41300    }
41301  };
41302
41303  // Compare button UI animation - the actual functionality is handled by compare-system.js
41304  document.addEventListener('DOMContentLoaded', function() {
41305    // Apply translations on page load
41306    if (window.translateCompareButtons) {
41307      window.translateCompareButtons();
41308    }
41309    
41310    // Initialize button states based on comparison data
41311    setTimeout(function() {
41312      if (window.initializeCompareButtonStates) {
41313        window.initializeCompareButtonStates();
41314      }
41315    }, 100); // Small delay to ensure compare system is loaded
41316    
41317    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
41318      // Skip if already has event listener
41319      if (button.hasAttribute('data-compare-initialized')) {
41320        return;
41321      }
41322      button.setAttribute('data-compare-initialized', 'true');
41323      
41324      button.addEventListener('click', function(e) {
41325        var buttonContainer = button.closest('.compare-button-container');
41326        var compareText = button.querySelector('.compare-text');
41327        var isInComparison = button.hasAttribute('data-in-comparison');
41328        var productId = button.getAttribute('data-product-id');
41329        
41330        // Prevent multiple clicks during loading
41331        if (button.classList.contains('loading')) {
41332          return;
41333        }
41334        
41335        // Make button always visible during the process
41336        buttonContainer.classList.add('active');
41337        
41338        // Add loading class to show spinner
41339        button.classList.add('loading');
41340        
41341        // UI feedback timing
41342        setTimeout(function() {
41343          // Remove loading class and show success message
41344          button.classList.remove('loading');
41345          button.classList.add('success');
41346          
41347          if (isInComparison) {
41348            // Removing from comparison
41349            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
41350            
41351            // Update button state after removal
41352            setTimeout(function() {
41353              button.classList.remove('success');
41354              window.updateCompareButtonState(productId, false);
41355              buttonContainer.classList.remove('active');
41356            }, 1500);
41357          } else {
41358            // Adding to comparison
41359            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
41360            
41361            // Update button state after addition
41362            setTimeout(function() {
41363              button.classList.remove('success');
41364              window.updateCompareButtonState(productId, true);
41365              buttonContainer.classList.remove('active');
41366            }, 1500);
41367          }
41368        }, 1200);
41369      });
41370    });
41371
41372    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
41373    setTimeout(function() {
41374      if (window.translateTooltips) {
41375        window.translateTooltips();
41376      }
41377    }, 100);
41378  });
41379
41380  // Ensure compare button states are initialized after RendlCompare is available
41381  document.addEventListener('DOMContentLoaded', function() {
41382    function tryInitCompareButtons() {
41383      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
41384        window.initializeCompareButtonStates();
41385      } else {
41386        setTimeout(tryInitCompareButtons, 100);
41387      }
41388    }
41389    tryInitCompareButtons();
41390  });
41391
41392  // Self-contained wishlist functionality for card-product
41393  (function() {
41394    // Wishlist translations
41395    var wishlistTranslations = {
41396      'en': {
41397        addToWishlist: 'Add to My Favorites',
41398        createCategory: 'Create new category:',
41399        categoryPlaceholder: 'Category name',
41400        createAndAdd: 'Create & Add Item',
41401        alreadyAdded: '(Already added)',
41402        addedToWishlist: 'added to My Favorites',
41403        removedFromWishlist: 'removed from My Favorites',
41404        allFavorites: 'All Favorites'
41405      },
41406      'cs': {
41407        addToWishlist: 'Přidat do oblíbených',
41408        createCategory: 'Vytvořit novou skupinu:',
41409        categoryPlaceholder: 'Název nové skupiny',
41410        createAndAdd: 'Vytvořit a přidat skupinu',
41411        alreadyAdded: '(Již přidáno)',
41412        addedToWishlist: 'přidáno do oblíbených',
41413        removedFromWishlist: 'odebráno z oblíbených',
41414        allFavorites: 'Všechny oblíbené'
41415      },
41416      'sk': {
41417        addToWishlist: 'Pridať do obľúbených',
41418        createCategory: 'Vytvoriť novú kategóriu:',
41419        categoryPlaceholder: 'Názov kategórie',
41420        createAndAdd: 'Vytvoriť a pridať položku',
41421        alreadyAdded: '(Už pridané)',
41422        addedToWishlist: 'pridané do obľúbených',
41423        removedFromWishlist: 'odstránené z obľúbených',
41424        allFavorites: 'Všetky obľúbené'
41425      },
41426      'de': {
41427        addToWishlist: 'Zu meinen Favoriten hinzufügen',
41428        createCategory: 'Neue Kategorie erstellen:',
41429        categoryPlaceholder: 'Kategoriename',
41430        createAndAdd: 'Erstellen & hinzufügen',
41431        alreadyAdded: '(Bereits hinzugefügt)',
41432        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
41433        removedFromWishlist: 'aus meinen Favoriten entfernt',
41434        allFavorites: 'Alle Favoriten'
41435      },
41436      'fr': {
41437        addToWishlist: 'Ajouter à mes favoris',
41438        createCategory: 'Créer une nouvelle catégorie :',
41439        categoryPlaceholder: 'Nom de la catégorie',
41440        createAndAdd: 'Créer et ajouter',
41441        alreadyAdded: '(Déjà ajouté)',
41442        addedToWishlist: 'ajouté à mes favoris',
41443        removedFromWishlist: 'retiré de mes favoris',
41444        allFavorites: 'Tous les favoris'
41445      },
41446      'it': {
41447        addToWishlist: 'Aggiungi ai preferiti',
41448        createCategory: 'Crea nuova categoria:',
41449        categoryPlaceholder: 'Nome categoria',
41450        createAndAdd: 'Crea e aggiungi',
41451        alreadyAdded: '(Già aggiunto)',
41452        addedToWishlist: 'aggiunto ai preferiti',
41453        removedFromWishlist: 'rimosso dai preferiti',
41454        allFavorites: 'Tutti i preferiti'
41455      },
41456      'es': {
41457        addToWishlist: 'Añadir a mis favoritos',
41458        createCategory: 'Crear nueva categoría:',
41459        categoryPlaceholder: 'Nombre de la categoría',
41460        createAndAdd: 'Crear y añadir',
41461        alreadyAdded: '(Ya añadido)',
41462        addedToWishlist: 'añadido a mis favoritos',
41463        removedFromWishlist: 'eliminado de mis favoritos',
41464        allFavorites: 'Todos los favoritos'
41465      },
41466      'nl': {
41467        addToWishlist: 'Toevoegen aan mijn favorieten',
41468        createCategory: 'Nieuwe categorie aanmaken:',
41469        categoryPlaceholder: 'Categorienaam',
41470        createAndAdd: 'Aanmaken & toevoegen',
41471        alreadyAdded: '(Al toegevoegd)',
41472        addedToWishlist: 'toegevoegd aan mijn favorieten',
41473        removedFromWishlist: 'verwijderd uit mijn favorieten',
41474        allFavorites: 'Alle favorieten'
41475      },
41476      'pl': {
41477        addToWishlist: 'Dodaj do ulubionych',
41478        createCategory: 'Utwórz nową kategorię:',
41479        categoryPlaceholder: 'Nazwa kategorii',
41480        createAndAdd: 'Utwórz i dodaj',
41481        alreadyAdded: '(Już dodane)',
41482        addedToWishlist: 'dodano do ulubionych',
41483        removedFromWishlist: 'usunięto z ulubionych',
41484        allFavorites: 'Wszystkie ulubione'
41485      },
41486      'hu': {
41487        addToWishlist: 'Hozzáadás a kedvencekhez',
41488        createCategory: 'Új kategória létrehozása:',
41489        categoryPlaceholder: 'Kategória neve',
41490        createAndAdd: 'Létrehozás és hozzáadás',
41491        alreadyAdded: '(Már hozzáadva)',
41492        addedToWishlist: 'hozzáadva a kedvencekhez',
41493        removedFromWishlist: 'eltávolítva a kedvencekből',
41494        allFavorites: 'Minden kedvenc'
41495      },
41496      'ro': {
41497        addToWishlist: 'Adaugă la favorite',
41498        createCategory: 'Creează o nouă categorie:',
41499        categoryPlaceholder: 'Nume categorie',
41500        createAndAdd: 'Creează și adaugă',
41501        alreadyAdded: '(Deja adăugat)',
41502        addedToWishlist: 'adăugat la favorite',
41503        removedFromWishlist: 'eliminat din favorite',
41504        allFavorites: 'Toate preferințele'
41505      },
41506      'bg': {
41507        addToWishlist: 'Добави в любими',
41508        createCategory: 'Създай нова категория:',
41509        categoryPlaceholder: 'Име на категория',
41510        createAndAdd: 'Създай и добави',
41511        alreadyAdded: '(Вече добавено)',
41512        addedToWishlist: 'добавено в любими',
41513        removedFromWishlist: 'премахнато от любими',
41514        allFavorites: 'Всички любими'
41515      },
41516      'hr': {
41517        addToWishlist: 'Dodaj u favorite',
41518        createCategory: 'Kreiraj novu kategoriju:',
41519        categoryPlaceholder: 'Naziv kategorije',
41520        createAndAdd: 'Kreiraj i dodaj',
41521        alreadyAdded: '(Već dodano)',
41522        addedToWishlist: 'dodano u favorite',
41523        removedFromWishlist: 'uklonjeno iz favorita',
41524        allFavorites: 'Sva omiljena'
41525      },
41526      'fi': {
41527        addToWishlist: 'Lisää suosikkeihin',
41528        createCategory: 'Luo uusi kategoria:',
41529        categoryPlaceholder: 'Kategorian nimi',
41530        createAndAdd: 'Luo ja lisää',
41531        alreadyAdded: '(Jo lisätty)',
41532        addedToWishlist: 'lisätty suosikkeihin',
41533        removedFromWishlist: 'poistettu suosikeista',
41534        allFavorites: 'Kaikki suosikit'
41535      },
41536      'gr': {
41537        addToWishlist: 'Προσθήκη στα αγαπημένα',
41538        createCategory: 'Δημιουργία νέας κατηγορίας:',
41539        categoryPlaceholder: 'Όνομα κατηγορίας',
41540        createAndAdd: 'Δημιουργία & προσθήκη',
41541        alreadyAdded: '(Ήδη προστέθηκε)',
41542        addedToWishlist: 'προστέθηκε στα αγαπημένα',
41543        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
41544        allFavorites: 'Όλα τα αγαπημένα'
41545      },
41546      'no': {
41547        addToWishlist: 'Legg til i favoritter',
41548        createCategory: 'Opprett ny kategori:',
41549        categoryPlaceholder: 'Kategorinavn',
41550        createAndAdd: 'Opprett og legg til',
41551        alreadyAdded: '(Allerede lagt til)',
41552        addedToWishlist: 'lagt til i favoritter',
41553        removedFromWishlist: 'fjernet fra favoritter',
41554        allFavorites: 'Alle favoritter'
41555      },
41556      'pt-PT': {
41557        addToWishlist: 'Adicionar aos favoritos',
41558        createCategory: 'Criar nova categoria:',
41559        categoryPlaceholder: 'Nome da categoria',
41560        createAndAdd: 'Criar e adicionar',
41561        alreadyAdded: '(Já adicionado)',
41562        addedToWishlist: 'adicionado aos favoritos',
41563        removedFromWishlist: 'removido dos favoritos',
41564        allFavorites: 'Todos os favoritos'
41565      },
41566      'sl': {
41567        addToWishlist: 'Dodaj med priljubljene',
41568        createCategory: 'Ustvari novo kategorijo:',
41569        categoryPlaceholder: 'Ime kategorije',
41570        createAndAdd: 'Ustvari in dodaj',
41571        alreadyAdded: '(Že dodano)',
41572        addedToWishlist: 'dodano med priljubljene',
41573        removedFromWishlist: 'odstranjeno iz priljubljenih',
41574        allFavorites: 'Vsi priljubljeni'
41575      },
41576      'sv': {
41577        addToWishlist: 'Lägg till i favoriter',
41578        createCategory: 'Skapa ny kategori:',
41579        categoryPlaceholder: 'Kategorinamn',
41580        createAndAdd: 'Skapa och lägg till',
41581        alreadyAdded: '(Redan tillagd)',
41582        addedToWishlist: 'tillagd i favoriter',
41583        removedFromWishlist: 'borttagen från favoriter',
41584        allFavorites: 'Alla favoriter'
41585      },
41586      'lv': {
41587        addToWishlist: 'Pievienot favorītiem',
41588        createCategory: 'Izveidot jaunu kategoriju:',
41589        categoryPlaceholder: 'Kategorijas nosaukums',
41590        createAndAdd: 'Izveidot un pievienot',
41591        alreadyAdded: '(Jau pievienots)',
41592        addedToWishlist: 'pievienots favorītiem',
41593        removedFromWishlist: 'noņemts no favorītiem',
41594        allFavorites: 'Visas favorītus'
41595      },
41596      'lt': {
41597        addToWishlist: 'Pridėti į mėgstamiausius',
41598        createCategory: 'Sukurti naują kategoriją:',
41599        categoryPlaceholder: 'Kategorijos pavadinimas',
41600        createAndAdd: 'Sukurti ir pridėti',
41601        alreadyAdded: '(Jau pridėta)',
41602        addedToWishlist: 'pridėta į mėgstamiausius',
41603        removedFromWishlist: 'pašalinta iš mėgstamiausių',
41604        allFavorites: 'Visos mėgstamiausios'
41605      },
41606      'ee': {
41607        addToWishlist: 'Lisa lemmikutesse',
41608        createCategory: 'Loo uus kategooria:',
41609        categoryPlaceholder: 'Kategooria nimi',
41610        createAndAdd: 'Loo ja lisa',
41611        alreadyAdded: '(Juba lisatud)',
41612        addedToWishlist: 'lisatud lemmikutesse',
41613        removedFromWishlist: 'eemaldatud lemmikutest',
41614        allFavorites: 'Kõik lemmikud'
41615      },
41616      'dk': {
41617        addToWishlist: 'Tilføj til favoritter',
41618        createCategory: 'Opret ny kategori:',
41619        categoryPlaceholder: 'Kategorinavn',
41620        createAndAdd: 'Opret og tilføj',
41621        alreadyAdded: '(Allerede tilføjet)',
41622        addedToWishlist: 'tilføjet til favoritter',
41623        removedFromWishlist: 'fjernet fra favoritter',
41624        allFavorites: 'Alle favoritter'
41625      }
41626    };
41627
41628    function getWishlistLang() {
41629      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
41630      // Normalize for region codes (e.g., pt-PT, sl)
41631      if (lang.startsWith('pt-PT')) return 'pt-PT';
41632      if (lang.startsWith('sl')) return 'sl';
41633      if (lang.startsWith('cs')) return 'cs';
41634      if (lang.startsWith('sk')) return 'sk';
41635      if (lang.startsWith('de')) return 'de';
41636      if (lang.startsWith('fr')) return 'fr';
41637      if (lang.startsWith('it')) return 'it';
41638      if (lang.startsWith('es')) return 'es';
41639      if (lang.startsWith('nl')) return 'nl';
41640      if (lang.startsWith('pl')) return 'pl';
41641      if (lang.startsWith('hu')) return 'hu';
41642      if (lang.startsWith('ro')) return 'ro';
41643      if (lang.startsWith('bg')) return 'bg';
41644      if (lang.startsWith('hr')) return 'hr';
41645      if (lang.startsWith('fi')) return 'fi';
41646      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
41647      if (lang.startsWith('no')) return 'no';
41648      if (lang.startsWith('sv')) return 'sv';
41649      if (lang.startsWith('lv')) return 'lv';
41650      if (lang.startsWith('lt')) return 'lt';
41651      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
41652      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
41653      return 'en';
41654    }
41655
41656    // Get or initialize the wishlist array in localStorage
41657    function getWishlist() {
41658      const wishlistJSON = localStorage.getItem('rendl_wishlist');
41659      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
41660        categories: [
41661          {
41662            id: 'all-favorites',
41663            name: 'All Favorites',
41664            items: []
41665          }
41666        ],
41667        version: 2
41668      };
41669      
41670      // Handle migration from old format (array of items) to new format (categories)
41671      if (Array.isArray(wishlist)) {
41672        return {
41673          categories: [
41674            {
41675              id: 'all-favorites',
41676              name: 'All Favorites',
41677              items: wishlist
41678            }
41679          ],
41680          version: 2
41681        };
41682      }
41683      
41684      return wishlist;
41685    }
41686    
41687    // Save wishlist to localStorage
41688    function saveWishlist(wishlist) {
41689      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
41690      // Dispatch an event so other parts of the site can react to wishlist changes
41691      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
41692        detail: { wishlist: wishlist } 
41693      }));
41694      
41695      // Count total items across all categories
41696      const totalItems = wishlist.categories.reduce((total, category) => {
41697        return total + category.items.length;
41698      }, 0);
41699      
41700      // Update all wishlist counters
41701      updateWishlistCounters(totalItems);
41702    }
41703    
41704    // Update all wishlist counters on the page
41705    function updateWishlistCounters(count) {
41706      const counters = document.querySelectorAll('.wishlist-count');
41707      counters.forEach(counter => {
41708        counter.textContent = count;
41709        
41710        // If the counter is hidden and count > 0, show it
41711        if (count > 0 && counter.hasAttribute('hidden')) {
41712          counter.removeAttribute('hidden');
41713        }
41714        // If the counter is visible and count = 0, hide it
41715        else if (count === 0 && !counter.hasAttribute('hidden')) {
41716          counter.setAttribute('hidden', 'true');
41717        }
41718      });
41719    }
41720    
41721    // Check if a product is in the wishlist (in any category)
41722    function isInWishlist(productId) {
41723      const wishlist = getWishlist();
41724      return wishlist.categories.some(category => 
41725        category.items.some(item => item.id === productId)
41726      );
41727    }
41728    
41729    // Get all categories
41730    function getCategories() {
41731      return getWishlist().categories;
41732    }
41733    
41734    // Create a new category
41735    function createCategory(name) {
41736      const wishlist = getWishlist();
41737      const categoryId = 'category-' + Date.now();
41738      
41739      wishlist.categories.push({
41740        id: categoryId,
41741        name: name,
41742        items: []
41743      });
41744      
41745      saveWishlist(wishlist);
41746      return categoryId;
41747    }
41748    
41749    // Add a product to a specific category
41750    function addToCategory(product, categoryId) {
41751      const wishlist = getWishlist();
41752      const category = wishlist.categories.find(cat => cat.id === categoryId);
41753      
41754      if (!category) return false;
41755      
41756      // Check if product already exists in ANY category (not just this one)
41757      if (isInWishlist(product.id)) {
41758        return false; // Product already in wishlist
41759      }
41760      
41761      // Add product to category
41762      category.items.push(product);
41763      saveWishlist(wishlist);
41764      
41765      // Dispatch event for global sync
41766      document.dispatchEvent(new CustomEvent('wishlist:updated', {
41767        detail: { productId: product.id, added: true }
41768      }));
41769      
41770      return true;
41771    }
41772    
41773    // Add a product to the default "All Favorites" category
41774    function addToWishlist(product) {
41775      return addToCategory(product, 'all-favorites');
41776    }
41777    
41778    // Remove a product from all categories
41779    function removeFromWishlist(productId) {
41780      const wishlist = getWishlist();
41781      let removed = false;
41782      
41783      wishlist.categories.forEach(category => {
41784        const initialLength = category.items.length;
41785        category.items = category.items.filter(item => item.id !== productId);
41786        if (category.items.length !== initialLength) {
41787          removed = true;
41788        }
41789      });
41790      
41791      if (removed) {
41792        saveWishlist(wishlist);
41793      }
41794      
41795      return removed;
41796    }
41797    
41798    // Toggle a product in the wishlist
41799    function toggleWishlistItem(product) {
41800      if (isInWishlist(product.id)) {
41801        // If already in wishlist, remove it
41802        const wasRemoved = removeFromWishlist(product.id);
41803        
41804        // Update heart icon if the product was successfully removed
41805        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
41806        if (heartIcon && wasRemoved) {
41807          heartIcon.setAttribute('fill', 'none');
41808          showWishlistToast(false, product.title);
41809          
41810          // Dispatch event for global sync
41811          document.dispatchEvent(new CustomEvent('wishlist:updated', {
41812            detail: { productId: product.id, added: false }
41813          }));
41814        }
41815        return wasRemoved;
41816      } else {
41817        // If not in wishlist, show category selection popup
41818        showCategorySelectionPopup(product);
41819        return false; // Don't return true unless we actually add the product
41820      }
41821    }
41822    
41823    // Show wishlist category selection popup
41824    function showCategorySelectionPopup(product) {
41825      // Remove any existing popup
41826      const existingPopup = document.getElementById('wishlist-category-popup');
41827      if (existingPopup) {
41828        existingPopup.remove();
41829      }
41830
41831      const lang = getWishlistLang();
41832      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
41833
41834      // Create popup container
41835      const popup = document.createElement('div');
41836      popup.id = 'wishlist-category-popup';
41837      popup.className = 'wishlist-category-popup';
41838
41839      // Create popup content
41840      const content = document.createElement('div');
41841      content.className = 'wishlist-category-popup-content';
41842
41843      // Create header
41844      const title = document.createElement('h2');
41845      title.textContent = translations.addToWishlist; // Translate
41846
41847      const closeButton = document.createElement('button');
41848      closeButton.className = 'wishlist-category-popup-close';
41849      closeButton.setAttribute('aria-label', 'Close');
41850      closeButton.addEventListener('click', () => {
41851        popup.remove();
41852      });
41853      
41854      // Create category list
41855      const categoryList = document.createElement('div');
41856      categoryList.className = 'wishlist-category-list';
41857      
41858      // Get categories
41859      const categories = getCategories();
41860      
41861      // Add category options
41862      categories.forEach(category => {
41863        const categoryOption = document.createElement('div');
41864        categoryOption.className = 'wishlist-category-option';
41865        
41866        // Use translation for default category name
41867        categoryOption.textContent = category.id === 'all-favorites'
41868          ? (translations.allFavorites || category.name)
41869          : category.name;
41870
41871        // Highlight if product already in this category
41872        if (category.items.some(item => item.id === product.id)) {
41873          categoryOption.style.backgroundColor = '#f0f0f0';
41874          categoryOption.style.color = '#999';
41875          categoryOption.style.fontStyle = 'italic';
41876          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
41877          categoryOption.style.cursor = 'default';
41878        } else {
41879          categoryOption.addEventListener('click', () => {
41880            const wasAdded = addToCategory(product, category.id);
41881            
41882            if (wasAdded) {
41883              // Update heart icon after successful addition
41884              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
41885              if (heartIcon) {
41886                heartIcon.setAttribute('fill', '#333333');
41887              }
41888              
41889              showWishlistToast(true, product.title);
41890              popup.remove();
41891            }
41892          });
41893        }
41894        
41895        categoryList.appendChild(categoryOption);
41896      });
41897      
41898      // Create "add new category" section
41899      const newCategorySection = document.createElement('div');
41900      newCategorySection.style.borderTop = '1px solid #eee';
41901      newCategorySection.style.paddingTop = '15px';
41902      newCategorySection.style.marginTop = '10px';
41903      
41904      const newCategoryLabel = document.createElement('label');
41905      newCategoryLabel.textContent = translations.createCategory; // Translate
41906
41907      const newCategoryInput = document.createElement('input');
41908      newCategoryInput.type = 'text';
41909      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
41910
41911      const createButton = document.createElement('button');
41912      createButton.className = 'create-category-button';
41913      createButton.textContent = translations.createAndAdd; // Translate
41914
41915      createButton.addEventListener('click', () => {
41916        const categoryName = newCategoryInput.value.trim();
41917        if (categoryName) {
41918          const categoryId = createCategory(categoryName);
41919          const wasAdded = addToCategory(product, categoryId);
41920          
41921          if (wasAdded) {
41922            // Update heart icon after successful addition
41923            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
41924            if (heartIcon) {
41925              heartIcon.setAttribute('fill', '#333333');
41926            }
41927            
41928            showWishlistToast(true, product.title);
41929            popup.remove();
41930          }
41931        }
41932      });
41933      
41934      newCategorySection.appendChild(newCategoryLabel);
41935      newCategorySection.appendChild(newCategoryInput);
41936      newCategorySection.appendChild(createButton);
41937      
41938      // Assemble popup
41939      content.appendChild(title);
41940      content.appendChild(closeButton);
41941      content.appendChild(categoryList);
41942      content.appendChild(newCategorySection);
41943      popup.appendChild(content);
41944      
41945      // Add to document
41946      document.body.appendChild(popup);
41947      
41948      // Focus the input
41949      setTimeout(() => {
41950        newCategoryInput.focus();
41951      }, 100);
41952      
41953      // Close when clicking outside content
41954      popup.addEventListener('click', (e) => {
41955        if (e.target === popup) {
41956          popup.remove();
41957        }
41958      });
41959    }
41960    
41961    // Show a toast notification
41962    function showWishlistToast(added, productTitle) {
41963      // Create or get toast container
41964      let toastContainer = document.getElementById('wishlist-toast');
41965      if (!toastContainer) {
41966        toastContainer = document.createElement('div');
41967        toastContainer.id = 'wishlist-toast';
41968        toastContainer.style.position = 'fixed';
41969        toastContainer.style.bottom = '20px';
41970        toastContainer.style.right = '20px';
41971        toastContainer.style.zIndex = '9999';
41972        document.body.appendChild(toastContainer);
41973      }
41974      
41975      // Create toast
41976      const toast = document.createElement('div');
41977      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
41978      toast.style.color = 'white';
41979      toast.style.padding = '12px 20px';
41980      toast.style.borderRadius = '0';
41981      toast.style.marginTop = '10px';
41982      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
41983      toast.style.transition = 'all 0.3s ease';
41984      toast.style.opacity = '0';
41985      toast.style.fontFamily = 'Montserrat, sans-serif';
41986      
41987      // Choose text based on action
41988      const lang = getWishlistLang();
41989      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
41990      toast.textContent = added
41991        ? `${productTitle} ${translations.addedToWishlist}` // Translate
41992        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
41993      
41994      // Add to container
41995      toastContainer.appendChild(toast);
41996      
41997      // Animate in
41998      setTimeout(() => {
41999        toast.style.opacity = '1';
42000      }, 10);
42001      
42002      // Animate out and remove
42003      setTimeout(() => {
42004        toast.style.opacity = '0';
42005        setTimeout(() => {
42006          toastContainer.removeChild(toast);
42007        }, 300);
42008      }, 3000);
42009    }
42010
42011    // Initialize wishlist buttons
42012    function initCardWishlistButtons() {
42013      const wishlistButtons = document.querySelectorAll('.card-wis
42013hlist-button');
42014      
42015      wishlistButtons.forEach(button => {
42016        // Skip if already initialized
42017        if (button.dataset.initializedWishlist === 'true') return;
42018        button.dataset.initializedWishlist = 'true';
42019        
42020        const productId = button.getAttribute('data-wishlist-product');
42021        if (!productId) return;
42022        
42023        // Get product details from the card
42024        const card = button.closest('.card-wrapper');
42025        const productDetails = {
42026          id: productId,
42027          title: card.querySelector('.card__heading')?.textContent.trim() || '',
42028          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
42029          price: card.querySelector('.price')?.textContent.trim() || '',
42030          image: card.querySelector('img')?.src || '',
42031          url: card.querySelector('a[href*="/products/"]')?.href || ''
42032        };
42033        
42034        // Set initial state using global function
42035        const heartIcon = button.querySelector('path');
42036        if (heartIcon) {
42037          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
42038            heartIcon.setAttribute('fill', '#333333');
42039          } else {
42040            heartIcon.setAttribute('fill', 'none');
42041          }
42042        }
42043        
42044        // Add click handler
42045        button.addEventListener('click', function(e) {
42046          e.preventDefault();
42047          e.stopPropagation();
42048          e.stopImmediatePropagation();
42049          toggleWishlistItem(productDetails);
42050        });
42051        
42052        // Prevent navigation on mousedown/touchstart
42053        button.addEventListener('mousedown', function(e) {
42054          e.preventDefault();
42055          e.stopPropagation();
42056        });
42057        
42058        button.addEventListener('touchstart', function(e) {
42059          e.preventDefault();
42060          e.stopPropagation();
42061        });
42062      });
42063    }
42064
42065    // Initialize the wishlist counter on page load
42066    const wishlist = getWishlist();
42067    const totalItems = wishlist.categories.reduce((total, category) => {
42068      return total + category.items.length;
42069    }, 0);
42070    updateWishlistCounters(totalItems);
42071
42072    // Initialize on DOM ready
42073    if (document.readyState === 'loading') {
42074      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
42075    } else {
42076      initCardWishlistButtons();
42077    }
42078
42079    // Reinitialize on Shopify section load
42080    document.addEventListener('shopify:section:load', function() {
42081      setTimeout(initCardWishlistButtons, 100);
42082    });
42083
42084    // Listen for wishlist updates from other parts of the site
42085    document.addEventListener('wishlist:updated', function() {
42086      setTimeout(initCardWishlistButtons, 100);
42087    });
42088  })();
42089</script>
42089
42090
42091<!-- Price info icon styles -->
42092<style>
42093  /* Price container with icon */
42094  .price-container-with-info {
42095    position: relative;
42096    display: flex;
42097    align-items: center;
42098    gap: 8px;
42099  }
42100
42101  /* Info icon - hidden by default, shown on card hover */
42102  .price-info-icon {
42103    position: relative;
42104    display: inline-flex;
42105    align-items: center;
42106    justify-content: center;
42107    color: #666;
42108    cursor: help;
42109    opacity: 0;
42110    transition: opacity 0.3s ease;
42111
42112    padding: 4px; /* Add padding to increase clickable area */
42113    min-width: 20px; /* Ensure minimum clickable area */
42114    min-height: 20px;
42115    z-index: 15; /* Above everything else including compare button */
42116    pointer-events: auto; /* Allow interaction */
42117  }
42118
42119  /* Show icon on card hover */
42120  .card-wrapper:hover .price-info-icon {
42121    opacity: 1;
42122  }
42123
42124  .price-info-icon svg {
42125    width: 14px;
42126    height: 14px;
42127    stroke-width: 1.5;
42128  }
42129
42130  /* Tooltip styles */
42131  .price-info-tooltip {
42132    position: absolute;
42133    bottom: calc(100% + 6px);
42134    top: auto;
42135    left: 0;
42136    transform: none;
42137    min-width: 310px;
42138    background: #FFFFFF;
42139    color: #232323;
42140    border: 1px solid #EEEEEE;
42141    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
42142    padding: 12px 16px;
42143    font-size: 13px;
42144    font-family: 'Montserrat', sans-serif;
42145    z-index: 10000;
42146    opacity: 0;
42147    transition: opacity 0.18s;
42148    white-space: pre-line;
42149    text-align: left;
42150    border-radius: 0;
42151    visibility: hidden;
42152    pointer-events: none;
42153  }
42154
42155  /* Show tooltip on icon hover */
42156  .price-info-icon:hover .price-info-tooltip {
42157    visibility: visible;
42158    opacity: 1;
42159  }
42160
42161  /* Ensure tooltip is never clipped */
42162  .price-container-with-info,
42163  .card-information,
42164  .card__content {
42165    overflow: visible !important;
42166  }
42167
42168  /* Mobile adjustments */
42169  @media screen and (max-width: 768px) {
42170    .price-info-tooltip {
42171      min-width: 200px;
42172      font-size: 12px;
42173      padding: 10px 12px;
42174    }
42175  }
42176</style>
42177
42178                </li>
42179                <li
42180                  class="grid__item"
42181                  
42182                >
42183                  
42184<div class="card-wrapper product-card-wrapper underline-links-hover">
42185
42186    <div
42187      class="
42188        card card--standard
42189         card--media
42190        
42191        
42192        
42193        
42194        
42195      "
42196      style="--ratio-percent: 100.0%;"
42197      data-product-id="9746931188010"
42198      data-description="Alumiininen ulkokäyttöön tarkoitettu pollari, jossa on sisäänrakennettu LED, polkujen ja sisäänajoväylien diagonaaliseen alaspäin suuntautuvaan val..."
42199      
42200      data-ip-rate="IP65"
42201      
42202      data-variant-id="52387944464682"
42203      data-price="138.00 EUR"
42204      data-compare-at-price=""
42205      data-available="true"
42206      data-barcode="8595685426976"
42207      data-ip-rate="IP65"
42208      data-lumens="640"
42209      data-power-source=""
42210      data-watt="8.0"
42211      data-kelvin="3000"
42212      data-light-color=""
42213      data-diameter=""
42214      data-weight-netto="1155.0"
42215      data-weight-unit="g"
42216      data-mounting-hole-size=""
42217      data-recess-depth=""
42218      data-suspension-lenght=""
42219      data-turn-angle=""
42220      data-tilt-angle=""
42221      data-switch=""
42222      data-socket=""
42223      data-light-source-recomended=""
42224      data-height="39.5"
42225      data-length=""
42226      data-Length=""
42227    >
42228      <div
42229        class="card__inner color-scheme-2 gradient ratio"
42230        style="--ratio-percent: 100.0%;"
42231      >
42232        
42233
42234<div class="ip-rate-badge">
42235            <span>IP65</span>
42236          </div><div class="card__media">
42237            <a class="card__media-link-content" href="/products/bobo-rc-floor-lamp" aria-label="BOBO RC POLLARI">
42238              <div class="media media--transparent media--hover-effect">
42239              
42240              <img
42241                class="product-image motion-reduce"
42242                srcset="//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=165 165w,//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=360 360w,//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=533 533w,//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=720 720w,//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=940 940w,//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=1066 1066w,//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192 4899w
42243                "
42244                src="//rendl.fi/cdn/shop/files/r13936-1.jpg?v=1745935192&width=533"
42245                sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
42246                alt="RENDL outdoor lamp BOBO RC floor anthracite grey  230V LED 8W IP65  3000K R13936 1"
42247                
42248                  loading="lazy"
42249                
42250                width="4899"
42251                height="4899"
42252              >
42253              
42254<img
42255                  class="product-image motion-reduce"
42256                  srcset="//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=165 165w,//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=360 360w,//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=533 533w,//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=720 720w,//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=940 940w,//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=1066 1066w,//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552 3162w
42257                  "
42258                  src="//rendl.fi/cdn/shop/files/r13936-3.jpg?v=1783736552&width=533"
42259                  sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
42260                  alt=""
42261                  loading="lazy"
42262                  width="3162"
42263                  height="3162"
42264                ></div>
42265            </a>
42266            
42267<div class="card-media-icons"><div class="energy-label-icon">
42268                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/Energy_label_G.svg?v=1785350126" alt="Energy class G" width="32" height="32" loading="lazy">
42269                    <div class="energy-label-tooltip">Energiatehokkuusluokka G
42270</div>
42271                  </div></div><div class="card-variant-swatches"><a
42272                    class="card-variant-swatch"
42273                    href="/products/bobo-rc-floor-lamp?variant=52387944464682"
42274                    
42275                      style="background-image: url('//rendl.fi/cdn/shop/files/45_anthracite-grey.jpg?v=1739538297&width=64');"
42276                    
42277                    aria-label="tummanharmaa"
42278                  >
42279                    <span class="card-variant-swatch-tooltip">tummanharmaa</span></a></div></div><div class="card__content">
42280          <div class="card__information">
42281            <h3
42282              class="card__heading"
42283              
42284            >
42285              <a
42286                href="/products/bobo-rc-floor-lamp"
42287                id="StandardCardNoMediaLink-template--28113427169578__product-grid-9746931188010"
42288                class="full-unstyled-link"
42289                aria-labelledby="StandardCardNoMediaLink-template--28113427169578__product-grid-9746931188010 NoMediaStandardBadge-template--28113427169578__product-grid-9746931188010"
42290              >
42291                BOBO RC POLLARI
42292              </a>
42293            </h3>
42294          </div>
42295          <div class="card__badge bottom left"></div>
42296        </div>
42297      </div>
42298      <div class="card__content">
42299        <div class="card__information">
42300          <h3
42301            class="card__heading h5"
42302            
42303              id="title-template--28113427169578__product-grid-9746931188010"
42304            
42305          >
42306            <a
42307              href="/products/bobo-rc-floor-lamp"
42308              id="CardLink-template--28113427169578__product-grid-9746931188010"
42309              class="full-unstyled-link"
42310              aria-labelledby="CardLink-template--28113427169578__product-grid-9746931188010 Badge-template--28113427169578__product-grid-9746931188010"
42311            >
42312              BOBO RC POLLARI
42313            </a>
42314          </h3><div class="card__description">
42315              Alumiininen ulkokäyttöön tarkoitettu pollari, jossa on sisäänrakennettu LED, polkujen ja sisäänajoväylien diagonaaliseen alaspäin suuntautuvaan valaistukseen. 
42316            </div><div class="card-information"><span class="caption-large light"></span><div class="price-container-with-info">
42317              
42318<div
42319    class="
42320      price "
42321  >
42322    <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
42323          <span class="price-item price-item--regular">
42324            138.00 EUR
42325          </span></div>
42326      <div class="price__sale">
42327          <span class="visually-hidden visually-hidden--inline">Normaalihinta</span>
42328          <span>
42329            <s class="price-item price-item--regular">
42330              
42331                
42332              
42333            </s>
42334          </span><span class="visually-hidden visually-hidden--inline">Alennushinta</span>
42335        <span class="price-item price-item--sale price-item--last">
42336          138.00 EUR
42337        </span>
42338      </div>
42339      <small class="unit-price caption hidden">
42340        <span class="visually-hidden">Yksikköhinta</span>
42341        <span class="price-item price-item--last">
42342          <span></span>
42343          <span aria-hidden="true">/</span>
42344          <span class="visually-hidden">&nbsp;kohti&nbsp;</span>
42345          <span>
42346          </span>
42347        </span>
42348      </small>
42349    </div></div>
42350
42351
42352</div><!-- Compare and Wishlist buttons container --><div class="compare-button-container">
42353              <button class="compare-button-simple" 
42354                      data-product-id="9746931188010" 
42355                      data-product-title="BOBO RC POLLARI"
42356                      data-product-handle="bobo-rc-floor-lamp">
42357                              <span class="compare-button-content">
42358                    <img src="https://cdn.shopify.com/s/files/1/0909/7950/0330/files/compare_icon_v2.svg?v=1752144324" alt="" class="compare-icon-small" width="24" height="24">
42359                    <span class="compare-text" data-translate="compare">compare</span>
42360                  </span>
42361                <span class="compare-spinner-small">
42362                  <!-- Small spinner for button -->
42363                  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="spinner-svg-small">
42364                    <circle cx="12" cy="12" r="10" stroke="#bbb" stroke-width="4" opacity="0.3"/>
42365                    <path d="M22 12a10 10 0 0 1-10 10" stroke="#888" stroke-width="4" stroke-linecap="round">
42366                      <animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="0.7s" repeatCount="indef
42366inite"/>
42367                    </path>
42368                  </svg>
42369                </span>
42370              </button>
42371              
42372              <!-- Wishlist button next to compare button -->
42373              <button type="button" class="card-wishlist-button" data-wishlist-product="9746931188010">
42374                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
42375                  <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" stroke="#333333" stroke-width="1.0"></path>
42376                </svg>
42377              </button>
42378            </div></div>
42379        </div>
42380        
42381        
42382        
42383          <div class="quick-add no-js-hidden"><product-form data-section-id="template--28113427169578__product-grid"><form method="post" action="/cart/add" id="quick-add-template--28113427169578__product-grid9746931188010" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
42384                    type="hidden"
42385                    name="id"
42386                    value="52387944464682"
42387                    class="product-variant-id"
42388                    
42389                  >
42390                  <button
42391                    id="quick-add-template--28113427169578__product-grid9746931188010-submit"
42392                    type="submit"
42393                    name="add"
42394                    class="quick-add__submit button button--full-width button--secondary"
42395                    aria-haspopup="dialog"
42396                    aria-labelledby="quick-add-template--28113427169578__product-grid9746931188010-submit title-template--28113427169578__product-grid-9746931188010"
42397                    aria-live="polite"
42398                    data-sold-out-message="true"
42399                    
42400                  >
42401                    <span>Lisää ostoskoriin
42402</span>
42403                    <span class="sold-out-message hidden">
42404                      Matkalla
42405                    </span>
42406
42407<div class="loading__spinner hidden">
42408  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
42409
42410</div>
42411</button><input type="hidden" name="product-id" value="9746931188010" /><input type="hidden" name="section-id" value="template--28113427169578__product-grid" /></form></product-form></div>
42412        
42413        <div class="card__badge bottom left"></div>
42414      </div>
42415    </div>
42416  </div>
42416<script>
42417  // Initialize global compare translations only once
42418  if (typeof window.compareButtonTranslations === 'undefined') {
42419    window.compareButtonTranslations = {
42420      compare: {
42421        en: 'compare',
42422        cs: 'porovnat',
42423        sk: 'porovnať',
42424        de: 'vergleichen',
42425        at: 'vergleichen',
42426        ch: 'vergleichen',
42427        fr: 'comparer',
42428        be: 'comparer',
42429        lu: 'comparer',
42430        it: 'confronta',
42431        es: 'comparar',
42432        nl: 'vergelijken',
42433        pl: 'porównaj',
42434        hu: 'összehasonlít',
42435        ro: 'compară',
42436        bg: 'сравни',
42437        hr: 'usporedi',
42438        fi: 'vertaile',
42439        gr: 'σύγκριση',
42440        el: 'σύγκριση',
42441        no: 'sammenlign',
42442        'pt-PT': 'comparar',
42443        sl: 'primerjaj',
42444        sv: 'jämför',
42445        lv: 'salīdzināt',
42446        lt: 'palyginti',
42447        ee: 'võrdle',
42448        dk: 'sammenlign',
42449        gb: 'compare',
42450        uk: 'compare',
42451        ie: 'compare',
42452        us: 'compare',
42453        ca: 'compare',
42454        au: 'compare',
42455        nz: 'compare',
42456        ru: 'сравнить'
42457      },
42458      remove: {
42459        en: 'remove',
42460        cs: 'odebrat',
42461        sk: 'odobrať',
42462        de: 'entfernen',
42463        at: 'entfernen',
42464        ch: 'entfernen',
42465        fr: 'supprimer',
42466        be: 'supprimer',
42467        lu: 'supprimer',
42468        it: 'rimuovi',
42469        es: 'eliminar',
42470        nl: 'verwijderen',
42471        pl: 'usuń',
42472        hu: 'eltávolít',
42473        ro: 'elimină',
42474        bg: 'премахни',
42475        hr: 'ukloni',
42476        fi: 'poista',
42477        gr: 'αφαίρεση',
42478        el: 'αφαίρεση',
42479        no: 'fjern',
42480        'pt-PT': 'remover',
42481        sl: 'odstrani',
42482        sv: 'ta bort',
42483        lv: 'noņemt',
42484        lt: 'pašalinti',
42485        ee: 'eemalda',
42486        dk: 'fjern',
42487        gb: 'remove',
42488        uk: 'remove',
42489        ie: 'remove',
42490        us: 'remove',
42491        ca: 'remove',
42492        au: 'remove',
42493        nz: 'remove',
42494        ru: 'удалить'
42495      },
42496      added: {
42497        en: 'Added!',
42498        cs: 'Přidáno!',
42499        sk: 'Pridané!',
42500        de: 'Hinzugefügt!',
42501        at: 'Hinzugefügt!',
42502        ch: 'Hinzugefügt!',
42503        fr: 'Ajouté!',
42504        be: 'Ajouté!',
42505        lu: 'Ajouté!',
42506        it: 'Aggiunto!',
42507        es: '¡Añadido!',
42508        nl: 'Toegevoegd!',
42509        pl: 'Dodano!',
42510        hu: 'Hozzáadva!',
42511        ro: 'Adăugat!',
42512        bg: 'Добавено!',
42513        hr: 'Dodano!',
42514        fi: 'Lisätty!',
42515        gr: 'Προστέθηκε!',
42516        el: 'Προστέθηκε!',
42517        no: 'Lagt til!',
42518        'pt-PT': 'Adicionado!',
42519        sl: 'Dodano!',
42520        sv: 'Tillagd!',
42521        lv: 'Pievienots!',
42522        lt: 'Pridėta!',
42523        ee: 'Lisatud!',
42524        dk: 'Tilføjet!',
42525        gb: 'Added!',
42526        uk: 'Added!',
42527        ie: 'Added!',
42528        us: 'Added!',
42529        ca: 'Added!',
42530        au: 'Added!',
42531        nz: 'Added!',
42532        ru: 'Добавлено!'
42533      },
42534      removed: {
42535        en: 'Removed!',
42536        cs: 'Odebráno!',
42537        sk: 'Odobrané!',
42538        de: 'Entfernt!',
42539        at: 'Entfernt!',
42540        ch: 'Entfernt!',
42541        fr: 'Supprimé!',
42542        be: 'Supprimé!',
42543        lu: 'Supprimé!',
42544        it: 'Rimosso!',
42545        es: '¡Eliminado!',
42546        nl: 'Verwijderd!',
42547        pl: 'Usunięto!',
42548        hu: 'Eltávolítva!',
42549        ro: 'Eliminat!',
42550        bg: 'Премахнато!',
42551        hr: 'Uklonjeno!',
42552        fi: 'Poistettu!',
42553        gr: 'Αφαιρέθηκε!',
42554        el: 'Αφαιρέθηκε!',
42555        no: 'Fjernet!',
42556        'pt-PT': 'Removido!',
42557        sl: 'Odstranjeno!',
42558        sv: 'Borttaget!',
42559        lv: 'Noņemts!',
42560        lt: 'Pašalinta!',
42561        ee: 'Eemaldatud!',
42562        dk: 'Fjernet!',
42563        gb: 'Removed!',
42564        uk: 'Removed!',
42565        ie: 'Removed!',
42566        us: 'Removed!',
42567        ca: 'Removed!',
42568        au: 'Removed!',
42569        nz: 'Removed!',
42570        ru: 'Удалено!'
42571      }
42572    };
42573
42574    // Tooltip translations for price info
42575    window.tooltipTranslations = {
42576      tooltipPrice: {
42577        en: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42578        cs: "MCPRICE - je maloobchodní cena včetně DPH.\n\nWSPRICE je vaše velkoobchodní cena včetně DPH.\n\nDPH bude odečtena v příslušných případech.",
42579        sk: "MCPRICE - je maloobchodná cena vrátane DPH.\n\nWSPRICE je vaša veľkoobchodná cena vrátane DPH.\n\nDPH bude odpočítaná v príslušných prípadoch.",
42580        de: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
42581        at: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
42582        ch: "MCPRICE - ist ein Einzelhandelspreis inkl. MwSt.\n\nWSPRICE ist Ihr Großhandelspreis inkl. MwSt.\n\nDie MwSt. wird gegebenenfalls abgezogen.",
42583        fr: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
42584        be: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
42585        lu: "MCPRICE - est un prix de détail TTC.\n\nWSPRICE est votre prix de gros TTC.\n\nLa TVA sera déduite le cas échéant.",
42586        it: "MCPRICE - è un prezzo al dettaglio IVA inclusa.\n\nWSPRICE è il vostro prezzo all'ingrosso IVA inclusa.\n\nL'IVA sarà detratta quando applicabile.",
42587        es: "MCPRICE - es un precio minorista con IVA incluido.\n\nWSPRICE es su precio mayorista con IVA incluido.\n\nEl IVA se deducirá cuando corresponda.",
42588        nl: "MCPRICE - is een detailhandelsprijs inclusief BTW.\n\nWSPRICE is uw groothandelsprijs inclusief BTW.\n\nDe BTW wordt in voorkomende gevallen afgetrokken.",
42589        pl: "MCPRICE - to cena detaliczna z VAT.\n\nWSPRICE to Twoja cena hurtowa z VAT.\n\nVAT zostanie odjęty w stosownych przypadkach.",
42590        hu: "MCPRICE - áfát tartalmazó kiskereskedelmi ár.\n\nWSPRICE az Ön áfát tartalmazó nagykereskedelmi ára.\n\nAz áfát adott esetben levonjuk.",
42591        ro: "MCPRICE - este un preț cu amănuntul cu TVA inclus.\n\nWSPRICE este prețul dvs. en-gros cu TVA inclus.\n\nTVA-ul va fi dedus când este aplicabil.",
42592        bg: "MCPRICE - е розничната цена с включен ДДС.\n\nWSPRICE е вашата едра цена с включен ДДС.\n\nДДС-то ще бъде приспаднато когато е приложимо.",
42593        hr: "MCPRICE - je maloprodajna cijena uključujući PDV.\n\nWSPRICE je vaša veleprodajna cijena uključujući PDV.\n\nPDV će biti odbačen kada je primjenjivo.",
42594        fi: "MCPRICE - on vähittäismyyntihinta sisältäen ALV:n.\n\nWSPRICE on teidän tukkuhintanne sisältäen ALV:n.\n\nALV vähennetään soveltuvin osin.",
42595        gr: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
42596        el: "MCPRICE - είναι λιανική τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nWSPRICE είναι η χονδρική σας τιμή συμπεριλαμβανομένου του ΦΠΑ.\n\nΟ ΦΠΑ θα αφαιρεθεί όταν ισχύει.",
42597        no: "MCPRICE - er en utsalgspris inkludert MVA.\n\nWSPRICE er din engrospris inkludert MVA.\n\nMVA vil bli trukket fra når det er aktuelt.",
42598        'pt-PT': "MCPRICE - é um preço de retalho incluindo IVA.\n\nWSPRICE é o seu preço por grosso incluindo IVA.\n\nO IVA será deduzido quando aplicável.",
42599        sl: "MCPRICE - je maloprodajna cena z vključenim DDV.\n\nWSPRICE je vaša veleprodajna cena z vključenim DDV.\n\nDDV bo odštet, ko je to primerno.",
42600        sv: "MCPRICE - är ett detaljhandelspris inklusive moms.\n\nWSPRICE är ditt grossistpris inklusive moms.\n\nMomsen kommer att dras av när det är tillämpligt.",
42601        lv: "MCPRICE - ir mazumtirdzniecības cena ar PVN.\n\nWSPRICE ir jūsu vairumtirdzniecības cena ar PVN.\n\nPVN t
42601iks atskaitīts, ja piemērojams.",
42602        lt: "MCPRICE - yra mažmeninė kaina su PVM.\n\nWSPRICE yra jūsų didmeninė kaina su PVM.\n\nPVM bus atskaitytas, kai taikoma.",
42603        ee: "MCPRICE - on jaehind koos käibemaksuga.\n\nWSPRICE on teie hulgihind koos käibemaksuga.\n\nKäibemaks arvatakse maha vastavalt vajadusele.",
42604        dk: "MCPRICE - er en detailpris inklusive moms.\n\nWSPRICE er din engrospris inklusive moms.\n\nMomsen vil blive fratrukket når det er relevant.",
42605        gb: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42606        uk: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42607        ie: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42608        us: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42609        ca: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42610        au: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42611        nz: "MCPRICE - is a retail price including VAT.\n\nWSPRICE is your wholesale price including VAT.\n\nThe VAT will be deducted when applicable.",
42612        ru: "MCPRICE - розничная цена с НДС.\n\nWSPRICE - ваша оптовая цена с НДС.\n\nНДС будет вычтен, когда это применимо."
42613      },
42614      tooltipOutlet: {
42615        en: "We do not provide additional wholesale discounts on outlet products.",
42616        cs: "Na outletové výrobky neposkytujeme dodatečné velkoobchodní slevy.",
42617        sk: "Na outletové výrobky neposkytujeme dodatočné veľkoobchodné zľavy.",
42618        de: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
42619        at: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
42620        ch: "Auf Outlet-Produkte gewähren wir keine zusätzlichen Großhandelsrabatte.",
42621        fr: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
42622        be: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
42623        lu: "Nous n'accordons pas de remises de gros supplémentaires sur les produits d'outlet.",
42624        it: "Non forniamo sconti all'ingrosso aggiuntivi sui prodotti outlet.",
42625        es: "No proporcionamos descuentos mayoristas adicionales en productos outlet.",
42626        nl: "Wij bieden geen extra groothandelskorting op outlet producten.",
42627        pl: "Na produkty outlet nie udzielamy dodatkowych rabatów hurtowych.",
42628        hu: "Az outlet termékekre nem nyújtunk további nagykereskedelmi kedvezményeket.",
42629        ro: "Nu oferim reduceri suplimentare en-gros pentru produsele outlet.",
42630        bg: "Не предоставяме допълнителни едрообщи отстъпки за аутлет продукти.",
42631        hr: "Ne pružamo dodatne veleprodajne popuste na outlet proizvode.",
42632        fi: "Emme tarjoa lisätukkualennuksia outlet-tuotteisiin.",
42633        gr: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
42634        el: "Δεν παρέχουμε πρόσθετες χονδρικές εκπτώσεις σε προϊόντα outlet.",
42635        no: "Vi gir ikke ytterligere engrosprisrabatter på outlet-produkter.",
42636        'pt-PT': "Não fornecemos descontos por grosso adicionais em produtos outlet.",
42637        sl: "Na outlet izdelke ne nudimo dodatnih veleprodajnih popustov.",
42638        sv: "Vi ger inga ytterligare grossistrabatter på outlet-produkter.",
42639        lv: "Mēs nesniegzm papildu vairumtirdzniecības atlaides outlet produktiem.",
42640        lt: "Mes neteikiame papildomų didmeninių nuolaidų outlet produktams.",
42641        ee: "Me ei anna täiendavaid hulgimüügi allahindlusi väljamüügi toodetele.",
42642        dk: "Vi giver ikke yderligere engrosprisrabatter på outlet-produkter.",
42643        gb: "We do not provide additional wholesale discounts on outlet products.",
42644        uk: "We do not provide additional wholesale discounts on outlet products.",
42645        ie: "We do not provide additional wholesale discounts on outlet products.",
42646        us: "We do not provide additional wholesale discounts on outlet products.",
42647        ca: "We do not provide additional wholesale discounts on outlet products.",
42648        au: "We do not provide additional wholesale discounts on outlet products.",
42649        nz: "We do not provide additional wholesale discounts on outlet products.",
42650        ru: "Мы не предоставляем дополнительные оптовые скидки на аутлет товары."
42651      }
42652    };
42653
42654    // Get current locale from document
42655    window.currentLocale = document.documentElement.lang || 'en';
42656
42657    // Function to translate compare buttons
42658    window.translateCompareButtons = function() {
42659      const compareTexts = document.querySelectorAll('[data-translate="compare"]');
42660      compareTexts.forEach(function(textEl) {
42661        const button = textEl.closest('.compare-button-simple');
42662        const isInComparison = button && button.hasAttribute('data-in-comparison');
42663        
42664        if (isInComparison) {
42665          const translation = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
42666          textEl.textContent = translation;
42667        } else {
42668          const translation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
42669          textEl.textContent = translation;
42670        }
42671      });
42672    };
42673
42674    // Function to format price with space as thousands separator (only for tooltip)
42675    function formatTooltipPrice(price) {
42676      // Форматирует только число перед валютой (например, 1750 Kč => 1 750 Kč)
42677      return price.replace(/(\d{1,3})(?=(\d{3})+(?!\d))/g, '$1 ');
42678    }
42679
42680    // Function to translate tooltips with price
42681    window.translateTooltips = function() {
42682      const tooltips = document.querySelectorAll('[data-translate="tooltip-price"]');
42683      tooltips.forEach(function(tooltip) {
42684        const icon = tooltip.closest('.price-info-icon');
42685        if (icon) {
42686          const status = icon.getAttribute('data-status');
42687          // Check if this is an outlet product
42688          if (status === 'outlet') {
42689            const translation = window.tooltipTranslations.tooltipOutlet[window.currentLocale] || window.tooltipTranslations.tooltipOutlet.en;
42690            tooltip.textContent = translation;
42691            return; // Exit early for outlet products
42692          }
42693          const retailPrice = icon.getAttribute('data-retail-price'); // MC price (maloobchodní)
42694          // Get wholesale price from the actual price display on the card
42695          const card = icon.closest('[data-product-id]');
42696          let wholesalePrice = '';
42697          if (card) {
42698            // Find the main price element on the card
42699            const priceElement = card.querySelector('.price .price-item--regular');
42700            if (priceElement) {
42701              wholesalePrice = priceElement.textContent.trim();
42702            }
42703          }
42704          if (retailPrice && wholesalePrice) {
42705            // Format only retailPrice (MCPRICE) for tooltip with thousands separator
42706            let formattedRetailPrice = formatTooltipPrice(retailPrice);
42707            let formattedWholesalePrice = wholesalePrice;
42708            if (window.formatPriceText) {
42709              formattedWholesalePrice = window.formatPriceText(wholesalePrice);
42710            }
42711            const translation = window.tooltipTranslations.tooltipPrice[window.currentLocale] || window.tooltipTranslations.tooltipPrice.en;
42712            // Replace MCPRICE with formatted retail price and WSPRICE with formatted wholesale price
42713            const translatedText = translation.replace(/MCPRICE/g, formattedRetailPrice).replace(/WSPRICE/g, formattedWholesalePrice);
42714            tooltip.textContent = translatedText;
42715          }
42716        }
42717      });
42718    };
42719
42720    // Function to update button state based on comparison status
42721    window.updateCompareButtonState = function(productId, isInComparison) {
42722      const buttons = document.querySelectorAll('.compare-button-simple[data-product-id="' + productId + '"]');
42723      buttons.forEach(function(button) {
42724        const buttonContainer = button.closest('.compare-button-container');
42725        const compareText = button.querySelector('.compare-text');
42726        
42727        if (isInComparison) {
42728          button.setAttribute('data-in-comparison', 'true');
42729          button.classList.add('in-comparison');
42730          buttonContainer.classList.add('in-comparison');
42731          const removeText = window.compareButtonTranslations.remove[window.currentLocale] || window.compareButtonTranslations.remove.en;
42732          compareText.textContent = removeText;
42733        } else {
42734          button.removeAttribute('data-in-comparison');
42735          button.classList.remove('in-comparison');
42736          buttonContainer.classList.remove('in-comparison');
42737          const compareTextTranslation = window.compareButtonTranslations.compare[window.currentLocale] || window.compareButtonTranslations.compare.en;
42738          compareText.textContent = compareTextTranslation;
42739        }
42740      });
42741    };
42742  }
42743
42744  // Initialize compare button states based on localStorage
42745  window.initializeCompareButtonStates = function() {
42746    if (typeof window.RendlCompare !== 'undefined') {
42747      const compareItems = window.RendlCompare.getItems();
42748      document.querySelectorAll('.compare-button-simple[data-product-id]').forEach(function(button) {
42749        const productId = button.getAttribute('data-product-id');
42750        const isInComparison = compareItems.some(item => String(item.id) === String(productId));
42751        window.updateCompareButtonState(productId, isInComparison);
42752      });
42753    }
42754  };
42755
42756  // Compare button UI animation - the actual functionality is handled by compare-system.js
42757  document.addEventListener('DOMContentLoaded', function() {
42758    // Apply translations on page load
42759    if (window.translateCompareButtons) {
42760      window.translateCompareButtons();
42761    }
42762    
42763    // Initialize button states based on comparison data
42764    setTimeout(function() {
42765      if (window.initializeCompareButtonStates) {
42766        window.initializeCompareButtonStates();
42767      }
42768    }, 100); // Small delay to ensure compare system is loaded
42769    
42770    document.querySelectorAll('.compare-button-simple').forEach(function(button) {
42771      // Skip if already has event listener
42772      if (button.hasAttribute('data-compare-initialized')) {
42773        return;
42774      }
42775      button.setAttribute('data-compare-initialized', 'true');
42776      
42777      button.addEventListener('click', function(e) {
42778        var buttonContainer = button.closest('.compare-button-container');
42779        var compareText = button.querySelector('.compare-text');
42780        var isInComparison = button.hasAttribute('data-in-comparison');
42781        var productId = button.getAttribute('data-product-id');
42782        
42783        // Prevent multiple clicks during loading
42784        if (button.classList.contains('loading')) {
42785          return;
42786        }
42787        
42788        // Make button always visible during the process
42789        buttonContainer.classList.add('active');
42790        
42791        // Add loading class to show spinner
42792        button.classList.add('loading');
42793        
42794        // UI feedback timing
42795        setTimeout(function() {
42796          // Remove loading class and show success message
42797          button.classList.remove('loading');
42798          button.classList.add('success');
42799          
42800          if (isInComparison) {
42801            // Removing from comparison
42802            compareText.textContent = window.compareButtonTranslations.removed[window.currentLocale] || window.compareButtonTranslations.removed.en;
42803            
42804            // Update button state after removal
42805            setTimeout(function() {
42806              button.classList.remove('success');
42807              window.updateCompareButtonState(productId, false);
42808              buttonContainer.classList.remove('active');
42809            }, 1500);
42810          } else {
42811            // Adding to comparison
42812            compareText.textContent = window.compareButtonTranslations.added[window.currentLocale] || window.compareButtonTranslations.added.en;
42813            
42814            // Update button state after addition
42815            setTimeout(function() {
42816              button.classList.remove('success');
42817              window.updateCompareButtonState(productId, true);
42818              buttonContainer.classList.remove('active');
42819            }, 1500);
42820          }
42821        }, 1200);
42822      });
42823    });
42824
42825    // Initialize tooltips translation with slight delay to ensure remove-decimals.js is loaded
42826    setTimeout(function() {
42827      if (window.translateTooltips) {
42828        window.translateTooltips();
42829      }
42830    }, 100);
42831  });
42832
42833  // Ensure compare button states are initialized after RendlCompare is available
42834  document.addEventListener('DOMContentLoaded', function() {
42835    function tryInitCompareButtons() {
42836      if (window.RendlCompare && typeof window.initializeCompareButtonStates === 'function') {
42837        window.initializeCompareButtonStates();
42838      } else {
42839        setTimeout(tryInitCompareButtons, 100);
42840      }
42841    }
42842    tryInitCompareButtons();
42843  });
42844
42845  // Self-contained wishlist functionality for card-product
42846  (function() {
42847    // Wishlist translations
42848    var wishlistTranslations = {
42849      'en': {
42850        addToWishlist: 'Add to My Favorites',
42851        createCategory: 'Create new category:',
42852        categoryPlaceholder: 'Category name',
42853        createAndAdd: 'Create & Add Item',
42854        alreadyAdded: '(Already added)',
42855        addedToWishlist: 'added to My Favorites',
42856        removedFromWishlist: 'removed from My Favorites',
42857        allFavorites: 'All Favorites'
42858      },
42859      'cs': {
42860        addToWishlist: 'Přidat do oblíbených',
42861        createCategory: 'Vytvořit novou skupinu:',
42862        categoryPlaceholder: 'Název nové skupiny',
42863        createAndAdd: 'Vytvořit a přidat skupinu',
42864        alreadyAdded: '(Již přidáno)',
42865        addedToWishlist: 'přidáno do oblíbených',
42866        removedFromWishlist: 'odebráno z oblíbených',
42867        allFavorites: 'Všechny oblíbené'
42868      },
42869      'sk': {
42870        addToWishlist: 'Pridať do obľúbených',
42871        createCategory: 'Vytvoriť novú kategóriu:',
42872        categoryPlaceholder: 'Názov kategórie',
42873        createAndAdd: 'Vytvoriť a pridať položku',
42874        alreadyAdded: '(Už pridané)',
42875        addedToWishlist: 'pridané do obľúbených',
42876        removedFromWishlist: 'odstránené z obľúbených',
42877        allFavorites: 'Všetky obľúbené'
42878      },
42879      'de': {
42880        addToWishlist: 'Zu meinen Favoriten hinzufügen',
42881        createCategory: 'Neue Kategorie erstellen:',
42882        categoryPlaceholder: 'Kategoriename',
42883        createAndAdd: 'Erstellen & hinzufügen',
42884        alreadyAdded: '(Bereits hinzugefügt)',
42885        addedToWishlist: 'zu meinen Favoriten hinzugefügt',
42886        removedFromWishlist: 'aus meinen Favoriten entfernt',
42887        allFavorites: 'Alle Favoriten'
42888      },
42889      'fr': {
42890        addToWishlist: 'Ajouter à mes favoris',
42891        createCategory: 'Créer une nouvelle catégorie :',
42892        categoryPlaceholder: 'Nom de la catégorie',
42893        createAndAdd: 'Créer et ajouter',
42894        alreadyAdded: '(Déjà ajouté)',
42895        addedToWishlist: 'ajouté à mes favoris',
42896        removedFromWishlist: 'retiré de mes favoris',
42897        allFavorites: 'Tous les favoris'
42898      },
42899      'it': {
42900        addToWishlist: 'Aggiungi ai preferiti',
42901        createCategory: 'Crea nuova categoria:',
42902        categoryPlaceholder: 'Nome categoria',
42903        createAndAdd: 'Crea e aggiungi',
42904        alreadyAdded: '(Già aggiunto)',
42905        addedToWishlist: 'aggiunto ai preferiti',
42906        removedFromWishlist: 'rimosso dai preferiti',
42907        allFavorites: 'Tutti i preferiti'
42908      },
42909      'es': {
42910        addToWishlist: 'Añadir a mis favoritos',
42911        createCategory: 'Crear nueva categoría:',
42912        categoryPlaceholder: 'Nombre de la categoría',
42913        createAndAdd: 'Crear y añadir',
42914        alreadyAdded: '(Ya añadido)',
42915        addedToWishlist: 'añadido a mis favoritos',
42916        removedFromWishlist: 'eliminado de mis favoritos',
42917        allFavorites: 'Todos los favoritos'
42918      },
42919      'nl': {
42920        addToWishlist: 'Toevoegen aan mijn favorieten',
42921        createCategory: 'Nieuwe categorie aanmaken:',
42922        categoryPlaceholder: 'Categorienaam',
42923        createAndAdd: 'Aanmaken & toevoegen',
42924        alreadyAdded: '(Al toegevoegd)',
42925        addedToWishlist: 'toegevoegd aan mijn favorieten',
42926        removedFromWishlist: 'verwijderd uit mijn favorieten',
42927        allFavorites: 'Alle favorieten'
42928      },
42929      'pl': {
42930        addToWishlist: 'Dodaj do ulubionych',
42931        createCategory: 'Utwórz nową kategorię:',
42932        categoryPlaceholder: 'Nazwa kategorii',
42933        createAndAdd: 'Utwórz i dodaj',
42934        alreadyAdded: '(Już dodane)',
42935        addedToWishlist: 'dodano do ulubionych',
42936        removedFromWishlist: 'usunięto z ulubionych',
42937        allFavorites: 'Wszystkie ulubione'
42938      },
42939      'hu': {
42940        addToWishlist: 'Hozzáadás a kedvencekhez',
42941        createCategory: 'Új kategória létrehozása:',
42942        categoryPlaceholder: 'Kategória neve',
42943        createAndAdd: 'Létrehozás és hozzáadás',
42944        alreadyAdded: '(Már hozzáadva)',
42945        addedToWishlist: 'hozzáadva a kedvencekhez',
42946        removedFromWishlist: 'eltávolítva a kedvencekből',
42947        allFavorites: 'Minden kedvenc'
42948      },
42949      'ro': {
42950        addToWishlist: 'Adaugă la favorite',
42951        createCategory: 'Creează o nouă categorie:',
42952        categoryPlaceholder: 'Nume categorie',
42953        createAndAdd: 'Creează și adaugă',
42954        alreadyAdded: '(Deja adăugat)',
42955        addedToWishlist: 'adăugat la favorite',
42956        removedFromWishlist: 'eliminat din favorite',
42957        allFavorites: 'Toate preferințele'
42958      },
42959      'bg': {
42960        addToWishlist: 'Добави в любими',
42961        createCategory: 'Създай нова категория:',
42962        categoryPlaceholder: 'Име на категория',
42963        createAndAdd: 'Създай и добави',
42964        alreadyAdded: '(Вече добавено)',
42965        addedToWishlist: 'добавено в любими',
42966        removedFromWishlist: 'премахнато от любими',
42967        allFavorites: 'Всички любими'
42968      },
42969      'hr': {
42970        addToWishlist: 'Dodaj u favorite',
42971        createCategory: 'Kreiraj novu kategoriju:',
42972        categoryPlaceholder: 'Naziv kategorije',
42973        createAndAdd: 'Kreiraj i dodaj',
42974        alreadyAdded: '(Već dodano)',
42975        addedToWishlist: 'dodano u favorite',
42976        removedFromWishlist: 'uklonjeno iz favorita',
42977        allFavorites: 'Sva omiljena'
42978      },
42979      'fi': {
42980        addToWishlist: 'Lisää suosikkeihin',
42981        createCategory: 'Luo uusi kategoria:',
42982        categoryPlaceholder: 'Kategorian nimi',
42983        createAndAdd: 'Luo ja lisää',
42984        alreadyAdded: '(Jo lisätty)',
42985        addedToWishlist: 'lisätty suosikkeihin',
42986        removedFromWishlist: 'poistettu suosikeista',
42987        allFavorites: 'Kaikki suosikit'
42988      },
42989      'gr': {
42990        addToWishlist: 'Προσθήκη στα αγαπημένα',
42991        createCategory: 'Δημιουργία νέας κατηγορίας:',
42992        categoryPlaceholder: 'Όνομα κατηγορίας',
42993        createAndAdd: 'Δημιουργία & προσθήκη',
42994        alreadyAdded: '(Ήδη προστέθηκε)',
42995        addedToWishlist: 'προστέθηκε στα αγαπημένα',
42996        removedFromWishlist: 'αφαιρέθηκε από τα αγαπημένα',
42997        allFavorites: 'Όλα τα αγαπημένα'
42998      },
42999      'no': {
43000        addToWishlist: 'Legg til i favoritter',
43001        createCategory: 'Opprett ny kategori:',
43002        categoryPlaceholder: 'Kategorinavn',
43003        createAndAdd: 'Opprett og legg til',
43004        alreadyAdded: '(Allerede lagt til)',
43005        addedToWishlist: 'lagt til i favoritter',
43006        removedFromWishlist: 'fjernet fra favoritter',
43007        allFavorites: 'Alle favoritter'
43008      },
43009      'pt-PT': {
43010        addToWishlist: 'Adicionar aos favoritos',
43011        createCategory: 'Criar nova categoria:',
43012        categoryPlaceholder: 'Nome da categoria',
43013        createAndAdd: 'Criar e adicionar',
43014        alreadyAdded: '(Já adicionado)',
43015        addedToWishlist: 'adicionado aos favoritos',
43016        removedFromWishlist: 'removido dos favoritos',
43017        allFavorites: 'Todos os favoritos'
43018      },
43019      'sl': {
43020        addToWishlist: 'Dodaj med priljubljene',
43021        createCategory: 'Ustvari novo kategorijo:',
43022        categoryPlaceholder: 'Ime kategorije',
43023        createAndAdd: 'Ustvari in dodaj',
43024        alreadyAdded: '(Že dodano)',
43025        addedToWishlist: 'dodano med priljubljene',
43026        removedFromWishlist: 'odstranjeno iz priljubljenih',
43027        allFavorites: 'Vsi priljubljeni'
43028      },
43029      'sv': {
43030        addToWishlist: 'Lägg till i favoriter',
43031        createCategory: 'Skapa ny kategori:',
43032        categoryPlaceholder: 'Kategorinamn',
43033        createAndAdd: 'Skapa och lägg till',
43034        alreadyAdded: '(Redan tillagd)',
43035        addedToWishlist: 'tillagd i favoriter',
43036        removedFromWishlist: 'borttagen från favoriter',
43037        allFavorites: 'Alla favoriter'
43038      },
43039      'lv': {
43040        addToWishlist: 'Pievienot favorītiem',
43041        createCategory: 'Izveidot jaunu kategoriju:',
43042        categoryPlaceholder: 'Kategorijas nosaukums',
43043        createAndAdd: 'Izveidot un pievienot',
43044        alreadyAdded: '(Jau pievienots)',
43045        addedToWishlist: 'pievienots favorītiem',
43046        removedFromWishlist: 'noņemts no favorītiem',
43047        allFavorites: 'Visas favorītus'
43048      },
43049      'lt': {
43050        addToWishlist: 'Pridėti į mėgstamiausius',
43051        createCategory: 'Sukurti naują kategoriją:',
43052        categoryPlaceholder: 'Kategorijos pavadinimas',
43053        createAndAdd: 'Sukurti ir pridėti',
43054        alreadyAdded: '(Jau pridėta)',
43055        addedToWishlist: 'pridėta į mėgstamiausius',
43056        removedFromWishlist: 'pašalinta iš mėgstamiausių',
43057        allFavorites: 'Visos mėgstamiausios'
43058      },
43059      'ee': {
43060        addToWishlist: 'Lisa lemmikutesse',
43061        createCategory: 'Loo uus kategooria:',
43062        categoryPlaceholder: 'Kategooria nimi',
43063        createAndAdd: 'Loo ja lisa',
43064        alreadyAdded: '(Juba lisatud)',
43065        addedToWishlist: 'lisatud lemmikutesse',
43066        removedFromWishlist: 'eemaldatud lemmikutest',
43067        allFavorites: 'Kõik lemmikud'
43068      },
43069      'dk': {
43070        addToWishlist: 'Tilføj til favoritter',
43071        createCategory: 'Opret ny kategori:',
43072        categoryPlaceholder: 'Kategorinavn',
43073        createAndAdd: 'Opret og tilføj',
43074        alreadyAdded: '(Allerede tilføjet)',
43075        addedToWishlist: 'tilføjet til favoritter',
43076        removedFromWishlist: 'fjernet fra favoritter',
43077        allFavorites: 'Alle favoritter'
43078      }
43079    };
43080
43081    function getWishlistLang() {
43082      var lang = (window.Shopify && Shopify.locale) || document.documentElement.lang || 'en';
43083      // Normalize for region codes (e.g., pt-PT, sl)
43084      if (lang.startsWith('pt-PT')) return 'pt-PT';
43085      if (lang.startsWith('sl')) return 'sl';
43086      if (lang.startsWith('cs')) return 'cs';
43087      if (lang.startsWith('sk')) return 'sk';
43088      if (lang.startsWith('de')) return 'de';
43089      if (lang.startsWith('fr')) return 'fr';
43090      if (lang.startsWith('it')) return 'it';
43091      if (lang.startsWith('es')) return 'es';
43092      if (lang.startsWith('nl')) return 'nl';
43093      if (lang.startsWith('pl')) return 'pl';
43094      if (lang.startsWith('hu')) return 'hu';
43095      if (lang.startsWith('ro')) return 'ro';
43096      if (lang.startsWith('bg')) return 'bg';
43097      if (lang.startsWith('hr')) return 'hr';
43098      if (lang.startsWith('fi')) return 'fi';
43099      if (lang.startsWith('el') || lang.startsWith('gr')) return 'gr';
43100      if (lang.startsWith('no')) return 'no';
43101      if (lang.startsWith('sv')) return 'sv';
43102      if (lang.startsWith('lv')) return 'lv';
43103      if (lang.startsWith('lt')) return 'lt';
43104      if (lang.startsWith('et') || lang.startsWith('ee')) return 'ee';
43105      if (lang.startsWith('da') || lang.startsWith('dk')) return 'dk';
43106      return 'en';
43107    }
43108
43109    // Get or initialize the wishlist array in localStorage
43110    function getWishlist() {
43111      const wishlistJSON = localStorage.getItem('rendl_wishlist');
43112      const wishlist = wishlistJSON ? JSON.parse(wishlistJSON) : { 
43113        categories: [
43114          {
43115            id: 'all-favorites',
43116            name: 'All Favorites',
43117            items: []
43118          }
43119        ],
43120        version: 2
43121      };
43122      
43123      // Handle migration from old format (array of items) to new format (categories)
43124      if (Array.isArray(wishlist)) {
43125        return {
43126          categories: [
43127            {
43128              id: 'all-favorites',
43129              name: 'All Favorites',
43130              items: wishlist
43131            }
43132          ],
43133          version: 2
43134        };
43135      }
43136      
43137      return wishlist;
43138    }
43139    
43140    // Save wishlist to localStorage
43141    function saveWishlist(wishlist) {
43142      localStorage.setItem('rendl_wishlist', JSON.stringify(wishlist));
43143      // Dispatch an event so other parts of the site can react to wishlist changes
43144      document.dispatchEvent(new CustomEvent('wishlist:updated', { 
43145        detail: { wishlist: wishlist } 
43146      }));
43147      
43148      // Count total items across all categories
43149      const totalItems = wishlist.categories.reduce((total, category) => {
43150        return total + category.items.length;
43151      }, 0);
43152      
43153      // Update all wishlist counters
43154      updateWishlistCounters(totalItems);
43155    }
43156    
43157    // Update all wishlist counters on the page
43158    function updateWishlistCounters(count) {
43159      const counters = document.querySelectorAll('.wishlist-count');
43160      counters.forEach(counter => {
43161        counter.textContent = count;
43162        
43163        // If the counter is hidden and count > 0, show it
43164        if (count > 0 && counter.hasAttribute('hidden')) {
43165          counter.removeAttribute('hidden');
43166        }
43167        // If the counter is visible and count = 0, hide it
43168        else if (count === 0 && !counter.hasAttribute('hidden')) {
43169          counter.setAttribute('hidden', 'true');
43170        }
43171      });
43172    }
43173    
43174    // Check if a product is in the wishlist (in any category)
43175    function isInWishlist(productId) {
43176      const wishlist = getWishlist();
43177      return wishlist.categories.some(category => 
43178        category.items.some(item => item.id === productId)
43179      );
43180    }
43181    
43182    // Get all categories
43183    function getCategories() {
43184      return getWishlist().categories;
43185    }
43186    
43187    // Create a new category
43188    function createCategory(name) {
43189      const wishlist = getWishlist();
43190      const categoryId = 'category-' + Date.now();
43191      
43192      wishlist.categories.push({
43193        id: categoryId,
43194        name: name,
43195        items: []
43196      });
43197      
43198      saveWishlist(wishlist);
43199      return categoryId;
43200    }
43201    
43202    // Add a product to a specific category
43203    function addToCategory(product, categoryId) {
43204      const wishlist = getWishlist();
43205      const category = wishlist.categories.find(cat => cat.id === categoryId);
43206      
43207      if (!category) return false;
43208      
43209      // Check if product already exists in ANY category (not just this one)
43210      if (isInWishlist(product.id)) {
43211        return false; // Product already in wishlist
43212      }
43213      
43214      // Add product to category
43215      category.items.push(product);
43216      saveWishlist(wishlist);
43217      
43218      // Dispatch event for global sync
43219      document.dispatchEvent(new CustomEvent('wishlist:updated', {
43220        detail: { productId: product.id, added: true }
43221      }));
43222      
43223      return true;
43224    }
43225    
43226    // Add a product to the default "All Favorites" category
43227    function addToWishlist(product) {
43228      return addToCategory(product, 'all-favorites');
43229    }
43230    
43231    // Remove a product from all categories
43232    function removeFromWishlist(productId) {
43233      const wishlist = getWishlist();
43234      let removed = false;
43235      
43236      wishlist.categories.forEach(category => {
43237        const initialLength = category.items.length;
43238        category.items = category.items.filter(item => item.id !== productId);
43239        if (category.items.length !== initialLength) {
43240          removed = true;
43241        }
43242      });
43243      
43244      if (removed) {
43245        saveWishlist(wishlist);
43246      }
43247      
43248      return removed;
43249    }
43250    
43251    // Toggle a product in the wishlist
43252    function toggleWishlistItem(product) {
43253      if (isInWishlist(product.id)) {
43254        // If already in wishlist, remove it
43255        const wasRemoved = removeFromWishlist(product.id);
43256        
43257        // Update heart icon if the product was successfully removed
43258        const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
43259        if (heartIcon && wasRemoved) {
43260          heartIcon.setAttribute('fill', 'none');
43261          showWishlistToast(false, product.title);
43262          
43263          // Dispatch event for global sync
43264          document.dispatchEvent(new CustomEvent('wishlist:updated', {
43265            detail: { productId: product.id, added: false }
43266          }));
43267        }
43268        return wasRemoved;
43269      } else {
43270        // If not in wishlist, show category selection popup
43271        showCategorySelectionPopup(product);
43272        return false; // Don't return true unless we actually add the product
43273      }
43274    }
43275    
43276    // Show wishlist category selection popup
43277    function showCategorySelectionPopup(product) {
43278      // Remove any existing popup
43279      const existingPopup = document.getElementById('wishlist-category-popup');
43280      if (existingPopup) {
43281        existingPopup.remove();
43282      }
43283
43284      const lang = getWishlistLang();
43285      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
43286
43287      // Create popup container
43288      const popup = document.createElement('div');
43289      popup.id = 'wishlist-category-popup';
43290      popup.className = 'wishlist-category-popup';
43291
43292      // Create popup content
43293      const content = document.createElement('div');
43294      content.className = 'wishlist-category-popup-content';
43295
43296      // Create header
43297      const title = document.createElement('h2');
43298      title.textContent = translations.addToWishlist; // Translate
43299
43300      const closeButton = document.createElement('button');
43301      closeButton.className = 'wishlist-category-popup-close';
43302      closeButton.setAttribute('aria-label', 'Close');
43303      closeButton.addEventListener('click', () => {
43304        popup.remove();
43305      });
43306      
43307      // Create category list
43308      const categoryList = document.createElement('div');
43309      categoryList.className = 'wishlist-category-list';
43310      
43311      // Get categories
43312      const categories = getCategories();
43313      
43314      // Add category options
43315      categories.forEach(category => {
43316        const categoryOption = document.createElement('div');
43317        categoryOption.className = 'wishlist-category-option';
43318        
43319        // Use translation for default category name
43320        categoryOption.textContent = category.id === 'all-favorites'
43321          ? (translations.allFavorites || category.name)
43322          : category.name;
43323
43324        // Highlight if product already in this category
43325        if (category.items.some(item => item.id === product.id)) {
43326          categoryOption.style.backgroundColor = '#f0f0f0';
43327          categoryOption.style.color = '#999';
43328          categoryOption.style.fontStyle = 'italic';
43329          categoryOption.textContent += ' ' + translations.alreadyAdded; // Translate
43330          categoryOption.style.cursor = 'default';
43331        } else {
43332          categoryOption.addEventListener('click', () => {
43333            const wasAdded = addToCategory(product, category.id);
43334            
43335            if (wasAdded) {
43336              // Update heart icon after successful addition
43337              const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
43338              if (heartIcon) {
43339                heartIcon.setAttribute('fill', '#333333');
43340              }
43341              
43342              showWishlistToast(true, product.title);
43343              popup.remove();
43344            }
43345          });
43346        }
43347        
43348        categoryList.appendChild(categoryOption);
43349      });
43350      
43351      // Create "add new category" section
43352      const newCategorySection = document.createElement('div');
43353      newCategorySection.style.borderTop = '1px solid #eee';
43354      newCategorySection.style.paddingTop = '15px';
43355      newCategorySection.style.marginTop = '10px';
43356      
43357      const newCategoryLabel = document.createElement('label');
43358      newCategoryLabel.textContent = translations.createCategory; // Translate
43359
43360      const newCategoryInput = document.createElement('input');
43361      newCategoryInput.type = 'text';
43362      newCategoryInput.placeholder = translations.categoryPlaceholder; // Translate
43363
43364      const createButton = document.createElement('button');
43365      createButton.className = 'create-category-button';
43366      createButton.textContent = translations.createAndAdd; // Translate
43367
43368      createButton.addEventListener('click', () => {
43369        const categoryName = newCategoryInput.value.trim();
43370        if (categoryName) {
43371          const categoryId = createCategory(categoryName);
43372          const wasAdded = addToCategory(product, categoryId);
43373          
43374          if (wasAdded) {
43375            // Update heart icon after successful addition
43376            const heartIcon = document.querySelector(`.card-wishlist-button[data-wishlist-product="${product.id}"] path`);
43377            if (heartIcon) {
43378              heartIcon.setAttribute('fill', '#333333');
43379            }
43380            
43381            showWishlistToast(true, product.title);
43382            popup.remove();
43383          }
43384        }
43385      });
43386      
43387      newCategorySection.appendChild(newCategoryLabel);
43388      newCategorySection.appendChild(newCategoryInput);
43389      newCategorySection.appendChild(createButton);
43390      
43391      // Assemble popup
43392      content.appendChild(title);
43393      content.appendChild(closeButton);
43394      content.appendChild(categoryList);
43395      content.appendChild(newCategorySection);
43396      popup.appendChild(content);
43397      
43398      // Add to document
43399      document.body.appendChild(popup);
43400      
43401      // Focus the input
43402      setTimeout(() => {
43403        newCategoryInput.focus();
43404      }, 100);
43405      
43406      // Close when clicking outside content
43407      popup.addEventListener('click', (e) => {
43408        if (e.target === popup) {
43409          popup.remove();
43410        }
43411      });
43412    }
43413    
43414    // Show a toast notification
43415    function showWishlistToast(added, productTitle) {
43416      // Create or get toast container
43417      let toastContainer = document.getElementById('wishlist-toast');
43418      if (!toastContainer) {
43419        toastContainer = document.createElement('div');
43420        toastContainer.id = 'wishlist-toast';
43421        toastContainer.style.position = 'fixed';
43422        toastContainer.style.bottom = '20px';
43423        toastContainer.style.right = '20px';
43424        toastContainer.style.zIndex = '9999';
43425        document.body.appendChild(toastContainer);
43426      }
43427      
43428      // Create toast
43429      const toast = document.createElement('div');
43430      toast.style.backgroundColor = added ? '#333' : '#ED7B7B';
43431      toast.style.color = 'white';
43432      toast.style.padding = '12px 20px';
43433      toast.style.borderRadius = '0';
43434      toast.style.marginTop = '10px';
43435      toast.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
43436      toast.style.transition = 'all 0.3s ease';
43437      toast.style.opacity = '0';
43438      toast.style.fontFamily = 'Montserrat, sans-serif';
43439      
43440      // Choose text based on action
43441      const lang = getWishlistLang();
43442      const translations = wishlistTranslations[lang] || wishlistTranslations['en'];
43443      toast.textContent = added
43444        ? `${productTitle} ${translations.addedToWishlist}` // Translate
43445        : `${productTitle} ${translations.removedFromWishlist}`; // Translate
43446      
43447      // Add to container
43448      toastContainer.appendChild(toast);
43449      
43450      // Animate in
43451      setTimeout(() => {
43452        toast.style.opacity = '1';
43453      }, 10);
43454      
43455      // Animate out and remove
43456      setTimeout(() => {
43457        toast.style.opacity = '0';
43458        setTimeout(() => {
43459          toastContainer.removeChild(toast);
43460        }, 300);
43461      }, 3000);
43462    }
43463
43464    // Initialize wishlist buttons
43465    function initCardWishlistButtons() {
43466      const wishlistButtons = document.querySelectorAll('.card-wis
43466hlist-button');
43467      
43468      wishlistButtons.forEach(button => {
43469        // Skip if already initialized
43470        if (button.dataset.initializedWishlist === 'true') return;
43471        button.dataset.initializedWishlist = 'true';
43472        
43473        const productId = button.getAttribute('data-wishlist-product');
43474        if (!productId) return;
43475        
43476        // Get product details from the card
43477        const card = button.closest('.card-wrapper');
43478        const productDetails = {
43479          id: productId,
43480          title: card.querySelector('.card__heading')?.textContent.trim() || '',
43481          handle: card.querySelector('a[href*="/products/"]')?.href.split('/products/')[1]?.split('?')[0] || '',
43482          price: card.querySelector('.price')?.textContent.trim() || '',
43483          image: card.querySelector('img')?.src || '',
43484          url: card.querySelector('a[href*="/products/"]')?.href || ''
43485        };
43486        
43487        // Set initial state using global function
43488        const heartIcon = button.querySelector('path');
43489        if (heartIcon) {
43490          if (window.checkWishlistStatus && window.checkWishlistStatus(productId)) {
43491            heartIcon.setAttribute('fill', '#333333');
43492          } else {
43493            heartIcon.setAttribute('fill', 'none');
43494          }
43495        }
43496        
43497        // Add click handler
43498        button.addEventListener('click', function(e) {
43499          e.preventDefault();
43500          e.stopPropagation();
43501          e.stopImmediatePropagation();
43502          toggleWishlistItem(productDetails);
43503        });
43504        
43505        // Prevent navigation on mousedown/touchstart
43506        button.addEventListener('mousedown', function(e) {
43507          e.preventDefault();
43508          e.stopPropagation();
43509        });
43510        
43511        button.addEventListener('touchstart', function(e) {
43512          e.preventDefault();
43513          e.stopPropagation();
43514        });
43515      });
43516    }
43517
43518    // Initialize the wishlist counter on page load
43519    const wishlist = getWishlist();
43520    const totalItems = wishlist.categories.reduce((total, category) => {
43521      return total + category.items.length;
43522    }, 0);
43523    updateWishlistCounters(totalItems);
43524
43525    // Initialize on DOM ready
43526    if (document.readyState === 'loading') {
43527      document.addEventListener('DOMContentLoaded', initCardWishlistButtons);
43528    } else {
43529      initCardWishlistButtons();
43530    }
43531
43532    // Reinitialize on Shopify section load
43533    document.addEventListener('shopify:section:load', function() {
43534      setTimeout(initCardWishlistButtons, 100);
43535    });
43536
43537    // Listen for wishlist updates from other parts of the site
43538    document.addEventListener('wishlist:updated', function() {
43539      setTimeout(initCardWishlistButtons, 100);
43540    });
43541  })();
43542</script>
43542
43543
43544<!-- Price info icon styles -->
43545<style>
43546  /* Price container with icon */
43547  .price-container-with-info {
43548    position: relative;
43549    display: flex;
43550    align-items: center;
43551    gap: 8px;
43552  }
43553
43554  /* Info icon - hidden by default, shown on card hover */
43555  .price-info-icon {
43556    position: relative;
43557    display: inline-flex;
43558    align-items: center;
43559    justify-content: center;
43560    color: #666;
43561    cursor: help;
43562    opacity: 0;
43563    transition: opacity 0.3s ease;
43564
43565    padding: 4px; /* Add padding to increase clickable area */
43566    min-width: 20px; /* Ensure minimum clickable area */
43567    min-height: 20px;
43568    z-index: 15; /* Above everything else including compare button */
43569    pointer-events: auto; /* Allow interaction */
43570  }
43571
43572  /* Show icon on card hover */
43573  .card-wrapper:hover .price-info-icon {
43574    opacity: 1;
43575  }
43576
43577  .price-info-icon svg {
43578    width: 14px;
43579    height: 14px;
43580    stroke-width: 1.5;
43581  }
43582
43583  /* Tooltip styles */
43584  .price-info-tooltip {
43585    position: absolute;
43586    bottom: calc(100% + 6px);
43587    top: auto;
43588    left: 0;
43589    transform: none;
43590    min-width: 310px;
43591    background: #FFFFFF;
43592    color: #232323;
43593    border: 1px solid #EEEEEE;
43594    box-shadow: 1px 1px 12.1px rgba(0, 0, 0, 0.08);
43595    padding: 12px 16px;
43596    font-size: 13px;
43597    font-family: 'Montserrat', sans-serif;
43598    z-index: 10000;
43599    opacity: 0;
43600    transition: opacity 0.18s;
43601    white-space: pre-line;
43602    text-align: left;
43603    border-radius: 0;
43604    visibility: hidden;
43605    pointer-events: none;
43606  }
43607
43608  /* Show tooltip on icon hover */
43609  .price-info-icon:hover .price-info-tooltip {
43610    visibility: visible;
43611    opacity: 1;
43612  }
43613
43614  /* Ensure tooltip is never clipped */
43615  .price-container-with-info,
43616  .card-information,
43617  .card__content {
43618    overflow: visible !important;
43619  }
43620
43621  /* Mobile adjustments */
43622  @media screen and (max-width: 768px) {
43623    .price-info-tooltip {
43624      min-width: 200px;
43625      font-size: 12px;
43626      padding: 10px 12px;
43627    }
43628  }
43629</style>
43630
43631                </li></ul></div></div>
43632    </div></div>
43633
43634<script>
43635  // Performance optimization: Defer product grid rendering until banner is loaded
43636  (function() {
43637    'use strict';
43638    
43639    function initDeferredProductGrid() {
43640      const productGridContainer = document.getElementById('ProductGridContainer');
43641      const banner = document.querySelector('.random-banner');
43642      
43643      if (!productGridContainer || !productGridContainer.hasAttribute('data-defer-load')) {
43644        return;
43645      }
43646      
43647      // Hide grid initially with smooth transition
43648      // Use the last known grid height (stored after previous render) to avoid layout shift
43649      const heightStorageKey = 'collection_grid_height_v1:' + (window.innerWidth || '0');
43650      const storedHeight = parseInt(sessionStorage.getItem(heightStorageKey) || '', 10);
43651      const fallbackHeight = 1000;
43652      const placeholderHeight = Number.isFinite(storedHeight) && storedHeight > 200 ? storedHeight : fallbackHeight;
43653
43654      productGridContainer.style.setProperty('--defer-grid-height', placeholderHeight + 'px');
43655      productGridContainer.style.visibility = 'hidden';
43656      productGridContainer.style.minHeight = placeholderHeight + 'px';
43657      productGridContainer.style.opacity = '0';
43658      
43659      function showProductGrid() {
43660        requestAnimationFrame(function() {
43661          productGridContainer.style.visibility = 'visible';
43662          productGridContainer.style.opacity = '1';
43663          productGridContainer.style.transition = 'opacity 0.3s ease-in';
43664          productGridContainer.style.minHeight = 'auto';
43665          productGridContainer.removeAttribute('data-defer-load');
43666          
43667          // Store actual grid height for next visit (so shimmer matches grid height)
43668          // Delay measurement one frame to ensure layout is updated
43669          requestAnimationFrame(function() {
43670            const measuredHeight = Math.round(productGridContainer.getBoundingClientRect().height || 0);
43671            if (measuredHeight > 200) {
43672              sessionStorage.setItem(heightStorageKey, String(measuredHeight));
43673            }
43674          });
43675
43676          // Trigger any animations
43677          const event = new CustomEvent('productgrid:loaded');
43678          document.dispatchEvent(event);
43679          
43680          console.log('[Performance] Product grid rendered after banner load');
43681        });
43682      }
43683      
43684      // Listen for banner loaded event
43685      document.addEventListener('banner:loaded', function() {
43686        console.log('[Performance] Banner loaded event received');
43687        setTimeout(showProductGrid, 50);
43688      });
43689      
43690      // Wait for banner to be fully loaded (fallback if event not fired)
43691      if (banner) {
43692        // Check if banner already loaded
43693        if (banner.hasAttribute('data-banner-loaded')) {
43694          console.log('[Performance] Banner already loaded');
43695          showProductGrid();
43696          return;
43697        }
43698        
43699        // Fallback: show grid after 1.5 seconds anyway
43700        setTimeout(function() {
43701          if (productGridContainer.hasAttribute('data-defer-load')) {
43702            console.log('[Performance] Fallback timeout triggered');
43703            showProductGrid();
43704          }
43705        }, 1500);
43706      } else {
43707        // No banner found, show grid immediately
43708        console.log('[Performance] No banner found, showing grid immediately');
43709        showProductGrid();
43710      }
43711    }
43712    
43713    // Initialize when DOM is ready
43714    if (document.readyState === 'loading') {
43715      document.addEventListener('DOMContentLoaded', initDeferredProductGrid);
43716    } else {
43717      initDeferredProductGrid();
43718    }
43719  })();
43720
43721  // Intersection Observer for progressive product loading
43722  (function() {
43723    'use strict';
43724    
43725    if (!('IntersectionObserver' in window)) {
43726      return; // Skip if not supported
43727    }
43728    
43729    function initProgressiveProductLoading() {
43730      const productGrid = document.getElementById('product-grid');
43731      if (!productGrid) return;
43732      
43733      const options = {
43734        root: null,
43735        rootMargin: '50px 0px 200px 0px', // Load slightly before entering viewport
43736        threshold: 0.01
43737      };
43738      
43739      const observer = new IntersectionObserver(function(entries) {
43740        entries.forEach(function(entry) {
43741          if (entry.isIntersecting) {
43742            const gridItem = entry.target;
43743            
43744            // Load images in this grid item
43745            const images = gridItem.querySelectorAll('img[loading="lazy"]');
43746            images.forEach(function(img) {
43747              if (img.dataset.src) {
43748                img.src = img.dataset.src;
43749                img.removeAttribute('data-src');
43750              }
43751            });
43752            
43753            // Add loaded class for animations
43754            gridItem.classList.add('grid-item-loaded');
43755            
43756            // Stop observing this item
43757            observer.unobserve(gridItem);
43758          }
43759        });
43760      }, options);
43761      
43762      // Observe all grid items except first few (already visible)
43763      const gridItems = productGrid.querySelectorAll('.grid__item');
43764      gridItems.forEach(function(item, index) {
43765        if (index > 5) { // First 6 items load immediately
43766          observer.observe(item);
43767        }
43768      });
43769      
43770      console.log('[Performance] Progressive product loading initialized for', gridItems.length, 'items');
43771    }
43772    
43773    // Wait for product grid to be loaded
43774    document.addEventListener('productgrid:loaded', function() {
43775      setTimeout(initProgressiveProductLoading, 100);
43776    });
43777    
43778    // Also init on page load if no defer
43779    window.addEventListener('load', function() {
43780      setTimeout(initProgressiveProductLoading, 500);
43781    });
43782  })();
43783</script>
43783
43784
43785
43786<style> #shopify-section-template--28113427169578__product-grid .card--card, #shopify-section-template--28113427169578__product-grid .card--standard .card__inner {position: relative; box-sizing: border-box; border-radius: var(--border-radius); border-right: 0px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; border-left: 0px solid #d4d4d4;} </style></div>
43787      </main>
43788  
43789      <!-- BEGIN sections: footer-group -->
43790<div id="shopify-section-sections--28113425662250__main_footer_FMmKHU" class="shopify-section shopify-section-group-footer-group"><!-- Start of footer -->
43791
43792
43793
43794
43795
43796
43797
43798
43799
43800
43801
43802
43803
43804
43805
43806
43807
43808
43809
43810
43811
43812
43813
43814
43815
43816
43817
43818
43819
43820
43821  
43822
43823  
43824
43825  
43826
43827  
43828
43829  
43830
43831  
43832
43833  
43834
43835  
43836
43837  
43838
43839  
43840
43841  
43842
43843  
43844
43845  
43846
43847  
43848
43849  
43850
43851  
43852
43853  
43854
43855  
43856
43857  
43858
43859  
43860
43861  
43862
43863  
43864
43865  
43866
43867  
43868
43869  
43870
43871  
43872    
43873    
43874      
43875      
43876    
43877  
43878
43879  
43880    
43881    
43882      
43883      
43884    
43885  
43886
43887  
43888    
43889    
43890      
43891      
43892    
43893  
43894
43895  
43896    
43897    
43898      
43899      
43900    
43901  
43902
43903  
43904    
43905    
43906      
43907      
43908    
43909  
43910
43911  
43912    
43913    
43914      
43915      
43916    
43917  
43918
43919  
43920    
43921    
43922      
43923      
43924    
43925  
43926
43927  
43928    
43929    
43930      
43931      
43932        
43933        
43934        
43935        
43936        
43937        
43938        
43939        
43940        
43941        
43942  
43943
43944  
43945    
43946    
43947      
43948      
43949    
43950  
43951
43952  
43953    
43954    
43955      
43956      
43957    
43958  
43959
43960  
43961    
43962    
43963      
43964      
43965    
43966  
43967
43968  
43969    
43970    
43971      
43972      
43973    
43974  
43975
43976  
43977    
43978    
43979      
43980      
43981    
43982  
43983
43984  
43985    
43986    
43987      
43988      
43989    
43990  
43991
43992  
43993    
43994    
43995      
43996      
43997    
43998  
43999
44000  
44001    
44002    
44003      
44004      
44005    
44006  
44007
44008  
44009    
44010    
44011      
44012      
44013    
44014  
44015
44016  
44017    
44018    
44019      
44020      
44021    
44022  
44023
44024  
44025    
44026    
44027      
44028      
44029    
44030  
44031
44032  
44033    
44034    
44035      
44036      
44037    
44038  
44039
44040  
44041    
44042    
44043      
44044      
44045    
44046  
44047
44048  
44049    
44050    
44051      
44052      
44053    
44054  
44055
44056  
44057    
44058    
44059      
44060      
44061    
44062  
44063
44064  
44065    
44066    
44067      
44068      
44069    
44070  
44071
44072  
44073    
44074    
44075      
44076      
44077    
44078  
44079
44080
44081
44082
44083<footer class="footer" data-market="fi">
44084  <div class="footer-container">
44085
44086    <!-- Column 1: Logo, Languages, and Payment Options -->
44087    <div class="footer-column footer-logo-languages-payments">
44088      <div style="display: flex; align-items: center; border-bottom: 1px solid #636363; padding-bottom: 10px;">
44089        <div class="footer-logo">
44090          <img src="//rendl.fi/cdn/shop/files/hero-slider-logo.svg?v=1741941705" alt="Rendl Light Studio -logo" class="logo-img" loading="lazy">
44091        </div>
44092
44093        <div class="footer-languages">
44094          <div class="footer-flags-container-logo" style="display: flex; flex-wrap: wrap; gap: 10px;">
44095            <a href="https://www.rendl.co.at" class="footer-flag-link" data-tooltip="Itävalta">
44096              <img src="//rendl.fi/cdn/shop/files/flag_AT.svg?v=1741960438" alt="AT Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44097            </a>
44098            <a href="https://www.rendl.be" class="footer-flag-link" data-tooltip="Belgia">
44099              <img src="//rendl.fi/cdn/shop/files/flag_BE.svg?v=1741960439" alt="BE Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44100            </a>
44101            <a href="https://www.rendl.bg" class="footer-flag-link" data-tooltip="Bulgaria">
44102              <img src="//rendl.fi/cdn/shop/files/flag_BG.svg?v=1741960439" alt="BG Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44103            </a>
44104            <a href="https://www.rendl.hr" class="footer-flag-link" data-tooltip="Kroatia">
44105              <img src="//rendl.fi/cdn/shop/files/flag_HR.svg?v=1741960438" alt="HR Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44106            </a>
44107            <a href="https://www.rendl.cz" class="footer-flag-link" data-tooltip="Tšekki">
44108              <img src="//rendl.fi/cdn/shop/files/flag_CZ.svg?v=1741960439" alt="CZ Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44109            </a>
44110            <a href="https://www.rendl.dk" class="footer-flag-link" data-tooltip="Tanska">
44111              <img src="//rendl.fi/cdn/shop/files/flag_DK.svg?v=1741960439" alt="DK Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44112            </a>
44113            <a href="https://www.rendl.ee" class="footer-flag-link" data-tooltip="Viro">
44114              <img src="//rendl.fi/cdn/shop/files/flag_EE.svg?v=1741960438" alt="EE Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44115            </a>
44116            <a href="https://www.rendl.fi" class="footer-flag-link" data-tooltip="Suomi">
44117              <img src="//rendl.fi/cdn/shop/files/flag_FI.svg?v=1741960439" alt="FI Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44118            </a>
44119            <a href="https://www.rendl.fr" class="footer-flag-link" data-tooltip="Ranska">
44120              <img src="//rendl.fi/cdn/shop/files/flag_FR.svg?v=1741960439" alt="FR Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44121            </a>
44122            <a href="https://rendl.com.de" class="footer-flag-link" data-tooltip="Saksa">
44123              <img src="//rendl.fi/cdn/shop/files/flag_GE.svg?v=1741960491" alt="DE Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44124            </a>
44125            <a href="https://rendl.gr" class="footer-flag-link" data-tooltip="Kreikka">
44126              <img src="//rendl.fi/cdn/shop/files/GR.png?v=1757688511" alt="GR Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44127            </a>
44128            <a href="https://rendl.hu" class="footer-flag-link" data-tooltip="Unkari">
44129              <img src="//rendl.fi/cdn/shop/files/flag_HU.svg?v=1741960439" alt="HU Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44130            </a>
44131            <a href="https://rendl.com/?country=GB" class="footer-flag-link" data-tooltip="Irlanti">
44132              <img src="//rendl.fi/cdn/shop/files/flag_IE.svg?v=1741960439" alt="IE Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44133            </a>
44134            <a href="https://rendl.it" class="footer-flag-link" data-tooltip="Italia">
44135              <img src="//rendl.fi/cdn/shop/files/flag_IT.svg?v=1741960439" alt="IT Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44136            </a>
44137            <a href="https://rendl.com/?country=GB" class="footer-flag-link" data-tooltip="Latvia">
44138              <img src="//rendl.fi/cdn/shop/files/flag_LV.svg?v=1741960438" alt="LV Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44139            </a>
44140            <a href="https://www.rendl.lt" class="footer-flag-link" data-tooltip="Liettua">
44141              <img src="//rendl.fi/cdn/shop/files/flag_HU-1.svg?v=1741960439" alt="LT Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44142            </a>
44143            <a href="https://rendl.com/?country=GB" class="footer-flag-link" data-tooltip="Luxemburg">
44144              <img src="//rendl.fi/cdn/shop/files/flag_LU.svg?v=1741960439" alt="LU Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44145            </a>
44146            <a href="https://www.rendl.nl" class="footer-flag-link" data-tooltip="Alankomaat">
44147              <img src="//rendl.fi/cdn/shop/files/flag_NL.svg?v=1741960439" alt="NL Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44148            </a>
44149            <a href="https://www.rendl.pl" class="footer-flag-link" data-tooltip="Puola">
44150              <img src="//rendl.fi/cdn/shop/files/flag_PL.svg?v=1741960438" alt="PL Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44151            </a>
44152            <a href="https://www.rendl.pt" class="footer-flag-link" data-tooltip="Portugali">
44153              <img src="//rendl.fi/cdn/shop/files/flag_PT.svg?v=1741960439" alt="PT Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44154            </a>
44155            <a href="https://www.rendl.ro" class="footer-flag-link" data-tooltip="Romania">
44156              <img src="//rendl.fi/cdn/shop/files/flag_RO.svg?v=1741960438" alt="RO Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44157            </a>
44158            <a href="https://www.rendl.sk" class="footer-flag-link" data-tooltip="Slovakia">
44159              <img src="//rendl.fi/cdn/shop/files/flag_SK.svg?v=1741960439" alt="SK Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44160            </a>
44161            <a href="https://www.rendl.si" class="footer-flag-link" data-tooltip="Slovenia">
44162              <img src="//rendl.fi/cdn/shop/files/flag_SL.svg?v=1741960439" alt="SI Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44163            </a>
44164            <a href="https://rendl.es" class="footer-flag-link" data-tooltip="España">
44165              <img src="//rendl.fi/cdn/shop/files/flag_ES.svg?v=1751876458" alt="ES Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44166            </a>
44167            <a href="https://www.rendl.se" class="footer-flag-link" data-tooltip="Ruotsi">
44168              <img src="//rendl.fi/cdn/shop/files/flag_SE.svg?v=1741960439" alt="SE Flag" class="footer-flag-logo-img" style="width: 30px; height: auto;" loading="lazy">
44169            </a>
44170            <a href="https://rendl.com/?country=EN" class="footer-flag-link" data-tooltip="Eurooppa/EN/EUR">
44171              <img src="//rendl.fi/cdn/shop/files/flag_EU.svg?v=1741960439" alt="EU Flag" class="footer-flag-logo-img" style="width: 40px; height: auto;" loading="lazy">
44172            </a>
44173          </div>
44174        </div>
44175      </div>
44176
44177      <!-- Payment Options -->
44178      <div class="footer-payments">
44179        <div class="footer-payments-header">
44180          <div class="footer-heading">Maksuvaihtoehdot </div>
44181        </div>
44182        <div class="footer-payment-icons">
44183          <div class="footer-flags-container-payments"><svg class="footer-flag-payments-img" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 
441830 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
44184
44185<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.
44185001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg>
44186<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-blik"><title id="pi-blik">BLIK</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="url(#pi-blik-paint0_linear)"/><path d="M30.343 17.155l-2.785-3.639 2.563-3.236h-2.185l-2.456 3.138V6.78h-1.848v10.375h1.848v-3.532l2.456 3.532h2.407zM18.613 6.78h-1.848v10.366h1.848V6.78zm3.433 3.508h-1.848v6.867h1.848v-6.867z" fill="#fff"/><path d="M13.849 9.573a1.651 1.651 0 100-3.302 1.651 1.651 0 000 3.302z" fill="url(#pi-blik-paint1_radial)"/><path d="M12.041 10.206c-.574 0-1.138.144-1.642.419V6.82H8.534v6.9a3.516 3.516 0 103.507-3.515zm0 5.175a1.643 1.643 0 110-3.286 1.643 1.643 0 010 3.286z" fill="#fff"/><defs><radialGradient id="pi-blik-paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.51 6.18) scale(5.41297)"><stop stop-color="red"/><stop offset=".49" stop-color="#E83E49"/><stop offset="1" stop-color="#F0F"/></radialGradient><linearGradient id="pi-blik-paint0_linear" x1="19" y1="4.977" x2="19" y2="55.605" gradientUnits="userSpaceOnUse"><stop/><stop offset=".732" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></svg>
44187<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
4418706zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
44188
44189<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.571
441897 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
44190<svg class="footer-flag-payments-img" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
44191<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/>
44191</svg>
44192
44193<svg class="footer-flag-payments-img" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg>
44194<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
44195
44196<svg class="footer-flag-payments-img" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/>
44196<path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
4419616.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
44197
44198</div>
44199        </div>
44200        <div class="footer-shipping-icons" style="display: flex; flex-direction: column; align-items: flex-start; margin-top: 20px;">
44201          
44202          <div style="display: flex; align-items: center; margin-top: 15px;">
44203            <img src="//rendl.fi/cdn/shop/files/bank_transfer-icon.svg?v=1741962480" alt="Bank Transfer" class="footer-shipping-icon" style="margin-right: 10px; margin-top: 0px;">
44204            <span>Pankkisiirto</span>
44205          </div>
44206        </div>
44207      </div>
44208
44209      <!-- Delivery Options -->
44210      <div class="footer-delivery-options">
44211        <div class="footer-heading">Toimitusvaihtoehdot <span class="footer-badge">ILMAINEN</span></div>
44212        
44213        
44214        
44215        <div class="footer-delivery-grid">
44216          
44217            
44218              
44219              
44220              
44221              
44222                
44223                  
44224                  
44225                
44226              
44227              
44228              
44229            
44230          
44231            
44232              
44233              
44234              
44235              
44236                
44237                  
44238                  
44239                
44240              
44241              
44242              
44243            
44244          
44245            
44246              
44247              
44248              
44249              
44250                
44251                  
44252                  
44253                
44254              
44255              
44256              
44257            
44258          
44259            
44260              
44261              
44262              
44263              
44264                
44265                  
44266                  
44267                
44268              
44269              
44270              
44271            
44272          
44273            
44274              
44275              
44276              
44277              
44278                
44279                  
44280                  
44281                
44282              
44283              
44284              
44285            
44286          
44287            
44288              
44289              
44290              
44291              
44292                
44293                  
44294                  
44295                
44296              
44297              
44298              
44299            
44300          
44301            
44302              
44303              
44304              
44305              
44306                
44307                  
44308                  
44309                    
44310                    
44311              
44312              
44313              
44314                
44315                
44316                  <div class="footer-delivery-item" data-markets="fi">GLS</div>
44317                
44318                  <div class="footer-delivery-item" data-markets="fi">Posti</div>
44319                
44320              
44321            
44322          
44323            
44324              
44325              
44326              
44327              
44328                
44329                  
44330                  
44331                
44332              
44333              
44334              
44335            
44336          
44337            
44338              
44339              
44340              
44341              
44342                
44343                  
44344                  
44345                
44346              
44347              
44348              
44349            
44350          
44351            
44352              
44353              
44354              
44355              
44356                
44357                  
44358                  
44359                
44360              
44361              
44362              
44363            
44364          
44365            
44366              
44367              
44368              
44369              
44370                
44371                  
44372                  
44373                
44374              
44375              
44376              
44377            
44378          
44379            
44380              
44381              
44382              
44383              
44384                
44385                  
44386                  
44387                
44388              
44389              
44390              
44391            
44392          
44393            
44394              
44395              
44396              
44397              
44398                
44399                  
44400                  
44401                
44402              
44403              
44404              
44405            
44406          
44407            
44408              
44409              
44410              
44411              
44412                
44413                  
44414                  
44415                
44416              
44417              
44418              
44419            
44420          
44421            
44422              
44423              
44424              
44425              
44426                
44427                  
44428                  
44429                
44430              
44431              
44432              
44433            
44434          
44435            
44436              
44437              
44438              
44439              
44440                
44441                  
44442                  
44443                
44444              
44445              
44446              
44447            
44448          
44449            
44450              
44451              
44452              
44453              
44454                
44455                  
44456                  
44457                
44458                  
44459                  
44460                
44461                  
44462                  
44463                
44464                  
44465                  
44466                
44467                  
44468                  
44469                
44470              
44471              
44472              
44473            
44474          
44475            
44476              
44477              
44478              
44479              
44480                
44481                  
44482                  
44483                
44484              
44485              
44486              
44487            
44488          
44489            
44490              
44491              
44492              
44493              
44494                
44495                  
44496                  
44497                
44498              
44499              
44500              
44501            
44502          
44503            
44504              
44505              
44506              
44507              
44508                
44509                  
44510                  
44511                
44512              
44513              
44514              
44515            
44516          
44517            
44518              
44519              
44520              
44521              
44522                
44523                  
44524                  
44525                
44526              
44527              
44528              
44529            
44530          
44531            
44532          
44533            
44534          
44535            
44536          
44537            
44538          
44539            
44540          
44541            
44542          
44543            
44544          
44545            
44546          
44547            
44548          
44549            
44550          
44551            
44552          
44553            
44554          
44555            
44556          
44557            
44558          
44559            
44560          
44561            
44562          
44563            
44564          
44565            
44566          
44567            
44568          
44569            
44570          
44571            
44572          
44573            
44574          
44575            
44576          
44577            
44578          
44579            
44580          
44581            
44582          
44583            
44584          
44585            
44586          
44587            
44588          
44589        </div>
44590      </div>
44591    </div>
44592
44593    <!-- Column 2: Useful Links -->
44594    <div class="footer-column footer-useful-links">
44595      <div class="footer-heading">HYÖDYLLISIÄ LINKKEJÄ</div>
44596      <ul class="footer-links">
44597        <li><a href="/pages/yrityksestamme" class="footer-link">Meistä</a></li>
44598        <li><a href="/pages/ehdot-ja-saannot" class="footer-link">Käyttöehdot</a></li>
44599        <li><a href="/pages/palautusehdot" class="footer-link">Palautuskäytäntö</a></li>
44600        <li><a href="/pages/contract-withdrawal" class="footer-link">Peruuttamislomake</a></li>
44601        <li><a href="/pages/tietosuojakaytanto" class="footer-link">Tietosuojakäytäntö</a></li>
44602      </ul>
44603      
44604      <div class="footer-special-links">
44605        <a href="/pages/tilausten-massalahetys" class="footer-link footer-link-with-icon">
44606          
44607            <img src="//rendl.fi/cdn/shop/files/bulk-icon_84fb0160-d5a2-4d18-8732-fc12913d207d.svg?v=1764251134&width=48" alt="" class="footer-link-icon">
44608          
44609          <span>Massalataus</span>
44610        </a>
44611        <a href="/pages/order-tracking" class="footer-link footer-link-with-icon">
44612          
44613            <img src="//rendl.fi/cdn/shop/files/order-tracking-icon.svg?v=1764251861&width=48" alt="" class="footer-link-icon">
44614          
44615          <span>Tilauksen seuranta</span>
44616        </a>
44617      </div>
44618      <div class="footer-buttons" style="margin-top: 50px;">
44619      </div>
44620    </div>
44621
44622    <!-- Column 3: Contact -->
44623    <div class="footer-column footer-showroom-contact">
44624      <div class="footer-heading">OTA YHTEYTTÄ</div>
44625      <div class="footer-contact-info">
44626        <p class="footer-contact-text">+358 75 3252510</p>
44627        
44628        <p class="footer-contact-text">[email protected]</p>
44629        <p class="footer-contact-text" style="margin-top: 20px;">ALV-numero: 556852/6783</p>
44630        <p class="footer-contact-text">Y-tunnus: SE556852678301</p>
44631      </div>
44632    </div>
44633
44634    <!-- Column 4: Showroom, Address and Certificates -->
44635    <div class="footer-column footer-address-certificates">
44636      <div class="footer-heading">OSOITE</div>
44637      <p class="footer-showroom-text">Rundelsgatan 16</p>
44638      <p class="footer-showroom-text">211 36 Malmö</p>
44639      
44640      
44641      <p style="margin-top: 15px;">
44642        <a href="/pages/ota-yhteytta" class="footer-link">
44643          <img src="//rendl.fi/cdn/shop/files/share-icon.svg?v=1741962444" alt="Map Icon" style="width: 25px; vertical-align: middle; margin-right: 5px; margin-left: 0px;">
44644          näytä kartalla
44645        </a>
44646      </p>
44647      
44648
44649      
44650        <p class="footer-returns-wrap">
44651          <button type="button" class="footer-link footer-returns-trigger" data-footer-returns-open>
44652            Palautus / Reklamaatio
44653          </button>
44654        </p>
44655      
44656
44657      
44658      <div class="footer-heading" style="margin-top: 40px;">ESITTELYTILA</div>
44659      <p class="footer-showroom-text">Rundelsgatan 16</p>
44660      <p class="footer-showroom-text">211 36 Malmö</p>
44661      
44662      <p style="margin-top: 15px;">
44663        <a href="/pages/ota-yhteytta" class="footer-link">
44664          <img src="//rendl.fi/cdn/shop/files/share-icon.svg?v=1741962444" alt="Map Icon" style="width: 25px; vertical-align: middle; margin-right: 5px; margin-left: 0px;">
44665          näytä kartalla
44666        </a>
44667      </p>
44668      
44669
44670      <div class="footer-heading" style="margin-top: 90px;">SOSIAALINEN MEDIA</div>
44671      <div class="footer-social-icons">
44672        
44673          
44674        
44675          
44676        
44677          
44678        
44679          
44680        
44681          
44682        
44683          
44684        
44685          
44686        
44687          
44688        
44689          
44690        
44691          
44692        
44693          
44694        
44695          
44696        
44697          
44698        
44699          
44700        
44701          
44702        
44703          
44704        
44705          
44706        
44707          
44708        
44709          
44710        
44711          
44712        
44713          
44714        
44715          
44716            
44717            
44718              
44719              <a href="https://www.instagram.com/rendllighting_cz/" class="footer-social-icon" target="_blank">
44720                <img src="//rendl.fi/cdn/shop/files/instagram-fill_icon_7c842560-ea97-4427-9df5-736d212788ab.svg?v=1747657286" alt="Instagram" class="footer-social-img">
44721              </a>
44722            
44723          
44724        
44725          
44726            
44727            
44728              
44729              <a href="https://www.facebook.com/rendllighting/" class="footer-social-icon" target="_blank">
44730                <img src="//rendl.fi/cdn/shop/files/facebook_icon_82be2bc1-7854-45ef-962e-f20e563e8cd0.svg?v=1747657300" alt="Facebook" class="footer-social-img">
44731              </a>
44732            
44733          
44734        
44735          
44736            
44737            
44738              
44739              <a href="https://cz.pinterest.com/rendllighting/" class="footer-social-icon" target="_blank">
44740                <img src="//rendl.fi/cdn/shop/files/pinterest_icon_3e0fc202-bba7-4a43-8ce1-9e9eb733eff1.svg?v=1747657314" alt="Pinterest" class="footer-social-img">
44741              </a>
44742            
44743          
44744        
44745          
44746            
44747            
44748              
44749              <a href="https://www.linkedin.com/connect-services/?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Frendl
44749-lightstudio%2F" class="footer-social-icon" target="_blank">
44750                <img src="//rendl.fi/cdn/shop/files/linkedin_icon_137cad57-eedc-4694-b9c7-7667da2940c7.svg?v=1747657329" alt="LinkedIN" class="footer-social-img">
44751              </a>
44752            
44753          
44754        
44755          
44756        
44757          
44758        
44759          
44760        
44761          
44762        
44763          
44764        
44765          
44766        
44767          
44768        
44769          
44770        
44771          
44772        
44773          
44774        
44775          
44776        
44777          
44778        
44779          
44780        
44781          
44782        
44783          
44784        
44785          
44786        
44787          
44788        
44789          
44790        
44791          
44792        
44793          
44794        
44795          
44796        
44797          
44798        
44799          
44800        
44801          
44802        
44803          
44804        
44805        
44806        
44807</div>
44808
44809      <!-- Certificates -->
44810      <div class="footer-certificates" style="margin-top: 20px; display: flex; overflow: hidden; ">
44811        <img src="//rendl.fi/cdn/shop/files/awards.png?v=1742566147" alt="Awards" class="footer-certificates-icon">
44812      </div>
44813    </div>
44814  </div>
44815
44816  <!-- Footer Bottom -->
44817  <div class="footer-bottom">
44818    <div class="footer-right">
44819      <p class="footer-bottom-text">© 2026 Rendl Light Studio. Kaikki oikeudet pidätetään</p>
44820    </div>
44821  </div>
44822</footer>
44823
44824
44825  
44826<div
44827  class="footer-returns nds-root is-addr-step"
44828  id="FooterReturns"
44829  hidden
44830  data-error-item="Lisää vähintään yksi rivi tuote-ID:llä."
44831  data-title-return="Tavaroiden palautus"
44832  data-title-claim="Reklamaatio"
44833  data-file-add="Lisää kuva"
44834  data-file-change="Vaihda kuva"
44835  data-lottie-src="//rendl.fi/cdn/shop/t/33/assets/footer-returns-invoice.json?v=4013412927039921451789329025"
44836  data-culture="fi"
44837  data-proxy="/apps/claims"
44838  data-customer-name=""
44839  data-customer-email=""
44840  data-i18n-name="Nimi"
44841  data-i18n-email="Sähköposti"
44842  data-i18n-note="Huomautus"
44843  data-i18n-type="Reklamaation tyyppi"
44844  data-i18n-flags="Mitä tapahtui"
44845  data-i18n-lookup-miss="Numeroa ei tunnistettu."
44846  data-i18n-error-name="Anna nimi."
44847  data-i18n-error-email="Anna kelvollinen sähköposti."
44848  data-i18n-error-config="Reklamaatiopalvelua ei ole määritetty. Ota yhteyttä."
44849  data-i18n-error-generic="Lähetys epäonnistui. Yritä uudelleen."
44850  data-i18n-error-article="Tämä tuote ei ole tilauksessa."
44851  data-i18n-error-qty="Määrä ei voi olla suurempi kuin tilauksessa."
44852  data-i18n-pdf="Lataa PDF"
44853  data-i18n-label-cz="Lataa CZ-tarra"
44854  data-i18n-label="Lataa palautustarra"
44855  data-i18n-address="Palautusosoite"
44856  data-i18n-photos-skipped="Joitakin kuvia ei voitu liittää"
44857  data-i18n-loading="Ladataan"
44858  data-i18n-sending="Lähetetään"
44859  data-i18n-settlement="Valitse"
44860>
44861  <div
44862    class="footer-returns__scrim"
44863    data-returns-close
44864    tabindex="-1"
44865    style="position:fixed;inset:0;z-index:0;background:transparent;"
44866  ></div>
44867  <div class="nds-modal nds-modal--lg" data-returns-shell>
44868    <div class="nds-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="FooterReturnsTitle">
44869      <div class="nds-modal__head">
44870        <h2 id="FooterReturnsTitle" class="nds-modal__title" data-returns-title hidden></h2>
44871        <div class="nds-modal__end">
44872          <button
44873            type="button"
44874            class="nds-btn nds-btn--ghost nds-btn--md nds-btn--icon-only"
44875            data-returns-close
44876            aria-label="Sulje"
44877          >
44878            <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
44879              <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
44880            </svg>
44881          </button>
44882        </div>
44883      </div>
44884      <div class="footer-returns__addr-card">
44885  <div class="footer-returns__addr">
44886    <p class="footer-returns__addr-title">Palautukset</p>
44887    <p class="footer-returns__addr-sub">Käytä palautuksiin yksinomaan tätä osoitetta:</p>
44888    <p class="footer-returns__addr-lines">Rendl Lighting a.s.<br />
44889warehouse<br />
44890UPS SCS Czech Republic s.r.o.<br />
44891Ke Kopanině 559<br />
44892252 67 Tuchoměřice<br />
44893Czech Republic</p>
44894  </div>
44895  <div class="footer-returns__addr">
44896    <p class="footer-returns__addr-title">Reklamaatiot</p>
44897    <p class="footer-returns__addr-sub">Käytä reklamaatioihin yksinomaan tätä osoitetta:</p>
44898    <p class="footer-returns__addr-lines">Rendl Lighting a.s.<br />
44899Masarykovo Nábřeží 10<br />
44900120 00 Praha</p>
44901  </div>
44902  <div class="footer-returns__addr-actions">
44903    <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-addr-next>
44904      Jatka
44905      <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h12M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
44906    </button>
44907  </div>
44908</div>
44909      <div class="nds-modal__body">
44910        <div class="footer-returns__invoice-card footer-returns__step--invoice" data-shared-invoice>
44911          <p class="footer-returns__step-title">Syötä tilaus-, lasku-, lähete- tai tracking-numero</p>
44912          <label class="nds-field" for="FooterReturnsInvoice">
44913            <span class="nds-field__label">Tilaus-, lasku-, lähete-, tracking-numero</span>
44914            <span class="nds-field__control">
44915              <input
44916                id="FooterReturnsInvoice"
44917                type="text"
44918                name="invoice_number"
44919                data-shared-invoice-input
44920                autocomplete="off"
44921              >
44922            </span>
44923          </label>
44924          <div class="footer-returns__field-notes">
44925            <p class="nds-type-body footer-returns__hint">Laskun numero auttaa käsittelemään palautuksen tai reklamaation oikein, ja teille annetaan palautus- / reklamaationumero.</p>
44926            <p class="nds-type-body footer-returns__hint">Jos lähetätte ilman tätä numeroa, käsittely voi mutkistua ja viivästyä.</p>
44927            <p class="nds-type-body footer-returns__hint">Ilman oikeaa tunnistusta käsittely voi kestää kauemmin.</p>
44928          </div>
44929          <p class="footer-returns__error" data-shared-invoice-error role="alert"></p>
44930          <div class="nds-modal__actions footer-returns__actions footer-returns__actions--center footer-returns__actions--choice">
44931            <button type="button" class="nds-btn nds-btn--secondary nds-btn--md" data-invoice-back>
44932              <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6M9 12h10" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
44933              Takaisin
44934            </button>
44935            <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-choose-kind="return">
44936              Haluan palauttaa tuotteen
44937            </button>
44938            <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-choose-kind="claim">
44939              Haluan tehdä reklamaation
44940            </button>
44941          </div>
44942        </div>
44943        <div class="footer-returns__panel" data-returns-panel="return" hidden>
44944          <form class="footer-returns__form" id="FooterReturnsReturnForm" novalidate>
44945            <div class="footer-returns__step footer-returns__step--stop" data-return-step="withdraw">
44946              <p class="footer-returns__step-title">Sopimuksesta perääntyminen</p>
44947              <p class="nds-type-body footer-returns__hint">Lähetystä ei ole vielä toimitettu, joten palautusta ei voi tehdä. Voit perääntyä sopimuksesta.</p>
44948              <div class="nds-modal__actions footer-returns__actions footer-returns__actions--center">
44949                <button type="button" class="nds-btn nds-btn--secondary nds-btn--md" data-return-back>
44950                  <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6M9 12h10" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
44951                  Takaisin
44952                </button>
44953                <a class="nds-btn nds-btn--primary nds-btn--md" href="/pages/contract-withdrawal">
44954                  Siirry perääntymiseen
44955                  <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h12M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
44956                </a>
44957              </div>
44958            </div>
44959
44960            <div class="footer-returns__step footer-returns__step--stop" data-return-step="stop">
44961              <p class="footer-returns__step-title">14 päivää vastaanotosta</p>
44962              <p class="nds-type-subtitle">Palautusaika on päättynyt</p>
44963              <p class="nds-type-body footer-returns__hint">Tavaraa ei voi palauttaa yli 14 päivän kuluttua vastaanotosta. Jos tavara on vaurioitunut tai viallinen, käytä Reklamaatio-välilehteä.</p>
44964              <div class="nds-modal__actions footer-returns__actions footer-returns__actions--center">
44965                <button type="button" class="nds-btn nds-btn--secondary nds-btn--md" data-return-back>
44966                  <svg class="nds-icon" width="16" height="16" viewB
44966ox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6M9 12h10" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
44967                  Takaisin
44968                </button>
44969                <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-return-to-claim>
44970                  Siirry reklamaatioon
44971                  <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h12M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
44972                </button>
44973              </div>
44974            </div>
44975
44976            <div class="footer-returns__step" data-return-step="2">
44977              <p class="footer-returns__step-title">Täytä palautettavat rivit</p>
44978              <div class="footer-returns__table-wrap footer-returns__table--return">
44979                <div class="footer-returns__table-head">
44980                  <span class="nds-th">Tuote-ID</span>
44981                  <span class="nds-th">Määrä</span>
44982                  <span class="nds-th">Kuva</span>
44983                  <span class="nds-th">Toivottu käsittelytapa</span>
44984                  <span class="nds-th footer-returns__th-remove"><span class="visually-hidden">Poista rivi</span></span>
44985                </div>
44986                <div class="footer-returns__rows" data-return-rows></div>
44987              </div>
44988              <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-return-add>
44989                <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 5v14M5 12h14" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
44990                Lisää
44991              </button>
44992              <div class="footer-returns__note" role="note">
44993                <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.75"/><path d="M12 11v5M12 8h.01" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
44994                <div class="footer-returns__note-copy">
44995                  <p class="nds-type-body">Lisää valokuvia tavarasta.</p>
44996                  <p class="nds-type-body">Ilman oikeaa tunnistusta käsittely voi kestää kauemmin.</p>
44997                </div>
44998              </div>
44999              <div class="footer-returns__warning">
45000                <p class="nds-type-subtitle footer-returns__warning-title">Huomio</p>
45001                <ol class="footer-returns__warning-list">
45002                  <li>Tavaran on oltava alkuperäispakkauksessa. Jos pakkaus on vaurioitunut tai tunnistetarrat puuttuvat, käsittely viivästyy.</li>
45003                  <li>Virheellinen tunnistus hidastaa käsittelyä.</li>
45004                </ol>
45005              </div>
45006              <div class="footer-returns__contact">
45007                <label class="nds-field nds-field--wide" data-field-wrap="note">
45008                  <span class="nds-field__label">Huomautus</span>
45009                  <span class="nds-field__control footer-returns__note-control">
45010                    <textarea name="note" rows="3" data-field="note"></textarea>
45011                  </span>
45012                </label>
45013              </div>
45014              <p class="footer-returns__error" data-return-error role="alert"></p>
45015              <div class="nds-modal__actions footer-returns__actions">
45016                <button type="button" class="nds-btn nds-btn--secondary nds-btn--md" data-return-back>
45017                  <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6M9 12h10" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
45018                  Takaisin
45019                </button>
45020                <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-return-next>
45021                  Vahvista palautus / reklamaatio
45022                  <svg class="nds-icon" width="16" height="16" viewB
45022ox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h12M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
45023                </button>
45024              </div>
45025            </div>
45026
45027            <div class="footer-returns__step footer-returns__step--success" data-return-step="3">
45028              <div class="footer-returns__success-mark" aria-hidden="true">
45029                <svg viewBox="0 0 72 72">
45030                  <circle class="footer-returns__success-ring" cx="36" cy="36" r="32"></circle>
45031                  <path class="footer-returns__success-check" d="M22 37l10 10 18-20"></path>
45032                </svg>
45033              </div>
45034            <p class="footer-returns__step-title footer-returns__claim-number" data-return-success-number>VR213123</p>
45035            <p class="nds-type-subtitle">Palautuksesi on vastaanotettu</p>
45036            <p class="footer-returns__wait-note">Odota tietoja tavaran lähettämisestä meille. Yleensä 24 tunnin kuluessa.</p>
45037            <p class="footer-returns__hint" data-return-success-warning hidden></p>
45038            <div class="footer-returns__result-docs" data-return-success-docs></div>
45039            </div>
45040          </form>
45041        </div>
45042
45043        <div class="footer-returns__panel" data-returns-panel="claim">
45044        <form class="footer-returns__form" id="FooterReturnsForm" novalidate>
45045          <div class="footer-returns__step" data-step="2">
45046            <p class="footer-returns__step-title">Täytä reklamoitavat rivit</p>
45047            <div class="footer-returns__types" data-claim-types hidden>
45048              <p class="footer-returns__flags-title">Reklamaation tyyppi</p>
45049              <div class="footer-returns__type-grid" data-claim-type-list></div>
45050              <input type="hidden" name="claimTypeId" data-claim-type-id value="">
45051            </div>
45052            <div class="footer-returns__table-wrap footer-returns__table--claim">
45053              <div class="footer-returns__table-head">
45054                <span class="nds-th">Tuote-ID</span>
45055                <span class="nds-th">Määrä</span>
45056                <span class="nds-th">Kuva</span>
45057                <span class="nds-th">Kuvaus</span>
45058                <span class="nds-th">Toivottu käsittelytapa</span>
45059                <span class="nds-th footer-returns__th-remove"><span class="visually-hidden">Poista rivi</span></span>
45060              </div>
45061              <div class="footer-returns__rows" data-returns-rows></div>
45062            </div>
45063            <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-returns-add>
45064              <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 5v14M5 12h14" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
45065              Lisää
45066            </button>
45067            <div class="footer-returns__note" role="note">
45068              <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.75"/><path d="M12 11v5M12 8h.01" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
45069              <div class="footer-returns__note-copy">
45070                <p class="nds-type-body">Lisää valokuvia ja selkeä kuvaus ongelmasta.</p>
45071                <p class="nds-type-body">Ilman oikeaa tunnistusta käsittely voi kestää kauemmin.</p>
45072              </div>
45073            </div>
45074            <div class="footer-returns__flags" data-claim-flags>
45075              <p class="footer-returns__flags-title">Mitä tapahtui</p>
45076              <div class="footer-returns__flags-grid">
45077                <label class="footer-returns__check"><input type="checkbox" name="packageDamage"> <span>Vaurioitunut pakkaus</span></label>
45078                <label class="footer-returns__check"><input type="checkbox" name="packageDamageInside"> <span>Vaurio sisällä</span></label>
45079                <label class="footer-returns__check"><input type="checkbox" name="damageAfterUnpack"> <span>Vaurio purkamisen jälkeen</span></label>
45080                <label class="footer-returns__check"><input type="checkbox" name="differentGoods"> <span>Väärä tuote</span></label>
45081                <label class="footer-returns__check"><input type="checkbox" name="missingGoods"> <span>Puuttuva tuote</span></label>
45082                <label class="footer-returns__check"><input type="checkbox" name="wrongAddress"> <span>Väärä osoite</span></label>
45083              </div>
45084            </div>
45085            <div class="footer-returns__contact">
45086              <label class="nds-field nds-field--wide" data-field-wrap="note">
45087                <span class="nds-field__label">Huomautus</span>
45088                <span class="nds-field__control footer-returns__note-control">
45089                  <textarea name="note" rows="3" data-field="note"></textarea>
45090                </span>
45091              </label>
45092            </div>
45093            <p class="footer-returns__error" data-returns-error role="alert"></p>
45094            <div class="nds-modal__actions footer-returns__actions">
45095              <button type="button" class="nds-btn nds-btn--secondary nds-btn--md" data-returns-back>
45096                <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6M9 12h10" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
45097                Takaisin
45098              </button>
45099              <button type="button" class="nds-btn nds-btn--primary nds-btn--md" data-returns-next>
45100                Vahvista palautus / reklamaatio
45101                <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h12M13 6l6 6-6 6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>
45102              </button>
45103            </div>
45104          </div>
45105
45106          <div class="footer-returns__step footer-returns__step--success" data-step="3">
45107            <div class="footer-returns__success-mark" aria-hidden="true">
45108              <svg viewBox="0 0 72 72">
45109                <circle class="footer-returns__success-ring" cx="36" cy="36" r="32"></circle>
45110                <path class="footer-returns__success-check" d="M22 37l10 10 18-20"></path>
45111              </svg>
45112            </div>
45113            <p class="footer-returns__step-title footer-returns__claim-number" data-claim-success-number>RC213123</p>
45114            <p class="nds-type-subtitle">Reklamaatiosi on vastaanotettu</p>
45115            <p class="footer-returns__wait-note">Odota tietoa tavaroiden lähettämisestä meille, yleensä 24 tunnin kuluessa.</p>
45116            <p class="footer-returns__hint" data-claim-success-warning hidden></p>
45117            <div class="footer-returns__result-docs" data-claim-success-docs></div>
45118          </div>
45119        </form>
45120        </div>
45121      </div>
45122    </div>
45123  </div>
45124  <div class="footer-returns__desc-pop" data-desc-pop hidden>
45125    <textarea data-desc-pop-input rows="5"></textarea>
45126  </div>
45127
45128  <template id="FooterReturnsReturnRowTemplate">
45129    <div class="footer-returns__row">
45130      <span class="nds-field__control" data-label="Tuote-ID">
45131        <input type="text" name="article_id" data-return-article placeholder="R14356">
45132      </span>
45133      <span class="nds-field__control" data-label="Määrä">
45134        <input type="number" name="qty" min="1" step="1" value="1" inputmode="numeric" data-returns-qty>
45135      </span>
45136      <span class="nds-field__control footer-returns__file" data-label="Kuva">
45137        <div class="footer-returns__file-thumbs" data-file-thumbs></div>
45138        <label class="footer-returns__file-btn" data-returns-preview>
45139          <input class="footer-returns__file-input" type="file" name="image" accept="image/jpeg,image/png,image/gif,image/webp" multiple tabindex="-1">
45140          <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 8h3.2l1.4-2h6.8l1.4 2H20v11H4V8z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/><circle cx="12" cy="13.5" r="3.2" stroke="currentColor" stroke-width="1.75"/></svg>
45141          <span data-returns-file-label>Lisää kuva</span>
45142        </label>
45143      </span>
45144      <div class="footer-returns__dropdown" data-returns-dropdown data-label="Toivottu käsittelytapa">
45145        <button type="button" class="footer-returns__dropdown-trigger" data-dropdown-trigger aria-haspopup="listbox" aria-expanded="false">
45146          <span data-dropdown-label>Valitse</span>
45147          <span class="footer-returns__select-chevron" aria-hidden="true">
45148            <svg class="nds-icon" width="14" height="14" viewBox="0 0 24 24" fill="none">
45149              <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
45150            </svg>
45151          </span>
45152        </button>
45153        <div class="footer-returns__dropdown-menu" data-dropdown-menu hidden></div>
45154        <input type="hidden" name="resolution" value="">
45155      </div>
45156      <button type="button" class="footer-returns__row-remove" data-returns-remove aria-label="Poista rivi">
45157        <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
45158        <span class="footer-returns__row-remove-label">Poista rivi</span>
45159      </button>
45160    </div>
45161  </template>
45162
45163  <template id="FooterReturnsRowTemplate">
45164    <div class="footer-returns__row">
45165      <span class="nds-field__control" data-label="Tuote-ID">
45166        <input type="text" name="article_id" data-returns-article placeholder="R14356">
45167      </span>
45168      <span class="nds-field__control" data-label="Määrä">
45169        <input type="number" name="qty" min="1" step="1" value="1" inputmode="numeric" data-returns-qty>
45170      </span>
45171      <span class="nds-field__control footer-returns__file" data-label="Kuva">
45172        <div class="footer-returns__file-thumbs" data-file-thumbs></div>
45173        <label class="footer-returns__file-btn" data-returns-preview>
45174          <input class="footer-returns__file-input" type="file" name="image" accept="image/jpeg,image/png,image/gif,image/webp" multiple tabindex="-1">
45175          <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 8h3.2l1.4-2h6.8l1.4 2H20v11H4V8z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/><circle cx="12" cy="13.5" r="3.2" stroke="currentColor" stroke-width="1.75"/></svg>
45176          <span data-returns-file-label>Lisää kuva</span>
45177        </label>
45178      </span>
45179      <span class="nds-field__control footer-returns__desc" data-label="Kuvaus">
45180        <button type="button" class="footer-returns__desc-trigger" data-desc-trigger>
45181          <span data-desc-preview></span>
45182        </button>
45183        <textarea name="description" data-returns-desc hidden></textarea>
45184      </span>
45185      <div class="footer-returns__dropdown" data-returns-dropdown data-label="Toivottu käsittelytapa">
45186        <button type="button" class="footer-returns__dropdown-trigger" data-dropdown-trigger aria-haspopup="listbox" aria-expanded="false">
45187          <span data-dropdown-label>Valitse</span>
45188          <span class="footer-returns__select-chevron" aria-hidden="true">
45189            <svg class="nds-icon" width="14" height="14" viewBox="0 0 24 24" fill="none">
45190              <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
45191            </svg>
45192          </span>
45193        </button>
45194        <div class="footer-returns__dropdown-menu" data-dropdown-menu hidden></div>
45195        <input type="hidden" name="resolution" value="">
45196      </div>
45197      <button type="button" class="footer-returns__row-remove" data-returns-remove aria-label="Poista rivi">
45198        <svg class="nds-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/></svg>
45199        <span class="footer-returns__row-remove-label">Poista rivi</span>
45200      </button>
45201    </div>
45202  </template>
45203</div>
45204
45205<style>
45206.footer-returns.nds-root {
45207  --nds-ink-50: #f6f6f6;
45208  --nds-ink-100: #ededed;
45209  --nds-ink-200: #d8d8d8;
45210  --nds-ink-400: #8a8a8a;
45211  --nds-ink-500: #5f5f5f;
45212  --nds-ink-600: #3d3d3d;
45213  --nds-ink-800: #1a1a1a;
45214  --nds-ink-900: #111111;
45215  --nds-snow-50: #ffffff;
45216  --nds-snow-200: #f4f4f4;
45217  --nds-page: #f4f4f4;
45218  --nds-surface: #ffffff;
45219  --nds-ink: #2a2a2a;
45220  --nds-border: #6f6f6f;
45221  --nds-muted: #6a6a6a;
45222  --nds-accent: #171717;
45223  --nds-accent-hover: #2f2f2f;
45224  --nds-accent-900: #171717;
45225  --nds-hover: #f0f0f0;
45226  --nds-line: #d8d8d8;
45227  --nds-error: #c62828;
45228  --nds-motion-fast: 150ms ease;
45229  --nds-font: Montserrat, sans-serif;
45230  --nds-weight: 400;
45231  --nds-weight-medium: 500;
45232  --nds-type-title: 18px;
45233  --nds-type-subtitle: 16px;
45234  --nds-type-body: 14px;
45235  --nds-type-small: 14px;
45236  --nds-note: #f3e8b5;
45237  --nds-note-line: #e4d48a;
45238  --nds-note-ink: #4a3f12;
45239  --nds-btn-h-md: 40px;
45240  --nds-btn-pad-md: 16px;
45241  --nds-shadow-pop: 0 8px 28px rgba(17, 17, 17, 0.12);
45242  --nds-motion-enter: 180ms cubic-bezier(0.4, 0, 0.2, 1);
45243  --nds-motion-leave: 140ms cubic-bezier(0.4, 0, 0.2, 1);
45244  --nds-motion-shift: 10px;
45245  color: var(--nds-ink);
45246  font-family: var(--nds-font);
45247  font-weight: var(--nds-weight);
45248}
45249
45250.footer-returns[hidden] {
45251  display: none !important;
45252}
45253
45254.footer-returns:not([hidden]) {
45255  position: fixed !important;
45256  inset: 0 !important;
45257  z-index: 2147483646 !important;
45258  display: flex !important;
45259  align-items: center;
45260  justify-content: center;
45261  padding: 24px;
45262  background: rgba(10, 10, 10, 0.56) !important;
45263  backdrop-filter: blur(12px) !important;
45264  -webkit-backdrop-filter: blur(12px) !important;
45265}
45266
45267.footer-returns__scrim {
45268  position: fixed !important;
45269  inset: 0 !important;
45270  z-index: 0 !important;
45271  background: transparent !important;
45272}
45273
45274.footer-returns .visually-hidden {
45275  position: absolute;
45276  width: 1px;
45277  height: 1px;
45278  padding: 0;
45279  margin: -1px;
45280  overflow: hidden;
45281  clip: rect(0, 0, 0, 0);
45282  white-space: nowrap;
45283  border: 0;
45284}
45285
45286.footer-returns .nds-type-title {
45287  margin: 0 0 12px;
45288  font-size: 18px;
45289  line-height: 24px;
45290  font-weight: var(--nds-weight-medium);
45291  color: var(--nds-ink-900);
45292}
45293
45294.footer-returns .nds-type-subtitle {
45295  margin: 0 0 8px;
45296  font-size: 16px;
45297  line-height: 22px;
45298  font-weight: var(--nds-weight-medium);
45299  color: var(--nds-ink-800);
45300}
45301
45302.footer-returns .nds-type-body {
45303  margin: 0;
45304  font-size: var(--nds-type-body);
45305  line-height: 20px;
45306  font-weight: var(--nds-weight);
45307  color: var(--nds-ink);
45308}
45309
45310.footer-returns .nds-icon {
45311  display: block;
45312  flex-shrink: 0;
45313}
45314
45315.footer-returns .nds-btn {
45316  box-sizing: border-box;
45317  display: inline-flex;
45318  align-items: center;
45319  justify-content: center;
45320  gap: 8px;
45321  margin: 0;
45322  border: 1px solid var(--nds-border);
45323  border-radius: 0;
45324  font-family: var(--nds-font);
45325  font-weight: var(--nds-weight-medium);
45326  line-height: 1;
45327  white-space: nowrap;
45328  cursor: pointer;
45329  color: inherit;
45330  background: var(--nds-surface);
45331}
45332
45333.footer-returns .nds-btn--md {
45334  min-height: var(--nds-btn-h-md);
45335  padding: 0 var(--nds-btn-pad-md);
45336  font-size: var(--nds-type-body);
45337}
45338
45339.footer-returns .nds-btn--icon-only {
45340  width: 40px;
45341  min-width: 40px;
45342  padding: 0;
45343}
45344
45345.footer-returns .nds-btn--primary {
45346  background: var(--nds-accent);
45347  color: var(--nds-snow-50);
45348  border-color: var(--nds-accent);
45349}
45350
45351.footer-returns .nds-btn--primary:hover {
45352  background: var(--nds-surface);
45353  color: var(--nds-ink);
45354  border-color: var(--nds-ink-600);
45355}
45356
45357.footer-returns .nds-btn--secondary {
45358  background: var(--nds-surface);
45359  color: var(--nds-ink);
45360  border-color: var(--nds-ink);
45361}
45362
45363.footer-returns .nds-btn--secondary:hover {
45364  background: var(--nds-accent-hover);
45365  color: var(--nds-snow-50);
45366  border-color: var(--nds-accent-hover);
45367}
45368
45369.footer-returns .nds-btn--ghost {
45370  background: transparent;
45371  color: var(--nds-ink-500);
45372  border-color: var(--nds-line);
45373}
45374
45375.footer-returns .nds-btn--ghost:hover {
45376  background: var(--nds-hover);
45377  color: var(--nds-ink-800);
45378  border-color: var(--nds-ink-200);
45379}
45380
45381.footer-returns .nds-modal {
45382  position: relative !important;
45383  inset: auto !important;
45384  z-index: 1;
45385  display: flex;
45386  align-items: stretch;
45387  justify-content: center;
45388  padding: 0 !important;
45389  background: transparent !important;
45390  width: auto;
45391  max-width: 100%;
45392  height: auto;
45393  pointer-events: none;
45394}
45395
45396.footer-returns .nds-modal__dialog {
45397  position: relative;
45398  z-index: 1;
45399  width: min(860px, calc(100vw - 48px));
45400  max-height: calc(100vh - 48px);
45401  display: flex;
45402  flex-direction: column;
45403  background: var(--nds-surface);
45404  color: var(--nds-ink);
45405  box-shadow: var(--nds-shadow-pop);
45406  pointer-events: auto;
45407  opacity: 0;
45408  transform: translateY(var(--nds-motion-shift));
45409  transition:
45410    opacity var(--nds-motion-leave),
45411    transform var(--nds-motion-leave);
45412}
45413
45414.footer-returns .nds-modal.is-open .nds-modal__dialog {
45415  opacity: 1;
45416  transform: translateY(0);
45417  transition:
45418    opacity var(--nds-motion-enter),
45419    transform var(--nds-motion-enter);
45420}
45421
45422.footer-returns .nds-modal__head {
45423  display: flex;
45424  align-items: center;
45425  justify-content: space-between;
45426  gap: 16px;
45427  min-height: 72px;
45428  padding: 12px 16px 12px 20px;
45429  border-bottom: 1px solid var(--nds-line);
45430  background: #f4f4f4;
45431}
45432
45433.footer-returns .nds-modal__titles {
45434  display: flex;
45435  flex-direction: column;
45436  gap: 4px;
45437  min-width: 0;
45438}
45439
45440.footer-returns .nds-modal__title {
45441  margin: 0;
45442  min-width: 0;
45443  font-size: 18px;
45444  line-height: 24px;
45445  font-weight: 500;
45446  color: var(--nds-ink-900);
45447  overflow: hidden;
45448  text-overflow: ellipsis;
45449  white-space: nowrap;
45450}
45451
45452.footer-returns .nds-modal__title[hidden] {
45453  display: none;
45454}
45455
45456.footer-returns .nds-modal__end {
45457  display: flex;
45458  align-items: center;
45459  gap: 8px;
45460  flex-shrink: 0;
45461  margin-left: auto;
45462}
45463
45464.footer-returns .nds-modal__body {
45465  display: flex;
45466  flex-direction: column;
45467  min-height: 0;
45468  flex: 1;
45469  padding: 20px;
45470  overflow: auto;
45471}
45472
45473.footer-returns .nds-tabs {
45474  position: relative;
45475  display: flex;
45476  align-items: center;
45477  gap: 4px;
45478  padding: 4px;
45479  min-height: 48px;
45480  height: auto;
45481  width: max-content;
45482  max-width: 100%;
45483  border: 1px solid var(--nds-line);
45484  background: var(--nds-surface);
45485  margin: 0;
45486  box-sizing: border-box;
45487}
45488
45489.footer-returns .nds-tabs[hidden] {
45490  display: none;
45491}
45492
45493.footer-returns .nds-tabs__item {
45494  display: inline-flex;
45495  align-items: center;
45496  justify-content: center;
45497  height: 38px;
45498  padding: 0 16px;
45499  border: 0;
45500  background: transparent;
45501  color: var(--nds-ink-500);
45502  font-family: inherit;
45503  font-size: 14px;
45504  font-weight: var(--nds-weight-medium);
45505  cursor: pointer;
45506}
45507
45508.footer-returns .nds-tabs__item:hover:not(.is-on):not(:disabled) {
45509  background: var(--nds-hover);
45510}
45511
45512.footer-returns .nds-tabs__item.is-on {
45513  background: var(--nds-accent);
45514  color: var(--nds-snow-50);
45515}
45516
45517.footer-returns .nds-tabs__item:disabled {
45518  cursor: default;
45519  color: var(--nds-ink-400);
45520}
45521
45522.footer-returns .nds-field {
45523  display: flex;
45524  flex-direction: column;
45525  align-items: stretch;
45526  gap: 6px;
45527  width: 100%;
45528  max-width: 420px;
45529}
45530
45531.footer-returns .nds-field__label {
45532  font-size: 14px;
45533  font-weight: 500;
45534  color: var(--nds-muted);
45535}
45536
45537.footer-returns .nds-field__control {
45538  display: flex;
45539  align-items: center;
45540  gap: 8px;
45541  height: 40px;
45542  padding: 0 12px;
45543  background: var(--nds-surface);
45544  color: var(--nds-ink);
45545  outline: 1px solid var(--nds-line);
45546  box-sizing: border-box;
45547}
45548
45549.footer-returns .nds-field__control input,
45550.footer-returns .nds-field__control select,
45551.footer-returns .nds-field__control textarea {
45552  border: 0;
45553  outline: none;
45554  box-shadow: none;
45555  background: transparent;
45556  color: inherit;
45557  font-family: inherit;
45558  font-size: 14px;
45559  font-weight: 400;
45560  min-width: 0;
45561  width: 100%;
45562  appearance: none;
45563}
45564
45565.footer-returns .nds-field__control input[type='number'] {
45566  -moz-appearance: textfield;
45567  appearance: textfield;
45568}
45569
45570.footer-returns .nds-field__control input[type='number']::-webkit-outer-spin-button,
45571.footer-returns .nds-field__control input[type='number']::-webkit-inner-spin-button {
45572  appearance: none;
45573  margin: 0;
45574}
45575
45576.footer-returns .nds-field__control input::placeholder,
45577.footer-returns .nds-field__control textarea::placeholder {
45578  color: var(--nds-ink-400);
45579}
45580
45581.footer-returns .nds-field__control textarea {
45582  resize: none;
45583  line-height: 20px;
45584}
45585
45586.footer-returns .nds-field__control:hover:not(:focus-within) {
45587  background: var(--nds-hover);
45588  color: var(--nds-ink);
45589  outline-color: var(--nds-line);
45590}
45591
45592.footer-returns .nds-field__control:focus-within {
45593  outline-color: var(--nds-ink-900);
45594  background: var(--nds-surface);
45595  color: var(--nds-ink);
45596}
45597
45598.footer-returns__hint {
45599  margin-top: 12px;
45600  color: var(--nds-muted);
45601}
45602
45603.footer-returns__hint + .footer-returns__hint {
45604  margin-top: 6px;
45605}
45606
45607.footer-returns .footer-returns__step--success.footer-returns__step--active {
45608  display: flex;
45609  flex-direction: column;
45610  align-items: center;
45611}
45612
45613.footer-returns .footer-returns__wait-note {
45614  display: block;
45615  box-sizing: border-box;
45616  width: min(520px, 100%);
45617  margin: 16px 0 0;
45618  padding: 12px 20px;
45619  background: #f4c542;
45620  color: #3a3010;
45621  text-align: center;
45622  font-size: 14px;
45623  font-weight: 500;
45624  line-height: 22px;
45625}
45626
45627.footer-returns__field-notes {
45628  margin-top: 24px;
45629  max-width: 420px;
45630}
45631
45632.footer-returns__field-notes .footer-returns__hint {
45633  margin-top: 0;
45634}
45635
45636.footer-returns__field-notes .footer-returns__hint + .footer-returns__hint {
45637  margin-top: 8px;
45638}
45639
45640.footer-returns__note {
45641  display: flex;
45642  align-items: flex-start;
45643  gap: 10px;
45644  margin-top: 20px;
45645  padding: 14px 16px;
45646  background: var(--nds-note);
45647  outline: 1px solid var(--nds-note-line);
45648  color: var(--nds-note-ink);
45649}
45650
45651.footer-returns__note > .nds-icon {
45652  margin-top: 3px;
45653  color: var(--nds-note-ink);
45654}
45655
45656.footer-returns__note-copy {
45657  min-width: 0;
45658}
45659
45660.footer-returns__note .nds-type-body {
45661  color: var(--nds-note-ink);
45662  font-size: 16px;
45663  line-height: 22px;
45664  font-weight: 500;
45665}
45666
45667.footer-returns__note .nds-type-body + .nds-type-body {
45668  margin-top: 6px;
45669}
45670
45671.footer-returns__panel[hidden] {
45672  display: none !important;
45673}
45674
45675.footer-returns__panel:not([hidden]) {
45676  display: flex;
45677  flex-direction: column;
45678  flex: 1;
45679}
45680
45681.footer-returns__form {
45682  flex: 1;
45683}
45684
45685.footer-returns__actions {
45686  display: flex;
45687  flex-wrap: wrap;
45688  gap: 8px;
45689  margin-top: 20px;
45690}
45691
45692.footer-returns__actions--center {
45693  justify-content: center;
45694}
45695
45696.footer-returns__days-title {
45697  text-align: center;
45698  margin: 8px 0 12px;
45699}
45700
45701.footer-returns__step--stop {
45702  text-align: center;
45703  padding: 32px 8px 8px;
45704}
45705
45706.footer-returns__warning {
45707  margin-top: 16px;
45708}
45709
45710.footer-returns__warning-title {
45711  margin: 0 0 8px;
45712}
45713
45714.footer-returns__warning-list {
45715  margin: 0;
45716  padding-left: 20px;
45717  color: var(--nds-muted);
45718  font-size: var(--nds-type-body);
45719  line-height: 20px;
45720  font-weight: var(--nds-weight);
45721}
45722
45723.footer-returns__warning-list li + li {
45724  margin-top: 6px;
45725}
45726
45727.footer-returns__step-title {
45728  margin: 0 0 16px;
45729  font-size: 18px;
45730  line-height: 24px;
45731  font-weight: 500;
45732  color: var(--nds-ink-900);
45733}
45734
45735.footer-returns__step-split {
45736  display: grid;
45737  grid-template-columns: minmax(0, 1fr) minmax(200px, 280px);
45738  gap: 24px 40px;
45739  align-items: center;
45740}
45741
45742.footer-returns__step-main {
45743  min-width: 0;
45744}
45745
45746.footer-returns__step-art {
45747  display: flex;
45748  align-items: center;
45749  justify-content: center;
45750  pointer-events: none;
45751}
45752
45753.footer-returns__step-art [data-returns-lottie] {
45754  width: 100%;
45755  max-width: 280px;
45756  aspect-ratio: 1;
45757  filter: grayscale(1) contrast(1.12);
45758}
45759
45760.footer-returns__step-art [data-returns-lottie] svg {
45761  display: block;
45762  width: 100%;
45763  height: 100%;
45764}
45765
45766.footer-returns:not(.is-addr-step) .footer-returns__addr-card {
45767  display: none;
45768}
45769
45770.footer-returns.is-addr-step .nds-modal__body {
45771  display: none;
45772}
45773
45774.footer-returns:not(.is-invoice-step) .footer-returns__invoice-card {
45775  display: none;
45776}
45777
45778.footer-returns.is-invoice-step [data-returns-panel] {
45779  display: none !important;
45780}
45781
45782.footer-returns__invoice-card .nds-field__control {
45783  outline: 2px solid var(--nds-ink-900);
45784}
45785
45786.footer-returns__invoice-card .nds-field__control:hover:not(:focus-within) {
45787  outline-color: var(--nds-ink-900);
45788}
45789
45790.footer-returns__invoice-card .nds-field__control:focus-within {
45791  outline-width: 2px;
45792  outline-color: var(--nds-ink-900);
45793}
45794
45795.footer-returns__invoice-card .nds-field.is-invalid .nds-field__control {
45796  outline-color: var(--nds-error);
45797}
45798
45799.footer-returns__addr-card {
45800  display: grid;
45801  grid-template-columns: 1fr 1fr;
45802  width: 100%;
45803  box-sizing: border-box;
45804  flex: 1;
45805  margin: 0;
45806  padding: 28px 24px 32px;
45807  background: #ffffff;
45808}
45809
45810.footer-returns__addr {
45811  min-width: 0;
45812  padding: 8px 20px 0;
45813}
45814
45815.footer-returns__addr + .footer-returns__addr {
45816  border-left: 1px solid var(--nds-line);
45817}
45818
45819.footer-returns__addr-title {
45820  margin: 0 0 8px;
45821  font-size: 24px;
45822  line-height: 30px;
45823  font-weight: 500;
45824  color: var(--nds-ink-900);
45825}
45826
45827.footer-returns__addr-sub {
45828  margin: 0 0 14px;
45829  font-size: 14px;
45830  line-height: 20px;
45831  font-weight: 400;
45832  color: var(--nds-muted);
45833}
45834
45835.footer-returns__addr-lines {
45836  margin: 0;
45837  font-style: normal;
45838  font-size: 14px;
45839  line-height: 22px;
45840  font-weight: 400;
45841  color: var(--nds-ink);
45842}
45843
45844.footer-returns__addr-actions {
45845  grid-column: 1 / -1;
45846  display: flex;
45847  justify-content: center;
45848  padding-top: 48px;
45849}
45850
45851.footer-returns__step--invoice {
45852  text-align: center;
45853}
45854
45855.footer-returns__step--invoice .nds-field,
45856.footer-returns__step--invoice .footer-returns__field-notes,
45857.footer-returns__step--invoice .footer-returns__error {
45858  margin-left: auto;
45859  margin-right: auto;
45860}
45861
45862.footer-returns__step--invoice .nds-field__label,
45863.footer-returns__step--invoice .footer-returns__step-title,
45864.footer-returns__step--invoice .footer-returns__hint {
45865  text-align: center;
45866}
45867
45868.footer-returns__actions--choice {
45869  flex-wrap: wrap;
45870}
45871
45872.footer-returns__actions--choice [data-choose-kind] {
45873  display: none !important;
45874}
45875
45876.footer-returns__invoice-card.has-invoice-text [data-choose-kind] {
45877  display: inline-flex !important;
45878}
45879
45880.footer-returns__table--return .footer-returns__table-head,
45881.footer-returns__table--return .footer-returns__row {
45882  grid-template-columns: 1.1fr 0.55fr 1.15fr 1.45fr 40px;
45883  min-width: 660px;
45884}
45885
45886.footer-returns__step {
45887  display: none;
45888}
45889
45890.footer-returns__step--active {
45891  display: block;
45892}
45893
45894.footer-returns__step--success {
45895  text-align: center;
45896  padding: 16px 8px 8px;
45897}
45898
45899.footer-returns__success-mark {
45900  width: 72px;
45901  height: 72px;
45902  margin: 0 auto 16px;
45903}
45904
45905.footer-returns__success-mark svg {
45906  display: block;
45907  width: 72px;
45908  height: 72px;
45909}
45910
45911.footer-returns__success-ring,
45912.footer-returns__success-check {
45913  fill: none;
45914  stroke: #2f8a55;
45915  stroke-linecap: round;
45916  stroke-linejoin: round;
45917}
45918
45919.footer-returns__success-ring {
45920  stroke-width: 2;
45921  stroke-dasharray: 201;
45922  stroke-dashoffset: 201;
45923}
45924
45925.footer-returns__success-check {
45926  stroke-width: 2.25;
45927  stroke-dasharray: 48;
45928  stroke-dashoffset: 48;
45929}
45930
45931.footer-returns__step--success.is-animate .footer-returns__success-ring {
45932  animation: footer-returns-ring 500ms ease forwards;
45933}
45934
45935.footer-returns__step--success.is-animate .footer-returns__success-check {
45936  animation: footer-returns-check 320ms ease 280ms forwards;
45937}
45938
45939@keyframes footer-returns-ring {
45940  to { stroke-dashoffset: 0; }
45941}
45942
45943@keyframes footer-returns-check {
45944  to { stroke-dashoffset: 0; }
45945}
45946
45947.footer-returns__claim-number {
45948  margin-bottom: 8px;
45949  color: var(--nds-ink-900);
45950  font-size: 32px;
45951  line-height: 40px;
45952  font-weight: 500;
45953}
45954
45955.footer-returns__error {
45956  font-size: 16px;
45957  line-height: 24px;
45958  font-weight: 600;
45959  color: var(--nds-error);
45960  min-height: 1.1em;
45961  margin: 8px 0 0;
45962}
45963
45964.footer-returns__table-wrap {
45965  overflow-x: auto;
45966  margin-bottom: 16px;
45967  outline: 1px solid var(--nds-line);
45968}
45969
45970.footer-returns__table-head,
45971.footer-returns__row {
45972  display: grid;
45973  grid-template-columns: minmax(0, 1fr) minmax(0, 0.5fr) minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, 1.3fr) 40px;
45974  gap: 0;
45975  align-items: stretch;
45976  min-width: 720px;
45977}
45978
45979.footer-returns .nds-th {
45980  min-width: 0;
45981  min-height: 40px;
45982  padding: 0 12px;
45983  display: flex;
45984  align-items: center;
45985  font-size: 14px;
45986  line-height: 18px;
45987  font-weight: var(--nds-weight-medium);
45988  letter-spacing: 0;
45989  text-transform: none;
45990  color: var(--nds-ink-500);
45991  background: var(--nds-ink-50);
45992  border-bottom: 1px solid var(--nds-line);
45993}
45994
45995.footer-returns__row {
45996  border-bottom: 1px solid var(--nds-line);
45997}
45998
45999.footer-returns__row .nds-field__control {
46000  min-width: 0;
46001  height: 40px;
46002  outline: none;
46003  border-right: 1px solid var(--nds-line);
46004  cursor: text;
46005}
46006
46007.footer-returns__row .footer-returns__desc:focus-within {
46008  outline: none;
46009  box-shadow: none;
46010}
46011
46012.footer-returns__row .nds-field__control input:not([type='file']),
46013.footer-returns__row .nds-field__control textarea {
46014  height: 100%;
46015}
46016
46017.footer-returns__row .nds-field__control:last-child {
46018  border-right: 0;
46019}
46020
46021.footer-returns__file {
46022  display: flex;
46023  align-items: center;
46024  position: relative;
46025  cursor: default;
46026  padding: 0 8px;
46027  justify-content: flex-start;
46028  gap: 6px;
46029  height: auto;
46030  min-height: 40px;
46031}
46032
46033.footer-returns .nds-field__control .footer-returns__file-input {
46034  position: absolute;
46035  width: 0;
46036  height: 0;
46037  padding: 0;
46038  opacity: 0;
46039  overflow: hidden;
46040  pointer-events: none;
46041}
46042
46043.footer-returns__file-btn {
46044  display: inline-flex;
46045  align-items: center;
46046  justify-content: center;
46047  gap: 6px;
46048  width: auto;
46049  max-width: 100%;
46050  min-width: 0;
46051  height: 100%;
46052  margin: 0;
46053  padding: 0 8px;
46054  border: 0;
46055  background: transparent;
46056  color: inherit;
46057  font-family: inherit;
46058  font-size: 14px;
46059  line-height: 18px;
46060  font-weight: var(--nds-weight-medium);
46061  white-space: nowrap;
46062  cursor: pointer;
46063}
46064
46065.footer-returns__th-remove,
46066.footer-returns__row-remove {
46067  width: 40px;
46068  min-width: 40px;
46069}
46070
46071.footer-returns__row-remove {
46072  display: flex;
46073  align-items: center;
46074  justify-content: center;
46075  gap: 8px;
46076  height: 40px;
46077  padding: 0;
46078  border: 0;
46079  background: var(--nds-surface);
46080  color: var(--nds-ink-500);
46081  font-family: inherit;
46082  font-size: 14px;
46083  font-weight: 500;
46084  cursor: pointer;
46085}
46086
46087.footer-returns__row-remove-label {
46088  display: none;
46089}
46090
46091.footer-returns__row-remove:hover {
46092  background: var(--nds-hover);
46093  color: var(--nds-ink-900);
46094}
46095
46096.footer-returns__file-thumbs {
46097  display: flex;
46098  align-items: center;
46099  gap: 4px;
46100  flex-shrink: 0;
46101}
46102
46103.footer-returns__file-chip {
46104  position: relative;
46105  width: 22px;
46106  height: 22px;
46107  flex-shrink: 0;
46108  background-size: cover;
46109  background-position: center;
46110}
46111
46112.footer-returns__file-chip-remove {
46113  position: absolute;
46114  top: -5px;
46115  right: -5px;
46116  width: 14px;
46117  height: 14px;
46118  padding: 0;
46119  border: 0;
46120  background: var(--nds-ink-900);
46121  color: #fff;
46122  font-size: 10px;
46123  line-height: 14px;
46124  cursor: pointer;
46125}
46126
46127.footer-returns__desc {
46128  position: relative;
46129  min-width: 0;
46130  overflow: hidden;
46131}
46132
46133.footer-returns__desc-trigger {
46134  display: block;
46135  width: 100%;
46136  max-width: 100%;
46137  height: 100%;
46138  min-width: 0;
46139  min-height: 40px;
46140  padding: 0 12px;
46141  border: 0;
46142  outline: 0;
46143  box-shadow: none;
46144  background: transparent;
46145  color: inherit;
46146  font-family: inherit;
46147  font-size: 14px;
46148  font-weight: 400;
46149  text-align: left;
46150  cursor: pointer;
46151  overflow: hidden;
46152}
46153
46154.footer-returns__desc-trigger:focus,
46155.footer-returns__desc-trigger:focus-visible {
46156  outline: 0;
46157  box-shadow: none;
46158}
46159
46160.footer-returns__desc-trigger [data-desc-preview] {
46161  display: block;
46162  overflow: hidden;
46163  text-overflow: ellipsis;
46164  white-space: nowrap;
46165}
46166
46167.footer-returns__desc-trigger [data-desc-preview]:empty::before {
46168  content: attr(data-empty);
46169}
46170
46171.footer-returns__desc-pop {
46172  position: fixed;
46173  z-index: 2147483647;
46174  width: min(320px, calc(100vw - 32px));
46175  padding: 10px;
46176  background: var(--nds-surface);
46177  outline: 1px solid var(--nds-line);
46178  box-shadow: none;
46179}
46180
46181.footer-returns__desc-pop textarea,
46182.footer-returns__desc-pop textarea:focus,
46183.footer-returns__desc-pop textarea:focus-visible {
46184  display: block;
46185  width: 100%;
46186  min-height: 120px;
46187  resize: none;
46188  border: 0;
46189  outline: 0;
46190  box-shadow: none;
46191  background: transparent;
46192  font-family: inherit;
46193  font-size: 14px;
46194  line-height: 20px;
46195  font-weight: 400;
46196}
46197
46198.footer-returns__dropdown {
46199  position: relative;
46200  height: 40px;
46201  border-right: 1px solid var(--nds-line);
46202}
46203
46204.footer-returns__dropdown:last-child {
46205  border-right: 0;
46206}
46207
46208.footer-returns__dropdown-trigger {
46209  display: flex;
46210  align-items: center;
46211  justify-content: space-between;
46212  gap: 8px;
46213  width: 100%;
46214  height: 40px;
46215  padding: 0 0 0 12px;
46216  border: 0;
46217  background: var(--nds-surface);
46218  color: var(--nds-ink);
46219  font-family: inherit;
46220  font-size: 14px;
46221  font-weight: 400;
46222  text-align: left;
46223  cursor: pointer;
46224}
46225
46226.footer-returns__dropdown-trigger:hover {
46227  background: var(--nds-hover);
46228}
46229
46230.footer-returns__dropdown.is-open .footer-returns__dropdown-trigger {
46231  background: var(--nds-hover);
46232}
46233
46234.footer-returns__dropdown-trigger [data-dropdown-label] {
46235  min-width: 0;
46236  overflow: hidden;
46237  text-overflow: ellipsis;
46238  white-space: nowrap;
46239}
46240
46241.footer-returns__select-chevron {
46242  display: flex;
46243  align-items: center;
46244  justify-content: center;
46245  width: 36px;
46246  height: 40px;
46247  flex-shrink: 0;
46248  color: var(--nds-ink-500);
46249  pointer-events: none;
46250}
46251
46252.footer-returns__dropdown.is-open .footer-returns__select-chevron {
46253  transform: rotate(180deg);
46254}
46255
46256.footer-returns__dropdown-menu {
46257  position: fixed;
46258  z-index: 2147483002;
46259  min-width: 220px;
46260  max-height: 240px;
46261  overflow: auto;
46262  background: var(--nds-surface);
46263  outline: 1px solid var(--nds-line);
46264  box-shadow: var(--nds-shadow-pop);
46265}
46266
46267.footer-returns__dropdown-menu[hidden] {
46268  display: none !important;
46269  pointer-events: none !important;
46270}
46271
46272.footer-returns__dropdown-option {
46273  display: block;
46274  width: 100%;
46275  min-height: 40px;
46276  padding: 0 12px;
46277  border: 0;
46278  background: transparent;
46279  color: var(--nds-ink);
46280  font-family: inherit;
46281  font-size: 14px;
46282  font-weight: 400;
46283  text-align: left;
46284  cursor: pointer;
46285}
46286
46287.footer-returns__dropdown-option:hover {
46288  background: var(--nds-hover);
46289  color: var(--nds-ink-800);
46290}
46291
46292.footer-returns__dropdown-option.is-on {
46293  background: var(--nds-ink-50);
46294  color: var(--nds-ink-900);
46295}
46296
46297@media (prefers-reduced-motion: reduce) {
46298  .footer-returns .nds-modal__backdrop,
46299  .footer-returns .nds-modal.is-open .nds-modal__backdrop,
46300  .footer-returns .nds-modal__dialog,
46301  .footer-returns .nds-modal.is-open .nds-modal__dialog,
46302  .footer-returns__success-ring,
46303  .footer-returns__success-check {
46304    transition: none;
46305    transform: none;
46306    animation: none;
46307    stroke-dashoffset: 0;
46308  }
46309
46310  .footer-returns__step-art {
46311    display: none;
46312  }
46313}
46314
46315@media (max-width: 749px) {
46316  .footer-returns:not([hidden]) {
46317    padding: 16px;
46318  }
46319
46320  .footer-returns__step-split {
46321    grid-template-columns: 1fr;
46322    gap: 4px 0;
46323  }
46324
46325  .footer-returns__addr-card {
46326    grid-template-columns: 1fr;
46327    padding: 20px 16px 24px;
46328  }
46329
46330  .footer-returns__addr + .footer-returns__addr {
46331    border-left: 0;
46332    border-top: 1px solid var(--nds-line);
46333    padding-top: 20px;
46334  }
46335
46336  .footer-returns__step-art {
46337    display: flex;
46338    order: -1;
46339  }
46340
46341  .footer-returns__step-art [data-returns-lottie] {
46342    max-width: 168px;
46343    margin: 0 auto;
46344  }
46345
46346  .footer-returns .nds-modal__body {
46347    padding: 16px;
46348  }
46349
46350  .footer-returns .nds-btn--md:not(.nds-btn--icon-only) {
46351    width: 100%;
46352  }
46353
46354  .footer-returns__actions {
46355    flex-direction: column;
46356  }
46357
46358  .footer-returns .nds-field,
46359  .footer-returns__field-notes {
46360    max-width: none;
46361  }
46362
46363  .footer-returns__table-wrap {
46364    overflow: visible;
46365    outline: none;
46366    margin-bottom: 12px;
46367  }
46368
46369  .footer-returns__table-head {
46370    display: none;
46371  }
46372
46373  .footer-returns__rows {
46374    display: flex;
46375    flex-direction: column;
46376    gap: 12px;
46377  }
46378
46379  .footer-returns__row,
46380  .footer-returns__table--return .footer-returns__row {
46381    display: grid;
46382    grid-template-columns: minmax(0, 1fr) 96px;
46383    gap: 10px 12px;
46384    min-width: 0;
46385    align-items: start;
46386  }
46387
46388  .footer-returns__row {
46389    position: relative;
46390    padding: 16px 14px 14px;
46391    border-bottom: 0;
46392    background: var(--nds-surface);
46393    outline: 1px solid var(--nds-line);
46394  }
46395
46396  .footer-returns__row > :nth-child(n + 3) {
46397    grid-column: 1 / -1;
46398  }
46399
46400  .footer-returns__row .nds-field__control,
46401  .footer-returns__row .footer-returns__dropdown {
46402    display: flex;
46403    flex-direction: column;
46404    align-items: stretch;
46405    height: auto;
46406    min-width: 0;
46407    padding: 0;
46408    border-right: 0;
46409    outline: none;
46410    background: transparent;
46411    cursor: default;
46412  }
46413
46414  .footer-returns__row .nds-field__control::before,
46415  .footer-returns__row .footer-returns__dropdown::before {
46416    content: attr(data-label);
46417    display: block;
46418    margin-bottom: 6px;
46419    font-size: 14px;
46420    line-height: 18px;
46421    font-weight: 500;
46422    color: var(--nds-muted);
46423  }
46424
46425  .footer-returns__row .nds-field__control input:not([type='file']),
46426  .footer-returns__row .nds-field__control textarea {
46427    height: 40px;
46428    padding: 0 12px;
46429    outline: 1px solid var(--nds-line);
46430    background: var(--nds-surface);
46431  }
46432
46433  .footer-returns__row .nds-field__control textarea {
46434    height: auto;
46435    min-height: 96px;
46436    padding: 10px 12px;
46437    resize: vertical;
46438  }
46439
46440  .footer-returns__file {
46441    justify-content: flex-start;
46442  }
46443
46444  .footer-returns__file-btn {
46445    width: 100%;
46446    height: 40px;
46447    justify-content: flex-start;
46448    outline: 1px solid var(--nds-line);
46449    background: var(--nds-surface);
46450  }
46451
46452  .footer-returns__desc-trigger {
46453    height: 40px;
46454    outline: 1px solid var(--nds-line);
46455    background: var(--nds-surface);
46456  }
46457
46458  .footer-returns__dropdown {
46459    height: auto;
46460    border-right: 0;
46461  }
46462
46463  .footer-returns__dropdown-trigger {
46464    outline: 1px solid var(--nds-line);
46465  }
46466
46467  .footer-returns__row-remove {
46468    position: static;
46469    grid-column: 1 / -1;
46470    width: 100%;
46471    min-width: 0;
46472    height: 40px;
46473    border: 1px solid var(--nds-ink);
46474    background: var(--nds-surface);
46475    color: var(--nds-ink);
46476  }
46477
46478  .footer-returns__row-remove:hover {
46479    background: var(--nds-accent-hover);
46480    color: var(--nds-snow-50);
46481    border-color: var(--nds-accent-hover);
46482  }
46483
46484  .footer-returns__row-remove-label {
46485    display: inline;
46486  }
46487}
46488
46489.footer-returns__contact {
46490  display: grid;
46491  grid-template-columns: 1fr 1fr;
46492  gap: 16px;
46493  margin-top: 24px;
46494  max-width: 640px;
46495}
46496
46497.footer-returns__contact .nds-field {
46498  max-width: none;
46499}
46500
46501.footer-returns__contact .nds-field--wide {
46502  grid-column: 1 / -1;
46503}
46504
46505.footer-returns__note-control {
46506  height: auto;
46507  min-height: 88px;
46508  padding: 10px 12px;
46509  align-items: flex-start;
46510}
46511
46512.footer-returns__note-control textarea {
46513  min-height: 68px;
46514}
46515
46516.footer-returns__flags {
46517  margin-top: 20px;
46518}
46519
46520.footer-returns__types {
46521  margin-top: 20px;
46522  margin-bottom: 28px;
46523}
46524
46525.footer-returns__flags-title {
46526  margin: 0 0 10px;
46527  font-size: 16px;
46528  line-height: 22px;
46529  font-weight: 500;
46530  color: var(--nds-ink-800);
46531}
46532
46533.footer-returns__flags-grid {
46534  display: grid;
46535  grid-template-columns: 1fr 1fr;
46536  gap: 10px 16px;
46537}
46538
46539.footer-returns__check {
46540  display: flex;
46541  align-items: flex-start;
46542  gap: 8px;
46543  font-size: 14px;
46544  line-height: 20px;
46545  font-weight: 400;
46546  color: var(--nds-ink);
46547  cursor: pointer;
46548}
46549
46550.footer-returns__check input {
46551  appearance: none;
46552  -webkit-appearance: none;
46553  flex-shrink: 0;
46554  width: 16px;
46555  height: 16px;
46556  min-width: 16px;
46557  margin: 2px 0 0;
46558  padding: 0;
46559  border: 0;
46560  outline: 1px solid var(--nds-line);
46561  background: var(--nds-surface);
46562  cursor: pointer;
46563}
46564
46565.footer-returns__check input:hover {
46566  outline-color: var(--nds-ink-400);
46567}
46568
46569.footer-returns__check input:checked {
46570  background: var(--nds-ink-900);
46571  outline-color: var(--nds-ink-900);
46572  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l3.5 3.5L13 5' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
46573  background-repeat: no-repeat;
46574  background-position: center;
46575  background-size: 12px 12px;
46576}
46577
46578.footer-returns__check input:focus-visible {
46579  outline: 2px solid var(--nds-ink-900);
46580}
46581
46582.footer-returns__type-grid {
46583  display: grid;
46584  grid-template-columns: 1fr 1fr;
46585  gap: 12px;
46586  padding-bottom: 12px;
46587}
46588
46589.footer-returns__type {
46590  display: flex;
46591  flex-direction: column;
46592  align-items: flex-start;
46593  justify-content: flex-start;
46594  gap: 8px;
46595  width: 100%;
46596  min-height: 128px;
46597  margin: 0;
46598  padding: 16px;
46599  border: 0;
46600  outline: 1px solid var(--nds-line);
46601  background: var(--nds-surface);
46602  color: var(--nds-ink);
46603  font-family: inherit;
46604  font-size: 14px;
46605  line-height: 20px;
46606  font-weight: 400;
46607  text-align: left;
46608  cursor: pointer;
46609}
46610
46611.footer-returns__type:hover {
46612  background: var(--nds-hover);
46613}
46614
46615.footer-returns__type.is-on {
46616  outline: 2px solid var(--nds-ink-900);
46617  background: var(--nds-ink-50);
46618}
46619
46620.footer-returns__type-title {
46621  display: block;
46622  font-size: 16px;
46623  line-height: 22px;
46624  font-weight: 500;
46625  color: var(--nds-ink-900);
46626}
46627
46628.footer-returns__type-desc {
46629  display: block;
46630  margin-top: 0;
46631  color: var(--nds-muted);
46632  font-weight: 400;
46633}
46634
46635.footer-returns__result-docs {
46636  display: flex;
46637  flex-wrap: wrap;
46638  justify-content: center;
46639  gap: 8px;
46640  margin-top: 20px;
46641}
46642
46643.footer-returns a.nds-btn {
46644  text-decoration: none;
46645}
46646
46647.footer-returns__result-docs .nds-btn {
46648  text-decoration: none;
46649}
46650
46651.footer-returns__result-docs .nds-icon {
46652  width: 16px;
46653  height: 16px;
46654}
46655
46656.footer-returns .nds-field.is-invalid .nds-field__control {
46657  outline-color: var(--nds-error);
46658}
46659
46660.footer-returns__row .nds-field__control.is-invalid {
46661  box-shadow: inset 0 0 0 1px var(--nds-error);
46662}
46663
46664.footer-returns .nds-btn[disabled] {
46665  opacity: 0.55;
46666  cursor: default;
46667  pointer-events: none;
46668}
46669
46670@media (max-width: 749px) {
46671  .footer-returns__contact,
46672  .footer-returns__flags-grid,
46673  .footer-returns__type-grid {
46674    grid-template-columns: 1fr;
46675  }
46676}
46677</style>
46678
46679<script>
46680(function () {
46681  var root = document.getElementById('FooterReturns');
46682  if (!root) return;
46683
46684  var claimForm = document.getElementById('FooterReturnsForm');
46685  var returnForm = document.getElementById('FooterReturnsReturnForm');
46686  var claimRowsEl = root.querySelector('[data-returns-rows]');
46687  var returnRowsEl = root.querySelector('[data-return-rows]');
46688  var claimTemplate = document.getElementById('FooterReturnsRowTemplate');
46689  var returnTemplate = document.getElementById('FooterReturnsReturnRowTemplate');
46690  var claimErrorEl = root.querySelector('[data-returns-error]');
46691  var returnErrorEl = root.querySelector('[data-return-error]');
46692  var shell = root.querySelector('[data-returns-shell]');
46693  var titleEl = root.querySelector('[data-returns-title]');
46694  var openers = document.querySelectorAll('[data-footer-returns-open]');
46695  var currentTab = 'claim';
46696  var claimStep = 'addr';
46697  var returnStep = 'addr';
46698  var flowPhase = 'addr';
46699  var culture = root.getAttribute('data-culture') || 'en';
46700  var proxyBase = root.getAttribute('data-proxy') || '/apps/claims';
46701  var codebook = null;
46702  var codebookPromise = null;
46703  var portalBusy = false;
46704  var claimLookup = emptyLookup();
46705  var returnLookup = emptyLookup();
46706  var closeTimer = 0;
46707  var openMenu = null;
46708  var openOwner = null;
46709  var lottieScriptLoading = false;
46710  var lottieWaiters = [];
46711  var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
46712
46713  function whenLottieReady(done) {
46714    if (window.lottie) {
46715      done();
46716      return;
46717    }
46718    lottieWaiters.push(done);
46719    if (lottieScriptLoading) return;
46720    lottieScriptLoading = true;
46721    var script = document.createElement('script');
46722    script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js';
46723    script.onload = function () {
46724      lottieScriptLoading = false;
46725      lottieWaiters.splice(0).forEach(function (fn) { fn(); });
46726    };
46727    script.onerror = function () {
46728      lottieScriptLoading = false;
46729      lottieWaiters = [];
46730    };
46731    document.head.appendChild(script);
46732  }
46733
46734  function playInvoiceLotties() {
46735    if (reduceMotion) return;
46736    var src = root.getAttribute('data-lottie-src');
46737    if (!src) return;
46738    whenLottieReady(function () {
46739      root.querySelectorAll('[data-returns-lottie]').forEach(function (el) {
46740        if (el.getAttribute('data-lottie-bound') === '1') return;
46741        el.setAttribute('data-lottie-bound', '1');
46742        window.lottie.loadAnimation({
46743          container: el,
46744          renderer: 'svg',
46745          loop: true,
46746          autoplay: true,
46747          path: src
46748        });
46749      });
46750    });
46751  }
46752
46753  function emptyLookup() {
46754    return { token: null, items: [], allowed: [], found: false, reference: '' };
46755  }
46756
46757  function t(key) {
46758    return root.getAttribute('data-i18n-' + key) || '';
46759  }
46760
46761  function escapeHtml(value) {
46762    return String(value == null ? '' : value)
46763      .replace(/&/g, '&amp;')
46764      .replace(/</g, '&lt;')
46765      .replace(/>/g, '&gt;')
46766      .replace(/"/g, '&quot;');
46767  }
46768
46769  function nonce() {
46770    return Math.random().toString(36).slice(2) + Date.now().toString(36);
46771  }
46772
46773  function portalUrl(path) {
46774    var sep = path.indexOf('?') >= 0 ? '&' : '?';
46775    return proxyBase + path + sep + 'culture=' + encodeURIComponent(culture) + '&_r=' + nonce();
46776  }
46777
46778  function firstErrorMessage(errors) {
46779    if (!errors) return t('error-generic');
46780    if (errors.rateLimit && errors.rateLimit[0]) return errors.rateLimit[0];
46781    if (errors.signature) return t('error-config');
46782    var keys = Object.keys(errors);
46783    if (!keys.length) return t('error-generic');
46784    var first = errors[keys[0]];
46785    return (first && first[0]) || t('error-generic');
46786  }
46787
46788  function showError(el, message) {
46789    if (!el) return;
46790    el.textContent = message || '';
46791  }
46792
46793  function clearFieldErrors(form) {
46794    if (!form) return;
46795    form.querySelectorAll('.is-invalid').forEach(function (node) {
46796      node.classList.remove('is-invalid');
46797    });
46798  }
46799
46800  function markField(form, name) {
46801    if (!form) return;
46802    var wrap = form.querySelector('[data-field-wrap="' + name + '"]');
46803    if (wrap) wrap.classList.add('is-invalid');
46804  }
46805
46806  function applyEnvelopeErrors(form, errorEl, env) {
46807    var errors = (env && env.errors) || {};
46808    showError(errorEl, firstErrorMessage(errors));
46809    if (errors.name) markField(form, 'name');
46810    if (errors.email) markField(form, 'email');
46811    if (errors.note) markField(form, 'note');
46812    if (errors.reference) markField(form, 'reference');
46813  }
46814
46815  function setBusy(button, busy, label) {
46816    if (!button) return;
46817    button.disabled = !!busy;
46818    button.setAttribute('aria-busy', busy ? 'true' : 'false');
46819    if (busy && label) button.setAttribute('data-busy-label', label);
46820  }
46821
46822  function portalFetch(path, options) {
46823    options = options || {};
46824    var init = {
46825      method: options.method || 'GET',
46826      headers: options.headers || {}
46827    };
46828    if (options.body != null) init.body = options.body;
46829    return fetch(portalUrl(path), init).then(function (res) {
46830      return res.text().then(function (text) {
46831        var json = null;
46832        try { json = text ? JSON.parse(text) : null; } catch (e) { json = null; }
46833        if (res.status === 401) {
46834          return { http: 401, success: false, errors: { signature: [t('error-config')] }, data: null };
46835        }
46836        if (res.status === 429) {
46837          var rate = json && json.errors && json.errors.rateLimit && json.errors.rateLimit[0];
46838          return { http: 429, success: false, errors: { rateLimit: [rate || t('error-generic')] }, data: json && json.data };
46839        }
46840        if (!json) {
46841          return { http: res.status, success: false, errors: { payload: [t('error-generic')] }, data: null };
46842        }
46843        json.http = res.status;
46844        return json;
46845      });
46846    });
46847  }
46848
46849  function loadCodebook() {
46850    if (codebook) return Promise.resolve(codebook);
46851    if (codebookPromise) return codebookPromise;
46852    codebookPromise = portalFetch('/claim/codebook').then(function (env) {
46853      codebookPromise = null;
46854      if (!env.success || !env.data) {
46855        throw env;
46856      }
46857      codebook = env.data;
46858      if (codebook.culture) culture = codebook.culture;
46859      fillAllSettlements();
46860      fillClaimTypes(claimLookup.found ? claimLookup.allowed : null);
46861      return codebook;
46862    }).catch(function (err) {
46863      codebookPromise = null;
46864      throw err;
46865    });
46866    return codebookPromise;
46867  }
46868
46869  function settlementOptionsHtml(selectedId) {
46870    var list = (codebook && codebook.preferredSettlements) || [];
46871    return list.map(function (item) {
46872      var on = String(item.id) === String(selectedId || (list[0] && list[0].id));
46873      return '<button type="button" class="footer-returns__dropdown-option' + (on ? ' is-on' : '') + '" data-dropdown-option data-value="' + escapeHtml(item.id) + '">' + escapeHtml(item.title) + '</button>';
46874    }).join('');
46875  }
46876
46877  function applySettlements(scope, selectedId) {
46878    var list = (codebook && codebook.preferredSettlements) || [];
46879    var first = list[0];
46880    var chosen = selectedId || (first && first.id);
46881    (scope || root).querySelectorAll('[data-returns-dropdown]').forEach(function (dropdown) {
46882      var menu = dropdown.querySelector('[data-dropdown-menu]');
46883      var label = dropdown.querySelector('[data-dropdown-label]');
46884      var hidden = dropdown.querySelector('input[name="resolution"]');
46885      if (menu) menu.innerHTML = settlementOptionsHtml(chosen);
46886      if (chosen && first) {
46887        var match = list.filter(function (item) { return String(item.id) === String(chosen); })[0] || first;
46888        if (label) label.textContent = match.title;
46889        if (hidden) hidden.value = String(match.id);
46890      }
46891    });
46892  }
46893
46894  function fillAllSettlements() {
46895    applySettlements(root);
46896  }
46897
46898  function addClaimRow() {
46899    if (!claimTemplate || !claimRowsEl) return;
46900    var node = claimTemplate.content.cloneNode(true);
46901    var row = node.querySelector('.footer-returns__row');
46902    claimRowsEl.appendChild(node);
46903    applySettlements(row);
46904  }
46905
46906  function addReturnRow() {
46907    if (!returnTemplate || !returnRowsEl) return;
46908    var node = returnTemplate.content.cloneNode(true);
46909    var row = node.querySelector('.footer-returns__row');
46910    returnRowsEl.appendChild(node);
46911    applySettlements(row);
46912  }
46913
46914  function fillRows(kind) {
46915    var rowsEl = kind === 'return' ? returnRowsEl : claimRowsEl;
46916    var addBtn = root.querySelector(kind === 'return' ? '[data-return-add]' : '[data-returns-add]');
46917    if (!rowsEl) return;
46918    rowsEl.innerHTML = '';
46919    if (addBtn) addBtn.hidden = false;
46920    if (kind === 'return') addReturnRow();
46921    else addClaimRow();
46922  }
46923
46924  function normalizeArticle(value) {
46925    return String(value || '').replace(/\s+/g, '').toUpperCase();
46926  }
46927
46928  function lookupLinesForArticle(lookup, articleId) {
46929    var id = normalizeArticle(articleId);
46930    if (!id || !lookup || !lookup.items) return [];
46931    return lookup.items.filter(function (item) {
46932      return normalizeArticle(item.articleId) === id;
46933    });
46934  }
46935
46936  function articleBudget(lookup, articleId) {
46937    return lookupLinesForArticle(lookup, articleId).reduce(function (sum, item) {
46938      return sum + (parseInt(item.count, 10) || 0);
46939    }, 0);
46940  }
46941
46942  function bindArticleToLookup(row, lookup) {
46943    if (!row) return true;
46944    var article = row.querySelector('[name="article_id"]');
46945    var qty = row.querySelector('[name="qty"]');
46946    var wrap = article && article.closest('.nds-field__control');
46947    var articleId = article ? article.value.trim() : '';
46948    row.removeAttribute('data-line-index');
46949    if (qty) {
46950      qty.removeAttribute('max');
46951      qty.removeAttribute('data-max');
46952    }
46953    if (wrap) wrap.classList.remove('is-invalid');
46954    if (!lookup || !lookup.found || !lookup.items || !lookup.items.length) return true;
46955    if (!articleId) return true;
46956    var lines = lookupLinesForArticle(lookup, articleId);
46957    if (!lines.length) {
46958      if (wrap) wrap.classList.add('is-invalid');
46959      return false;
46960    }
46961    var first = lines[0];
46962    if (first.lineIndex != null) row.setAttribute('data-line-index', String(first.lineIndex));
46963    var max = articleBudget(lookup, articleId);
46964    if (qty && max > 0) {
46965      qty.max = max;
46966      qty.setAttribute('data-max', String(max));
46967      if ((parseInt(qty.value, 10) || 0) > max) qty.value = String(max);
46968    }
46969    return true;
46970  }
46971
46972  function fillClaimTypes(allowedIds) {
46973    var box = root.querySelector('[data-claim-types]');
46974    var listEl = root.querySelector('[data-claim-type-list]');
46975    var hidden = root.querySelector('[data-claim-type-id]');
46976    if (!box || !listEl || !codebook) return;
46977    var returnId = Number(codebook.returnClaimTypeId);
46978    var types = (codebook.types || []).filter(function (type) {
46979      return Number(type.id) !== returnId;
46980    });
46981    var allowed = (allowedIds && allowedIds.length
46982      ? allowedIds
46983      : types.map(function (type) { return type.id; })
46984    ).map(Number).filter(function (id) {
46985      return id !== returnId;
46986    });
46987    var preferred = Number(codebook.defectClaimTypeId);
46988    if (allowed.indexOf(preferred) === -1) preferred = allowed[0];
46989    listEl.innerHTML = types.filter(function (type) {
46990      return allowed.indexOf(Number(type.id)) !== -1;
46991    }).map(function (type) {
46992      var on = Number(type.id) === preferred;
46993      var desc = type.description || type.descriptionMore || '';
46994      return '<button type="button" class="footer-returns__type' + (on ? ' is-on' : '') + '" data-claim-type="' + escapeHtml(type.id) + '">'
46995        + '<span class="footer-returns__type-title">' + escapeHtml(type.title) + '</span>'
46996        + (desc ? '<span class="footer-returns__type-desc">' + escapeHtml(desc) + '</span>' : '')
46997        + '</button>';
46998    }).join('');
46999    if (hidden) hidden.value = preferred != null ? String(preferred) : '';
47000    box.hidden = !listEl.children.length;
47001  }
47002
47003  function lookupReference(reference) {
47004    return portalFetch('/claim/lookup', {
47005      method: 'POST',
47006      headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
47007      body: JSON.stringify({ reference: reference, culture: culture })
47008    });
47009  }
47010
47011  function prefillCustomer(form) {
47012    if (!form) return;
47013    var name = root.getAttribute('data-customer-name') || '';
47014    var email = root.getAttribute('data-customer-email') || '';
47015    var nameInput = form.querySelector('[data-field="name"]');
47016    var emailInput = form.querySelector('[data-field="email"]');
47017    if (nameInput && !nameInput.value && name) nameInput.value = name;
47018    if (emailInput && !emailInput.value && email) emailInput.value = email;
47019  }
47020
47021  function collectItems(form, lookup, errorEl) {
47022    var rows = form.querySelectorAll('.footer-returns__row');
47023    var items = [];
47024    var claimedByArticle = {};
47025    var hasOrder = !!(lookup && lookup.found && lookup.items && lookup.items.length);
47026    var failed = false;
47027    rows.forEach(function (row) {
47028      if (failed) return;
47029      var article = row.querySelector('[name="article_id"]');
47030      var qty = row.querySelector('[name="qty"]');
47031      var desc = row.querySelector('[name="description"]');
47032      var res = row.querySelector('[name="resolution"]');
47033      var wrap = article && article.closest('.nds-field__control');
47034      var articleId = article ? article.value.trim() : '';
47035      var count = parseInt(qty && qty.value, 10) || 0;
47036      if (!articleId && count < 1) return;
47037      if (!articleId) {
47038        if (wrap) wrap.classList.add('is-invalid');
47039        showError(errorEl, root.getAttribute('data-error-item') || '');
47040        failed = true;
47041        return;
47042      }
47043      if (hasOrder) {
47044        var lines = lookupLinesForArticle(lookup, articleId);
47045        if (!lines.length) {
47046          if (wrap) wrap.classList.add('is-invalid');
47047          showError(errorEl, t('error-article'));
47048          failed = true;
47049          return;
47050        }
47051        var key = normalizeArticle(articleId);
47052        claimedByArticle[key] = (claimedByArticle[key] || 0) + (count || 1);
47053        if (claimedByArticle[key] > articleBudget(lookup, articleId)) {
47054          if (qty) qty.closest('.nds-field__control').classList.add('is-invalid');
47055          showError(errorEl, t('error-qty'));
47056          failed = true;
47057          return;
47058        }
47059      }
47060      var item = { count: count || 1, articleId: articleId };
47061      if (lookup && lookup.token && hasOrder) {
47062        var chosen = lookupLinesForArticle(lookup, articleId)[0];
47063        if (chosen && chosen.lineIndex != null) item.lineIndex = Number(chosen.lineIndex);
47064      }
47065      if (desc && desc.value.trim()) item.description = desc.value.trim();
47066      if (res && res.value) item.preferredSettlementId = Number(res.value);
47067      items.push({ item: item, row: row });
47068    });
47069    if (failed) return null;
47070    if (!items.length) {
47071      showError(errorEl, root.getAttribute('data-error-item') || '');
47072      return null;
47073    }
47074    return items;
47075  }
47076
47077  function downscalePhoto(file) {
47078    return new Promise(function (resolve, reject) {
47079      if (!file) {
47080        resolve(null);
47081        return;
47082      }
47083      if (!/^image\/(jpeg|png|gif|webp)$/i.test(file.type)) {
47084        reject(new Error('photo'));
47085        return;
47086      }
47087      if (file.size > 10 * 1024 * 1024) {
47088        reject(new Error('photo'));
47089        return;
47090      }
47091      var img = new Image();
47092      var url = URL.createObjectURL(file);
47093      img.onload = function () {
47094        var max = 2048;
47095        var scale = Math.min(1, max / Math.max(img.width, img.height));
47096        var canvas = document.createElement('canvas');
47097        canvas.width = Math.max(1, Math.round(img.width * scale));
47098        canvas.height = Math.max(1, Math.round(img.height * scale));
47099        var ctx = canvas.getContext('2d');
47100        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
47101        URL.revokeObjectURL(url);
47102        resolve({
47103          fileName: file.name || 'photo.jpg',
47104          content: canvas.toDataURL('image/jpeg', 0.85)
47105        });
47106      };
47107      img.onerror = function () {
47108        URL.revokeObjectURL(url);
47109        reject(new Error('photo'));
47110      };
47111      img.src = url;
47112    });
47113  }
47114
47115  function collectPhotos(itemPairs) {
47116    var jobs = [];
47117    itemPairs.forEach(function (pair, index) {
47118      var field = pair.row.querySelector('.footer-returns__file');
47119      var files = (field && field._photos) || [];
47120      files.forEach(function (file) {
47121        jobs.push(downscalePhoto(file).then(function (photo) {
47122          if (!photo) return null;
47123          photo.itemIndex = index;
47124          return photo;
47125        }));
47126      });
47127    });
47128    return Promise.all(jobs).then(function (photos) {
47129      return photos.filter(Boolean);
47130    });
47131  }
47132
47133  function createDownloadIcon() {
47134    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
47135    svg.setAttribute('class', 'nds-icon');
47136    svg.setAttribute('width', '16');
47137    svg.setAttribute('height', '16');
47138    svg.setAttribute('viewBox', '0 0 24 24');
47139    svg.setAttribute('fill', 'none');
47140    svg.setAttribute('aria-hidden', 'true');
47141    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
47142    path.setAttribute('d', 'M12 4v12M7 12l5 5 5-5M5 20h14');
47143    path.setAttribute('stroke', 'currentColor');
47144    path.setAttribute('stroke-width', '1.75');
47145    path.setAttribute('stroke-linecap', 'round');
47146    path.setAttribute('stroke-linejoin', 'round');
47147    svg.appendChild(path);
47148    return svg;
47149  }
47150
47151  function buildSuccessDocs(container, data) {
47152    if (!container) return;
47153    container.innerHTML = '';
47154    function addLink(url, label) {
47155      if (!url) return;
47156      var a = document.createElement('a');
47157      a.className = 'nds-btn nds-btn--secondary nds-btn--md';
47158      a.href = url;
47159      a.target = '_blank';
47160      a.rel = 'noopener';
47161      a.appendChild(createDownloadIcon());
47162      var text = document.createElement('span');
47163      text.textContent = label;
47164      a.appendChild(text);
47165      container.appendChild(a);
47166    }
47167    addLink(data.pdf, t('pdf'));
47168    addLink(data.labelCz, t('label-cz'));
47169    addLink(data.label, t('label'));
47170  }
47171
47172  function renderSuccess(kind, data) {
47173    var numberEl = root.querySelector(kind === 'return' ? '[data-return-success-number]' : '[data-claim-success-number]');
47174    var warningEl = root.querySelector(kind === 'return' ? '[data-return-success-warning]' : '[data-claim-success-warning]');
47175    var docsEl = root.querySelector(kind === 'return' ? '[data-return-success-docs]' : '[data-claim-success-docs]');
47176    if (numberEl) numberEl.textContent = data.claimNumber || numberEl.textContent;
47177    if (warningEl) {
47178      var skipped = data.photosSkipped || [];
47179      if (skipped.length || (data.warningMessages && data.warningMessages.length)) {
47180        var extra = skipped.map(function (item) { return item.fileName || ''; }).filter(Boolean).join(', ');
47181        warningEl.hidden = false;
47182        warningEl.textContent = (data.warningMessages && data.warningMessages[0]) || (t('photos-skipped') + (extra ? ': ' + extra : ''));
47183      } else {
47184        warningEl.hidden = true;
47185        warningEl.textContent = '';
47186      }
47187    }
47188    buildSuccessDocs(docsEl, data);
47189  }
47190
47191  function contactValue(attr) {
47192    return (root.getAttribute(attr) || '').trim();
47193  }
47194
47195  function invoiceInput() {
47196    return root.querySelector('[data-shared-invoice-input]');
47197  }
47198
47199  function hasInvoiceText() {
47200    var input = invoiceInput();
47201    return !!(input && input.value.trim());
47202  }
47203
47204  function syncInvoiceActions() {
47205    var card = root.querySelector('[data-shared-invoice]');
47206    if (card) card.classList.toggle('has-invoice-text', hasInvoiceText());
47207  }
47208
47209  var sharedInvoiceEl = invoiceInput();
47210  if (sharedInvoiceEl) {
47211    sharedInvoiceEl.addEventListener('input', syncInvoiceActions);
47212  }
47213
47214  function handleInvoiceContinue(kind, button) {
47215    if (portalBusy) return;
47216    var form = kind === 'return' ? returnForm : claimForm;
47217    var input = invoiceInput();
47218    var errEl = root.querySelector('[data-shared-invoice-error]');
47219    var reference = (input && input.value.trim()) || '';
47220    showError(errEl, '');
47221    var invoiceField = input && input.closest('.nds-field');
47222    if (invoiceField) invoiceField.classList.remove('is-invalid');
47223    portalBusy = true;
47224    setBusy(button, true, t('loading'));
47225    loadCodebook().then(function () {
47226      if (!reference) {
47227        if (kind === 'return') returnLookup = emptyLookup();
47228        else claimLookup = emptyLookup();
47229        fillRows(kind);
47230        if (kind === 'claim') fillClaimTypes(null);
47231        if (kind === 'return') setReturnStep(2);
47232        else setClaimStep(2);
47233        return;
47234      }
47235      return lookupReference(reference).then(function (env) {
47236        if (!env.success) {
47237          applyEnvelopeErrors(form, errEl, env);
47238          return;
47239        }
47240        var data = env.data || {};
47241        if (!data.found) {
47242          if (kind === 'return') returnLookup = emptyLookup();
47243          else claimLookup = emptyLookup();
47244          showError(errEl, t('lookup-miss'));
47245          var missField = input && input.closest('.nds-field');
47246          if (missField) missField.classList.add('is-invalid');
47247          return;
47248        }
47249        var lookup = {
47250          token: data.lookupToken || null,
47251          items: data.items || [],
47252          allowed: data.allowedClaimTypeIds || [],
47253          found: true,
47254          reference: reference
47255        };
47256        if (kind === 'return') {
47257          returnLookup = lookup;
47258          var notDelivered = data.delivered !== true && (data.daysSinceDelivery === null || data.daysSinceDelivery === undefined);
47259          if (notDelivered) {
47260            setReturnStep('withdraw');
47261            return;
47262          }
47263          var returnId = Number(codebook.returnClaimTypeId);
47264          var allowed = (lookup.allowed || []).map(Number);
47265          if (allowed.indexOf(returnId) === -1) {
47266            setReturnStep('stop');
47267            return;
47268          }
47269          fillRows('return');
47270          setReturnStep(2);
47271        } else {
47272          claimLookup = lookup;
47273          fillClaimTypes(lookup.allowed);
47274          fillRows('claim');
47275          setClaimStep(2);
47276        }
47277      });
47278    }).catch(function (env) {
47279      applyEnvelopeErrors(form, errEl, env || {});
47280    }).then(function () {
47281      portalBusy = false;
47282      setBusy(button, false);
47283    });
47284  }
47285
47286  function handleSubmit(kind, button) {
47287    if (portalBusy) return;
47288    var form = kind === 'return' ? returnForm : claimForm;
47289    var errorEl = kind === 'return' ? returnErrorEl : claimErrorEl;
47290    var lookup = kind === 'return' ? returnLookup : claimLookup;
47291    showError(errorEl, '');
47292    clearFieldErrors(form);
47293    var itemPairs = collectItems(form, lookup, errorEl);
47294    if (!itemPairs) return;
47295    portalBusy = true;
47296    setBusy(button, true, t('sending'));
47297    loadCodebook().then(function () {
47298      return collectPhotos(itemPairs).then(function (photos) {
47299        var payload = {
47300          claimTypeId: kind === 'return'
47301            ? codebook.returnClaimTypeId
47302            : Number((form.querySelector('[data-claim-type-id]') || {}).value || codebook.defectClaimTypeId),
47303          name: contactValue('data-customer-name'),
47304          email: contactValue('data-customer-email'),
47305          culture: culture,
47306          items: itemPairs.map(function (pair) { return pair.item; })
47307        };
47308        var note = form.querySelector('[data-field="note"]');
47309        if (note && note.value.trim()) payload.note = note.value.trim();
47310        var invoice = invoiceInput();
47311        if (invoice && invoice.value.trim()) payload.reference = invoice.value.trim();
47312        if (lookup.token) payload.lookupToken = lookup.token;
47313        if (kind === 'claim') {
47314          ['packageDamage', 'packageDamageInside', 'damageAfterUnpack', 'differentGoods', 'missingGoods', 'wrongAddress'].forEach(function (key) {
47315            var box = form.querySelector('[name="' + key + '"]');
47316            payload[key] = !!(box && box.checked);
47317          });
47318        }
47319        if (photos.length) payload.photos = photos;
47320        return portalFetch('/claim/submit', {
47321          method: 'POST',
47322          headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
47323          body: JSON.stringify(payload)
47324        });
47325      });
47326    }).then(function (env) {
47327      if (!env || !env.success) {
47328        applyEnvelopeErrors(form, errorEl, env || {});
47329        return;
47330      }
47331      renderSuccess(kind, env.data || {});
47332      if (kind === 'return') setReturnStep(3);
47333      else setClaimStep(3);
47334    }).catch(function (env) {
47335      applyEnvelopeErrors(form, errorEl, env || {});
47336    }).then(function () {
47337      portalBusy = false;
47338      setBusy(button, false);
47339    });
47340  }
47341
47342  function updateTabsVisibility() {
47343    var tabs = root.querySelector('[data-returns-tabs]');
47344    if (!tabs) return;
47345    tabs.hidden = false;
47346  }
47347
47348  function closeDropdowns() {
47349    if (!openMenu || !openOwner) return;
47350    openOwner.classList.remove('is-open');
47351    var trigger = openOwner.querySelector('[data-dropdown-trigger]');
47352    if (trigger) trigger.setAttribute('aria-expanded', 'false');
47353    openMenu.hidden = true;
47354    openOwner.appendChild(openMenu);
47355    openMenu = null;
47356    openOwner = null;
47357  }
47358
47359  function positionOpenMenu() {
47360    if (!openMenu || !openOwner) return;
47361    var trigger = openOwner.querySelector('[data-dropdown-trigger]');
47362    if (!trigger) return;
47363    var rect = trigger.getBoundingClientRect();
47364    openMenu.style.left = rect.left + 'px';
47365    openMenu.style.top = rect.bottom + 'px';
47366    openMenu.style.width = Math.max(rect.width, 220) + 'px';
47367  }
47368
47369  function openDropdown(dropdown) {
47370    if (openOwner === dropdown) {
47371      closeDropdowns();
47372      return;
47373    }
47374    closeDropdowns();
47375    var menu = dropdown.querySelector('[data-dropdown-menu]');
47376    var trigger = dropdown.querySelector('[data-dropdown-trigger]');
47377    if (!menu || !trigger) return;
47378    dropdown.classList.add('is-open');
47379    trigger.setAttribute('aria-expanded', 'true');
47380    menu.hidden = false;
47381    root.appendChild(menu);
47382    openMenu = menu;
47383    openOwner = dropdown;
47384    positionOpenMenu();
47385  }
47386
47387  function pickDropdownOption(option) {
47388    if (!openOwner) return;
47389    var hidden = openOwner.querySelector('input[name="resolution"]');
47390    var label = openOwner.querySelector('[data-dropdown-label]');
47391    var optionsRoot = openMenu || openOwner;
47392    optionsRoot.querySelectorAll('[data-dropdown-option]').forEach(function (el) {
47393      el.classList.toggle('is-on', el === option);
47394    });
47395    if (hidden) hidden.value = option.getAttribute('data-value') || '';
47396    if (label) label.textContent = option.textContent.trim();
47397    closeDropdowns();
47398  }
47399
47400  function updateTitle() {
47401    if (!titleEl) return;
47402    var show = flowPhase === 'flow';
47403    titleEl.hidden = !show;
47404    if (!show) {
47405      titleEl.textContent = '';
47406      return;
47407    }
47408    var label = root.getAttribute(currentTab === 'return' ? 'data-title-return' : 'data-title-claim') || '';
47409    var input = invoiceInput();
47410    var ref = input ? input.value.trim() : '';
47411    titleEl.textContent = ref ? (label + ' · ' + ref) : label;
47412  }
47413
47414  function setTab(tab) {
47415    currentTab = tab;
47416    root.querySelectorAll('[data-returns-tab]').forEach(function (btn) {
47417      var on = btn.getAttribute('data-returns-tab') === tab;
47418      btn.classList.toggle('is-on', on);
47419      if (on) btn.setAttribute('aria-current', 'true');
47420      else btn.removeAttribute('aria-current');
47421    });
47422    root.querySelectorAll('[data-returns-panel]').forEach(function (panel) {
47423      panel.hidden = panel.getAttribute('data-returns-panel') !== tab;
47424    });
47425    syncShell();
47426    closeDropdowns();
47427    updateTitle();
47428  }
47429
47430  function playSuccess(stepEl) {
47431    if (!stepEl) return;
47432    stepEl.classList.remove('is-animate');
47433    void stepEl.offsetWidth;
47434    stepEl.classList.add('is-animate');
47435  }
47436
47437  function syncShell() {
47438    root.classList.toggle('is-addr-step', flowPhase === 'addr');
47439    root.classList.toggle('is-invoice-step', flowPhase === 'invoice');
47440  }
47441
47442  function setFlowPhase(phase) {
47443    flowPhase = phase;
47444    syncShell();
47445    updateTitle();
47446  }
47447
47448  function setClaimStep(step) {
47449    claimStep = step;
47450    if (step === 2 || step === 3) setFlowPhase('flow');
47451    if (step === 'addr') setFlowPhase('addr');
47452    if (step === 'invoice') setFlowPhase('invoice');
47453    if (step === 'invoice') syncInvoiceActions();
47454    root.querySelectorAll('[data-step]').forEach(function (el) {
47455      var on = el.getAttribute('data-step') === String(step);
47456      el.classList.toggle('footer-returns__step--active', on);
47457      if (on && step === 3) playSuccess(el);
47458    });
47459    closeDropdowns();
47460  }
47461
47462  function setReturnStep(step) {
47463    returnStep = step;
47464    if (step === 2 || step === 3 || step === 'stop' || step === 'withdraw') setFlowPhase('flow');
47465    if (step === 'addr') setFlowPhase('addr');
47466    if (step === 'invoice') setFlowPhase('invoice');
47467    if (step === 'invoice') syncInvoiceActions();
47468    root.querySelectorAll('[data-return-step]').forEach(function (el) {
47469      var on = el.getAttribute('data-return-step') === String(step);
47470      el.classList.toggle('footer-returns__step--active', on);
47471      if (on && step === 3) playSuccess(el);
47472    });
47473    closeDropdowns();
47474  }
47475
47476  function resetForms() {
47477    if (claimForm) claimForm.reset();
47478    if (returnForm) returnForm.reset();
47479    claimLookup = emptyLookup();
47480    returnLookup = emptyLookup();
47481    if (claimRowsEl) claimRowsEl.innerHTML = '';
47482    if (returnRowsEl) returnRowsEl.innerHTML = '';
47483    addClaimRow();
47484    addReturnRow();
47485    fillAllSettlements();
47486    fillClaimTypes(null);
47487    closeDescPop();
47488    var sharedInvoice = invoiceInput();
47489    if (sharedInvoice) {
47490      sharedInvoice.value = '';
47491      var sharedField = sharedInvoice.closest('.nds-field');
47492      if (sharedField) sharedField.classList.remove('is-invalid');
47493    }
47494    syncInvoiceActions();
47495    root.querySelectorAll('[data-shared-invoice-error], [data-return-success-warning], [data-claim-success-warning]').forEach(function (el) {
47496      el.textContent = '';
47497      if (el.hasAttribute('hidden') || el.hasAttribute('data-return-success-warning') || el.hasAttribute('data-claim-success-warning')) {
47498        el.hidden = true;
47499      }
47500    });
47501    root.querySelectorAll('[data-return-success-docs], [data-claim-success-docs]').forEach(function (el) {
47502      el.innerHTML = '';
47503    });
47504    if (claimErrorEl) claimErrorEl.textContent = '';
47505    if (returnErrorEl) returnErrorEl.textContent = '';
47506    clearFieldErrors(claimForm);
47507    clearFieldErrors(returnForm);
47508    var addClaimBtn = root.querySelector('[data-returns-add]');
47509    var addReturnBtn = root.querySelector('[data-return-add]');
47510    if (addClaimBtn) addClaimBtn.hidden = false;
47511    if (addReturnBtn) addReturnBtn.hidden = false;
47512    prefillCustomer(claimForm);
47513    prefillCustomer(returnForm);
47514    setClaimStep('addr');
47515    setReturnStep('addr');
47516    setTab('claim');
47517  }
47518
47519  function openModal() {
47520    if (closeTimer) {
47521      window.clearTimeout(closeTimer);
47522      closeTimer = 0;
47523    }
47524    resetForms();
47525    document.documentElement.appendChild(root);
47526    root.hidden = false;
47527    root.style.cssText = 'position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,10,10,0.56);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);';
47528    document.body.style.overflow = 'hidden';
47529    if (shell) shell.classList.remove('is-open');
47530    window.requestAnimationFrame(function () {
47531      window.requestAnimationFrame(function () {
47532        if (shell) shell.classList.add('is-open');
47533      });
47534    });
47535    playInvoiceLotties();
47536    loadCodebook().catch(function () {});
47537  }
47538
47539  function closeModal() {
47540    closeDescPop();
47541    closeDropdowns();
47542    if (shell) shell.classList.remove('is-open');
47543    document.body.style.overflow = '';
47544    closeTimer = window.setTimeout(function () {
47545      root.hidden = true;
47546      root.style.cssText = '';
47547      closeTimer = 0;
47548    }, 160);
47549  }
47550
47551  function hasFilledArticle(selector, errorEl) {
47552    var hasItem = false;
47553    root.querySelectorAll(selector).forEach(function (input) {
47554      if (input.value.trim()) hasItem = true;
47555    });
47556    if (!hasItem && errorEl) {
47557      errorEl.textContent = root.getAttribute('data-error-item') || '';
47558    }
47559    return hasItem;
47560  }
47561
47562  if (claimForm) {
47563    claimForm.addEventListener('submit', function (event) { event.preventDefault(); });
47564  }
47565  if (returnForm) {
47566    returnForm.addEventListener('submit', function (event) { event.preventDefault(); });
47567  }
47568
47569  openers.forEach(function (btn) {
47570    btn.addEventListener('click', openModal);
47571  });
47572
47573  root.querySelectorAll('[data-returns-close]').forEach(function (el) {
47574    el.addEventListener('click', closeModal);
47575  });
47576
47577  var descPop = root.querySelector('[data-desc-pop]');
47578  var descPopInput = root.querySelector('[data-desc-pop-input]');
47579  var descSource = null;
47580
47581  function closeDescPop() {
47582    if (descSource && descPopInput) {
47583      descSource.value = descPopInput.value;
47584      var preview = descSource.closest('.footer-returns__desc');
47585      var previewEl = preview && preview.querySelector('[data-desc-preview]');
47586      if (previewEl) previewEl.textContent = descSource.value.trim();
47587    }
47588    descSource = null;
47589    if (descPop) descPop.hidden = true;
47590  }
47591
47592  function openDescPop(trigger) {
47593    var field = trigger.closest('.footer-returns__desc');
47594    var source = field && field.querySelector('[data-returns-desc]');
47595    if (!source || !descPop || !descPopInput) return;
47596    if (descSource && descSource !== source) closeDescPop();
47597    closeDropdowns();
47598    descSource = source;
47599    descPopInput.value = source.value || '';
47600    descPop.hidden = false;
47601    var rect = trigger.getBoundingClientRect();
47602    var width = descPop.offsetWidth;
47603    descPop.style.left = Math.min(rect.left, window.innerWidth - width - 16) + 'px';
47604    var spaceAbove = rect.top;
47605    if (spaceAbove > 180) {
47606      descPop.style.top = 'auto';
47607      descPop.style.bottom = (window.innerHeight - rect.top + 8) + 'px';
47608    } else {
47609      descPop.style.bottom = 'auto';
47610      descPop.style.top = (rect.bottom + 8) + 'px';
47611    }
47612    window.requestAnimationFrame(function () {
47613      descPopInput.focus();
47614    });
47615  }
47616
47617  root.addEventListener('mousedown', function (event) {
47618    var control = event.target.closest('.footer-returns__row .nds-field__control');
47619    if (!control || event.target.closest('.footer-returns__file, .footer-returns__desc')) return;
47620    var input = control.querySelector('input:not([type="hidden"]):not([type="file"]), textarea');
47621    if (input && document.activeElement !== input) {
47622      input.focus();
47623    }
47624  });
47625
47626  root.addEventListener('click', function (event) {
47627    if (event.target.closest('[data-desc-trigger]')) {
47628      openDescPop(event.target.closest('[data-desc-trigger]'));
47629      return;
47630    }
47631    if (event.target.closest('[data-desc-pop]')) return;
47632    if (descSource && !event.target.closest('[data-desc-trigger]')) closeDescPop();
47633
47634    if (event.target.closest('[data-file-remove]')) {
47635      var chip = event.target.closest('[data-file-remove]');
47636      var field = chip.closest('.footer-returns__file');
47637      var index = Number(chip.getAttribute('data-file-remove'));
47638      if (field && field._photos) {
47639        field._photos.splice(index, 1);
47640        renderPhotos(field);
47641      }
47642      return;
47643    }
47644
47645    if (event.target.closest('input, textarea, .footer-returns__file')) {
47646      if (openOwner && !event.target.closest('[data-dropdown-menu]')) closeDropdowns();
47647      return;
47648    }
47649
47650    var option = event.target.closest('[data-dropdown-option]');
47651    if (option) {
47652      pickDropdownOption(option);
47653      return;
47654    }
47655
47656    var trigger = event.target.closest('[data-dropdown-trigger]');
47657    if (trigger) {
47658      openDropdown(trigger.closest('[data-returns-dropdown]'));
47659      return;
47660    }
47661
47662    if (openOwner && !event.target.closest('[data-dropdown-menu]')) {
47663      closeDropdowns();
47664    }
47665
47666    var removeBtn = event.target.closest('[data-returns-remove]');
47667    if (removeBtn) {
47668      var row = removeBtn.closest('.footer-returns__row');
47669      var list = row ? row.parentElement : null;
47670      if (row && list) {
47671        row.remove();
47672        if (!list.children.length) {
47673          if (list.hasAttribute('data-returns-rows')) addClaimRow();
47674          else addReturnRow();
47675        }
47676      }
47677      return;
47678    }
47679
47680    var tabBtn = event.target.closest('[data-returns-tab]');
47681    if (tabBtn && !tabBtn.disabled) {
47682      setTab(tabBtn.getAttribute('data-returns-tab'));
47683      return;
47684    }
47685
47686    if (event.target.closest('[data-returns-add]')) {
47687      addClaimRow();
47688      return;
47689    }
47690    if (event.target.closest('[data-addr-next]')) {
47691      setClaimStep('invoice');
47692      setReturnStep('invoice');
47693      return;
47694    }
47695
47696    if (event.target.closest('[data-invoice-back]')) {
47697      setClaimStep('addr');
47698      setReturnStep('addr');
47699      return;
47700    }
47701
47702    var chooseKind = event.target.closest('[data-choose-kind]');
47703    if (chooseKind) {
47704      var kind = chooseKind.getAttribute('data-choose-kind');
47705      setTab(kind);
47706      handleInvoiceContinue(kind, chooseKind);
47707      return;
47708    }
47709
47710    if (event.target.closest('[data-returns-back]')) {
47711      setClaimStep('invoice');
47712      setReturnStep('invoice');
47713      return;
47714    }
47715    var typeBtn = event.target.closest('[data-claim-type]');
47716    if (typeBtn) {
47717      var typeList = typeBtn.parentElement;
47718      typeList.querySelectorAll('[data-claim-type]').forEach(function (el) {
47719        el.classList.toggle('is-on', el === typeBtn);
47720      });
47721      var typeHidden = root.querySelector('[data-claim-type-id]');
47722      if (typeHidden) typeHidden.value = typeBtn.getAttribute('data-claim-type') || '';
47723      return;
47724    }
47725
47726    var claimNext = event.target.closest('[data-returns-next]');
47727    if (claimNext) {
47728      if (claimStep === 2) {
47729        handleSubmit('claim', claimNext);
47730      }
47731      return;
47732    }
47733
47734    if (event.target.closest('[data-return-add]')) {
47735      addReturnRow();
47736      return;
47737    }
47738    if (event.target.closest('[data-return-to-claim]')) {
47739      setTab('claim');
47740      if (returnLookup && returnLookup.found) {
47741        claimLookup = returnLookup;
47742        fillClaimTypes(claimLookup.allowed);
47743        fillRows('claim');
47744        setClaimStep(2);
47745      } else {
47746        setClaimStep('invoice');
47747        setReturnStep('invoice');
47748      }
47749      return;
47750    }
47751    if (event.target.closest('[data-return-back]')) {
47752      setReturnStep('invoice');
47753      setClaimStep('invoice');
47754      return;
47755    }
47756    var returnNext = event.target.closest('[data-return-next]');
47757    if (returnNext) {
47758      if (returnStep === 2) {
47759        handleSubmit('return', returnNext);
47760      }
47761    }
47762  });
47763
47764  function clampQty(input) {
47765    var value = parseInt(input.value, 10);
47766    if (!value || value < 1) input.value = '1';
47767    var max = parseInt(input.getAttribute('data-max'), 10);
47768    if (max && parseInt(input.value, 10) > max) input.value = String(max);
47769  }
47770
47771  function renderPhotos(field) {
47772    if (!field) return;
47773    var list = field.querySelector('[data-file-thumbs]');
47774    var files = field._photos || [];
47775    if (list) {
47776      list.innerHTML = files.map(function (file, index) {
47777        return '<span class="footer-returns__file-chip"><button type="button" class="footer-returns__file-chip-remove" data-file-remove="' + index + '" aria-label="×">×</button></span>';
47778      }).join('');
47779      files.forEach(function (file, index) {
47780        var chip = list.children[index];
47781        if (!chip) return;
47782        var reader = new FileReader();
47783        reader.onload = function () {
47784          chip.style.backgroundImage = 'url(' + reader.result + ')';
47785        };
47786        reader.readAsDataURL(file);
47787      });
47788    }
47789    field.classList.toggle('has-file', files.length > 0);
47790  }
47791
47792  function addPhotos(field, fileList) {
47793    if (!field || !fileList || !fileList.length) return;
47794    if (!field._photos) field._photos = [];
47795    Array.prototype.forEach.call(fileList, function (file) {
47796      if (!file || !/^image\/(jpeg|png|gif|webp)$/i.test(file.type)) return;
47797      if (file.size > 10 * 1024 * 1024) return;
47798      field._photos.push(file);
47799    });
47800    renderPhotos(field);
47801  }
47802
47803  root.addEventListener('input', function (event) {
47804    if (event.target && event.target.hasAttribute('data-returns-qty')) {
47805      clampQty(event.target);
47806    }
47807    if (event.target && event.target.getAttribute('name') === 'article_id') {
47808      var row = event.target.closest('.footer-returns__row');
47809      var list = row && row.parentElement;
47810      var lookup = list && list.hasAttribute('data-returns-rows') ? claimLookup : returnLookup;
47811      bindArticleToLookup(row, lookup);
47812    }
47813  });
47814
47815  root.addEventListener('change', function (event) {
47816    var input = event.target;
47817    if (input && input.hasAttribute('data-returns-qty')) {
47818      clampQty(input);
47819      return;
47820    }
47821    if (!input.classList.contains('footer-returns__file-input')) return;
47822    var field = input.closest('.footer-returns__file');
47823    addPhotos(field, input.files);
47824    input.value = '';
47825  });
47826
47827  var modalBody = root.querySelector('.nds-modal__body');
47828  if (modalBody) {
47829    modalBody.addEventListener('scroll', function () {
47830      closeDropdowns();
47831      closeDescPop();
47832    });
47833  }
47834  window.addEventListener('resize', function () {
47835    closeDropdowns();
47836    closeDescPop();
47837  });
47838
47839  document.addEventListener('keydown', function (event) {
47840    if (event.key !== 'Escape' || root.hidden) return;
47841    if (descSource) {
47842      closeDescPop();
47843      return;
47844    }
47845    if (openOwner) {
47846      closeDropdowns();
47847      return;
47848    }
47849    closeModal();
47850  });
47851})();
47852</script>
47852
47853
47854
47855
47856<!-- CSS for footer -->
47857<style>
47858.footer {
47859  background-color: #222222;
47860  color: #a0a0a0;
47861  padding: 40px 20px;
47862  font-family: 'Montserrat', sans-serif;
47863}
47864
47865.footer-container {
47866  display: flex;
47867  flex-wrap: wrap;
47868  justify-content: space-between;
47869  gap: 30px;
47870  max-width: 1100px;
47871  margin: 0 auto;
47872}
47873
47874.footer-column {
47875  flex: 1 1 200px;
47876  min-width: 200px;
47877}
47878
47879.footer-logo-languages-payments {
47880  flex: 1 1 300px;
47881  min-width: 300px;
47882}
47883
47884.footer-logo img {
47885  width: 100px;
47886  margin-bottom: 115px;
47887  margin-left: -30px;
47888  margin-top: -30px;
47889}
47890
47891
47892.footer-links {
47893  list-style: none;
47894  padding: 0;
47895  margin: 0;
47896}
47897
47898.footer-links li {
47899  margin-bottom: 10px;
47900}
47901
47902
47903.footer-heading {
47904  color: #e0e0e0;
47905  margin-bottom: 15px;
47906  font-size: 18px;
47907  display: flex
47908;
47909    justify-content: space-between;
47910    align-items: center;
47911}
47912
47913.footer-showroom-text,
47914.footer-contact-text {
47915  color: #a0a0a0;
47916}
47917
47918.footer-link {
47919  color: #a0a0a0;
47920  text-decoration: none;
47921  transition: color 0.2s;
47922}
47923
47924.footer-returns-wrap {
47925  margin-top: 15px;
47926}
47927
47928.footer-returns-trigger {
47929  display: inline;
47930  padding: 0;
47931  margin: 0;
47932  border: none;
47933  background: none;
47934  font: inherit;
47935  color: #a0a0a0;
47936  cursor: pointer;
47937  text-align: left;
47938}
47939
47940.footer-returns-trigger:hover {
47941  color: #ffffff;
47942}
47943
47944.footer-link:hover {
47945  color: #ffffff;
47946}
47947
47948.footer-special-links {
47949  margin-top: 40px;
47950  padding-top: 20px;
47951  border-top: 1px solid #636363;
47952  display: flex;
47953  flex-direction: column;
47954  gap: 20px;
47955}
47956
47957.footer-link-with-icon {
47958  display: flex;
47959  align-items: center;
47960  gap: 10px;
47961}
47962
47963.footer-link-icon {
47964  width: 24px;
47965  height: 24px;
47966  flex-shrink: 0;
47967  object-fit: contain;
47968}
47969
47970.footer-flags-container-logo {
47971  display: flex;
47972  flex-wrap: wrap;
47973  gap: 10px;
47974  margin-left: auto;
47975  margin-top: 10px;
47976}
47977
47978.footer-flags-container-logo {
47979  flex: 1 1 18%; 
47980  max-width: 80%;
47981}
47982
47983.footer-flag-logo-img {
47984  width: 30px;
47985  height: auto;
47986  border-radius: 0px !important; 
47987}
47988
47989.footer-payment-icons img,
47990.footer-delivery-icons img {
47991  width: 34px;
47992  margin-right: 0px;
47993}
47994
47995.footer-delivery-icons img {
47996  width: 130px;
47997  margin-right: 0px;
47998}
47999
48000.footer-flag-payments-img {
48001  width: 45px !important;
48002  height: 30px !important;
48003  margin-bottom: 20px;
48004}
48005
48006.footer-flags-container-payments {
48007  display: grid;
48008  grid-template-columns: repeat(6, 1fr);
48009  gap: 10px;
48010  align-items: center;
48011}
48012
48013.footer-flags-container-payments svg {
48014  width: 45px !important;
48015  height: 30px !important;
48016}
48017
48018.footer-large-icon {
48019  width: 280px;
48020  margin-top: 10px;
48021}
48022
48023.footer-buttons .footer-button {
48024  display: flex;
48025  align-items: center;
48026  justify-content: center;
48027  margin-top: 20px;
48028  padding: 10px 20px;
48029  background-color: transparent;
48030  color: #DADADA;
48031  text-align: center;
48032  text-decoration: none;
48033  border-radius: 0px;
48034  border: 1px solid #636363;
48035  box-shadow: none;
48036  transition: background-color 0.3s ease, color 0.3s ease;
48037  font-size: 14px;
48038  white-space: nowrap;
48039}
48040
48041.footer-button:hover {
48042  background-color: #3A3A3A;
48043  color: #ffffff;
48044}
48045
48046.footer-button-icon {
48047  margin-right: 10px;
48048}
48049
48050.footer-social-icons {
48051  display: flex;
48052  gap: 25px;
48053}
48054
48055.footer-social-icon .svg-wrapper {
48056  display: inline-block;
48057  width: 24px;
48058  height: 24px;
48059}
48060
48061.footer-social-icon .svg-wrapper svg {
48062  width: 24px;
48063  height: 24px;
48064  fill: #a0a0a0;
48065  transition: fill 0.3s ease;
48066}
48067
48068.footer-social-icon:hover .svg-wrapper svg {
48069  fill: #ffffff;
48070}
48071
48072.footer-social-icon:hover .footer-social-img {
48073  outline: 1px solid #676767;
48074  outline-offset: -1px;
48075  border-radius: 0;
48076  opacity: 1;
48077}
48078
48079.footer-bottom {
48080  margin-top: 30px;
48081  text-align: center;
48082}
48083
48084.footer-right {
48085  display: flex;
48086  flex-direction: column;
48087  align-items: center;
48088  gap: 20px;
48089  max-width: 1100px;
48090  margin-top: 20px;
48091}
48092
48093.footer-bottom {
48094  margin-top: 30px;
48095  text-align: left;
48096  max-width: 1100px;
48097  margin: 0 auto; 
48098  justify-items: left; 
48099}
48100
48101.footer-payments,
48102.footer-delivery-options {
48103  border-bottom: 1px solid #636363;
48104  padding-bottom: 25px;
48105  padding-top: 25px;
48106}
48107
48108.footer-languages {
48109  margin-bottom: 0px;
48110  padding-bottom: 10px;
48111}
48112
48113/* Tooltip styles */
48114.footer-flag-link {
48115  position: relative;
48116  display: inline-block;
48117}
48118
48119.footer-flag-link::before {
48120  content: attr(data-tooltip);
48121  position: absolute;
48122  bottom: 100%;
48123  left: 50%;
48124  transform: translateX(-50%);
48125  padding: 5px 10px;
48126  background-color: #0f0f0f;
48127  color: white;
48128  font-size: 12px;
48129  border-radius: 4px;
48130  white-space: nowrap;
48131  visibility: hidden;
48132  opacity: 0;
48133  transition: opacity 0.3s ease;
48134  margin-bottom: 5px;
48135  z-index: 1000;
48136}
48137
48138.footer-flag-link::after {
48139  content: '';
48140  position: absolute;
48141  bottom: 100%;
48142  left: 50%;
48143  transform: translateX(-50%);
48144  border: 5px solid transparent;
48145  border-top-color: #000000;
48146  visibility: hidden;
48147  opacity: 0;
48148  transition: opacity 0.3s ease;
48149  margin-bottom: -5px;
48150  z-index: 1000;
48151}
48152
48153.footer-flag-link:hover::before,
48154.footer-flag-link:hover::after {
48155  visibility: visible;
48156  opacity: 1;
48157}
48158
48159.footer-flag-link,
48160.footer-social-icon {
48161  display: inline-block;
48162  transition: transform 0.3s ease;
48163}
48164
48165.footer-flag-link,
48166.footer-social-icon {
48167  display: inline-block;
48168  transition: transform 0.6s ease;
48169}
48170
48171.footer-flag-link,
48172.footer-social-icon {
48173  display: inline-block;
48174  position: relative;
48175}
48176
48177.footer-flag-logo-img,
48178.footer-social-img {
48179  transition: opacity 0.3s ease;
48180}
48181
48182.footer-flag-link:hover .footer-flag-logo-img {
48183  outline: 1px solid #676767;
48184  outline-offset: -1px;
48185  border-radius: 4px;
48186  opacity: 1;
48187}
48188
48189.footer-flag-logo-img,
48190.footer-social-img {
48191  opacity: 1;
48192}
48193
48194/* Media query for mobile devices */
48195@media (max-width: 768px) {
48196  .footer-heading {
48197    margin-top: 20px;
48198  }
48199
48200  .footer-logo img {
48201    width: 100px;
48202    margin-bottom: 85px;
48203    margin-left: 0px;
48204    margin-top: -30px;
48205  }
48206
48207  .footer-link {
48208    color: #a0a0a0;
48209    text-decoration: none;
48210    transition: color 0.2s;
48211  }
48212
48213  .footer-flags-container-payments {
48214    grid-template-columns: repeat(6, 1fr);
48215  }
48216}
48217
48218
48219.footer-delivery-grid {
48220  display: flex;
48221  flex-wrap: wrap;
48222  gap: 5px 15px;
48223  margin-top: 15px;
48224}
48225
48226.footer-delivery-item {
48227  color: #a0a0a0;
48228  white-space: nowrap;
48229}
48230
48231/* Badge styles */
48232.footer-badge {
48233  display: inline-block;
48234  background-color: #4CAF50;
48235  color: white;
48236  font-size: 12px;
48237  padding: 2px 6px;
48238  margin-left: 8px;
48239  vertical-align: middle;
48240  font-weight: 600;
48241}
48242</style>
48243
48244
48245
48246<script>
48247document.addEventListener('DOMContentLoaded', function() {
48248  const updateBlockTitle = function(input) {
48249    const marketCode = input.value.trim().toUpperCase();
48250    const blockContainer = input.closest('.shopify-editor__card');
48251    
48252    if (blockContainer) {
48253      const titleElement = blockContainer.querySelector('.shopify-editor__card-header');
48254      if (titleElement) {
48255        titleElement.textContent = `Market: ${marketCode}`;
48256      }
48257    }
48258  };
48259
48260  // Observe DOM changes
48261  const observer = new MutationObserver(function(mutations) {
48262    mutations.forEach(function(mutation) {
48263      if (mutation.type === 'childList') {
48264        const marketInputs = document.querySelectorAll('input[id*="market_code"]');
48265        marketInputs.forEach(updateBlockTitle);
48266      }
48267    });
48268  });
48269
48270  // Configure observation
48271  observer.observe(document.body, {
48272    childList: true,
48273    subtree: true
48274  });
48275
48276  // Input event handler
48277  document.addEventListener('input', function(event) {
48278    const input = event.target;
48279    if (input.id && input.id.includes('market_code')) {
48280      updateBlockTitle(input);
48281    }
48282  });
48283
48284  // Initial update for existing inputs
48285  const marketInputs = document.querySelectorAll('input[id*="market_code"]');
48286  marketInputs.forEach(updateBlockTitle);
48287  
48288  // Get current market
48289  const currentMarket = document.documentElement.getAttribute('data-market') || 
48290                        document.querySelector('.footer').getAttribute('data-market') ||
48291                        'fi' || 
48292                        'en';
48293  
48294  // Update data-market attribute on page elements
48295  document.documentElement.setAttribute('data-market', currentMarket.toLowerCase());
48296  const footer = document.querySelector('.footer');
48297  if (footer) {
48298    footer.setAttribute('data-market', currentMarket.toLowerCase());
48299  }
48300
48301  // Add click handlers to flag links
48302  const flagLinks = document.querySelectorAll('.footer-flag-link');
48303  flagLinks.forEach(link => {
48304    link.addEventListener('click', function(e) {
48305      // Extract market code from URL or data attribute
48306      let marketCode = '';
48307      const href = this.getAttribute('href');
48308      if (href.includes('/eu/')) marketCode = 'en';
48309      else if (href.includes('/gr/')) marketCode = 'gr';
48310      else if (href.includes('/cz/')) marketCode = 'cz';
48311      else if (href.includes('/at/')) marketCode = 'at';
48312      else if (href.includes('/be/')) marketCode = 'be';
48313      else if (href.includes('/bg/')) marketCode = 'bg';
48314      else if (href.includes('/de/')) marketCode = 'de';
48315      else if (href.includes('/dk/')) marketCode = 'dk';
48316      else if (href.includes('/ee/')) marketCode = 'ee';
48317      else if (href.includes('/fi/')) marketCode = 'fi';
48318      else if (href.includes('/fr/')) marketCode = 'fr';
48319      else if (href.includes('/hu/')) marketCode = 'hu';
48320      else if (href.includes('/lt/')) marketCode = 'lt';
48321      else if (href.includes('/it/')) marketCode = 'it';
48322      else if (href.includes('/ie/')) marketCode = 'ie';
48323      else if (href.includes('/lv/')) marketCode = 'lv';
48324      else if (href.includes('/nl/')) marketCode = 'nl';
48325      else if (href.includes('/lu/')) marketCode = 'lu';
48326      else if (href.includes('/pl/')) marketCode = 'pl';
48327      else if (href.includes('/pt/')) marketCode = 'pt';
48328      else if (href.includes('/ro/')) marketCode = 'ro';
48329      else if (href.includes('/si/')) marketCode = 'si';
48330      else if (href.includes('/se/')) marketCode = 'se';
48331      else if (href.includes('/sk/')) marketCode = 'sk';
48332      else if (href.includes('/hr/')) marketCode = 'hr';
48333      else marketCode = 'en'; // Default
48334
48335      // For admin preview, don't navigate but just update the display
48336      if (window.Shopify && window.Shopify.designMode) {
48337        e.preventDefault();
48338        
48339        // Update the footer data attribute
48340        const footer = document.querySelector('.footer');
48341        if (footer) {
48342          footer.setAttribute('data-market', marketCode);
48343        }
48344        
48345        // Update delivery methods visibility
48346        updateDeliveryMethodsVisibility(marketCode);
48347        
48348        // Show a notification
48349        const adminNote = document.createElement('div');
48350        adminNote.style.cssText = 'position: fixed; top: 10px; right: 10px; background: #4CAF50; color: white; padding: 10px; border-radius: 5px; z-index: 9999;';
48351        adminNote.textContent = `Switched to market: ${marketCode.toUpperCase()} (Preview Mode)`;
48352        document.body.appendChild(adminNote);
48353        
48354        // Remove the notification after 3 seconds
48355        setTimeout(() => {
48356          adminNote.remove();
48357        }, 3000);
48358
48359        // Save market to cookie in preview mode
48360        setMarketCookie(marketCode);
48361      }
48362    });
48363  });
48364
48365  // Helper function to set market cookie
48366  function setMarketCookie(marketCode) {
48367    if (!marketCode) return;
48368    
48369    // Set cookie for 30 days
48370    const expiryDate = new Date();
48371    expiryDate.setDate(expiryDate.getDate() + 30);
48372    document.cookie = `rendl_market=${marketCode}; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
48373    
48374    // Log for debugging
48375    if (window.Shopify && window.Shopify.designMode) {
48376      console.log(`Market cookie set: rendl_market=${marketCode}`);
48377    }
48378  }
48379
48380  // Function to update delivery methods visibility in admin preview mode
48381  function updateDeliveryMethodsVisibility(marketCode) {
48382    if (!marketCode || !window.Shopify || !window.Shopify.designMode) return;
48383    
48384    const deliveryItems = document.querySelectorAll('.footer-delivery-item');
48385    if (!deliveryItems.length) return;
48386    
48387    // Hide all items first
48388    deliveryItems.forEach(item => {
48389      item.style.display = 'none';
48390    });
48391    
48392    // Now show only relevant items for this market
48393    const marketCodeLower = marketCode.toLowerCase();
48394    
48395    // In preview mode we need to check against the data attributes to simulate server-side rendering
48396    deliveryItems.forEach(item => {
48397      const marketCodes = item.getAttribute('data-markets') || '';
48398      if (!marketCodes || marketCodes.includes(marketCodeLower) || marketCodes === 'all') {
48399        item.style.display = '';
48400      }
48401    });
48402    
48403    // Make the grid more compact if no items are visible
48404    const deliveryGrid = document.querySelector('.footer-delivery-grid');
48405    if (deliveryGrid) {
48406      const visibleItems = deliveryGrid.querySelectorAll('.footer-delivery-item[style=""]').length;
48407      if (visibleItems === 0) {
48408        // If no methods visible, add a placeholder message
48409        const placeholderItem = document.createElement('div');
48410        placeholderItem.className = 'footer-delivery-item admin-placeholder';
48411        placeholderItem.textContent = '(No delivery methods for this market)';
48412        placeholderItem.style.gridColumn = '1 / -1';
48413        placeholderItem.style.color = '#888';
48414        placeholderItem.style.fontStyle = 'italic';
48415        deliveryGrid.appendChild(placeholderItem);
48416      } else {
48417        // Remove any existing placeholder
48418        const placeholder = deliveryGrid.querySelector('.admin-placeholder');
48419        if (placeholder) {
48420          placeholder.remove();
48421        }
48422      }
48423    }
48424  }
48425});
48426</script>
48426</div>
48427<!-- END sections: footer-group -->
48428  
48429      <ul hidden>
48430        <li id="a11y-refresh-page-message">Vaihtoehdon valinta päivittää koko sivun.</li>
48431        <li id="a11y-new-window-message">Avaa uuden ikkunan.</li>
48432      </ul>
48433  
48434      
48434<script>
48435        window.shopUrl = 'https://rendl.fi';
48436        window.routes = {
48437          cart_add_url: '/cart/add',
48438          cart_change_url: '/cart/change',
48439          cart_update_url: '/cart/update',
48440          cart_url: '/cart',
48441          predictive_search_url: '/search/suggest',
48442        };
48443  
48444        window.cartStrings = {
48445          error: `Ostoskorisi päivityksessä tapahtui virhe. Yritä uudelleen.`,
48446          quantityError: `Voit lisätä ostoskoriisi vain [quantity] kappaletta tätä tuotetta.`,
48447        };
48448  
48449        window.variantStrings = {
48450          addToCart: `Lisää ostoskoriin`,
48451          soldOut: `Matkalla`,
48452          unavailable: `Ei käytettävissä`,
48453          unavailable_with_option: `[value] – Ei ole käytettävissä`,
48454        };
48455  
48456        window.quickOrderListStrings = {
48457          itemsAdded: `[quantity] tuotetta lisätty`,
48458          itemAdded: `[quantity] tuote lisätty`,
48459          itemsRemoved: `[quantity] tuotetta poistettu`,
48460          itemRemoved: `[quantity] tuote poistettu`,
48461          viewCart: `Katso ostoskori`,
48462          each: `[money]/kpl`,
48463          min_error: `Tämän tuotteen vähimmäisarvo on [min]`,
48464          max_error: `Tämän tuotteen enimmäisarvo on [max]`,
48465          step_error: `Voit lisätä tätä tuotetta vain [step]:n lisäyksinä`,
48466        };
48467  
48468        window.accessibilityStrings = {
48469          imageAvailable: `Kuva [index] on nyt saatavilla gallerianäkymässä`,
48470          shareSuccess: `Linkki kopioitu leikepöydälle`,
48471          pauseSlideshow: `Keskeytä diaesitys`,
48472          playSlideshow: `Toista diaesitys`,
48473          recipientFormExpanded: `Lahjakortin saajalomake laajennettuna`,
48474          recipientFormCollapsed: `Lahjakortin saajalomake pienennettynä`,
48475          countrySelectorSearchCount: `[count] maata/aluetta löytyi`,
48476        };
48477      </script>
48477<script src="//rendl.fi/cdn/shop/t/33/assets/predictive-search.js?v=173107362110754071101789728619" defer="defer"></script>
vendor: 1 bytes, line 48477
48477
48478<script src="//rendl.fi/cdn/shop/t/33/assets/compare-system.js?v=41393761500327870031788953231" defer="defer"></script>
48478
48479  
48480  
48481
48482<script>
48483(function() {
48484  'use strict';
48485  
48486  // Cache for checked products to avoid repeated lookups
48487  const checkedProducts = new Map();
48488  
48489  // Global wishlist check function
48490  window.checkWishlistStatus = function(productId) {
48491    if (checkedProducts.has(productId)) {
48492      return checkedProducts.get(productId);
48493    }
48494    
48495    try {
48496      const wishlist = JSON.parse(localStorage.getItem('rendl_wishlist') || '{"categories":[]}');
48497      let isInWishlist = false;
48498      
48499      if (wishlist.categories) {
48500        isInWishlist = wishlist.categories.some(category => 
48501          category.items.some(item => item.id === productId)
48502        );
48503      } else {
48504        isInWishlist = wishlist.some(item => item.id === productId);
48505      }
48506      
48507      checkedProducts.set(productId, isInWishlist);
48508      return isInWishlist;
48509    } catch (e) {
48510      console.error('Error checking wishlist status:', e);
48511      return false;
48512    }
48513  };
48514
48515  // Update single button
48516  function updateButton(button, isInWishlist) {
48517    const path = button.querySelector('svg path');
48518    if (path) {
48519      path.setAttribute('fill', isInWishlist ? '#333333' : 'none');
48520      button.classList.toggle('in-wishlist', isInWishlist);
48521    }
48522  }
48523
48524  // Check wishlist & compare status on hover (lazy)
48525  function handleCardHover(e) {
48526    // Check if e.target is valid DOM element
48527    if (!e.target || !e.target.closest) return;
48528    
48529    const card = e.target.closest('.card, .grid__item');
48530    if (!card || card.hasAttribute('data-status-checked')) return;
48531    
48532    card.setAttribute('data-status-checked', 'true');
48533    
48534    // Check wishlist status
48535    const wishlistButton = card.querySelector('[data-wishlist-product]');
48536    if (wishlistButton) {
48537      const productId = wishlistButton.getAttribute('data-wishlist-product');
48538      if (productId) {
48539        const isInWishlist = window.checkWishlistStatus(productId);
48540        updateButton(wishlistButton, isInWishlist);
48541      }
48542    }
48543    
48544    // Check compare status
48545    const compareButton = card.querySelector('.compare-button-simple');
48546    if (compareButton && window.RendlCompare) {
48547      const productId = compareButton.dataset.productId;
48548      if (productId) {
48549        const isInCompare = window.RendlCompare.isInCompare(productId);
48550        updateCompareButton(compareButton, isInCompare);
48551      }
48552    }
48553  }
48554  
48555  // Update compare button state
48556  function updateCompareButton(button, isInCompare) {
48557    const buttonContainer = button.closest('.compare-button-container');
48558    const compareText = button.querySelector('.compare-text');
48559    
48560    if (isInCompare) {
48561      button.setAttribute('data-in-comparison', 'true');
48562      button.classList.add('in-comparison');
48563      if (buttonContainer) {
48564        buttonContainer.classList.add('in-comparison');
48565      }
48566    } else {
48567      button.removeAttribute('data-in-comparison');
48568      button.classList.remove('in-comparison');
48569      if (buttonContainer) {
48570        buttonContainer.classList.remove('in-comparison');
48571      }
48572    }
48573    
48574    // Update text if translations are available
48575    if (compareText && window.compareButtonTranslations) {
48576      const currentLocale = window.currentLocale || document.documentElement.lang || 'en';
48577      if (isInCompare) {
48578        compareText.textContent = window.compareButtonTranslations.remove[currentLocale] || window.compareButtonTranslations.remove.en;
48579      } else {
48580        compareText.textContent = window.compareButtonTranslations.compare[currentLocale] || window.compareButtonTranslations.compare.en;
48581      }
48582    }
48583  }
48584
48585  // Global function to update wishlist buttons for specific product
48586  window.updateWishlistButtons = function(productId, isInWishlist) {
48587    checkedProducts.set(productId, isInWishlist);
48588    
48589    const buttons = document.querySelectorAll(`[data-wishlist-product="${productId}"]`);
48590    buttons.forEach(button => updateButton(button, isInWishlist));
48591  };
48592
48593  // Listen for wishlist updates
48594  document.addEventListener('wishlist:updated', function(e) {
48595    if (e.detail && e.detail.productId !== undefined) {
48596      checkedProducts.delete(e.detail.productId);
48597      const isInWishlist = window.checkWishlistStatus(e.detail.productId);
48598      window.updateWishlistButtons(e.detail.productId, isInWishlist);
48599    }
48600  });
48601  
48602  // Listen for compare updates
48603  document.addEventListener('compare:updated', function(e) {
48604    if (e.detail && e.detail.items) {
48605      // Update all compare buttons
48606      document.querySelectorAll('.compare-button-simple').forEach(function(button) {
48607        const productId = button.dataset.productId;
48608        if (productId && window.RendlCompare) {
48609          const isInCompare = window.RendlCompare.isInCompare(productId);
48610          updateCompareButton(button, isInCompare);
48611        }
48612      });
48613    }
48614  });
48615  
48616  // Global function to update compare button state (for compare-system.js)
48617  // Only define if not already defined in card-product.liquid
48618  if (!window.updateCompareButtonState) {
48619    window.updateCompareButtonState = function(productId, isInCompare) {
48620      const buttons = document.querySelectorAll(`.compare-button-simple[data-product-id="${productId}"]`);
48621      buttons.forEach(function(button) {
48622        updateCompareButton(button, isInCompare);
48623      });
48624    };
48625  }
48626
48627  // Use mouseover instead of mouseenter for better compatibility with delegation
48628  document.addEventListener('mouseover', handleCardHover);
48629  
48630  // Check visible cards on initial load (only above fold)
48631  function checkInitialCards() {
48632    const visibleCards = document.querySelectorAll('.card, .grid__item');
48633    const viewportHeight = window.innerHeight;
48634    
48635    visibleCards.forEach(function(card, index) {
48636      if (index < 6) { // Only first 6 cards
48637        const rect = card.getBoundingClientRect();
48638        if (rect.top < viewportHeight) {
48639          handleCardHover({ target: card });
48640        }
48641      }
48642    });
48643  }
48644  
48645  // Check cards after page load
48646  if (document.readyState === 'complete') {
48647    checkInitialCards();
48648  } else {
48649    window.addEventListener('load', checkInitialCards);
48650  }
48651  
48652  // Also check after product grid is loaded (for deferred loading)
48653  document.addEventListener('productgrid:loaded', function() {
48654    setTimeout(checkInitialCards, 100);
48655  });
48656})();
48657</script>
48657<!-- Breadcrumbs collection tracking script -->
48658<script>
48659(function() {
48660  'use strict';
48661  
48662  // Check if we're on a collection page
48663  function isCollectionPage() {
48664    return window.location.pathname.includes('/collections/') && 
48665           !window.location.pathname.includes('/products/');
48666  }
48667  
48668  // Get collection handle from URL
48669  function getCurrentCollectionHandle() {
48670    const match = window.location.pathname.match(/\/collections\/([^/?]+)/);
48671    return match ? match[1] : null;
48672  }
48673  
48674  // Track product clicks on collection pages
48675  function initTracking() {
48676    if (!isCollectionPage()) {
48677      return;
48678    }
48679    
48680    const collectionHandle = getCurrentCollectionHandle();
48681    if (!collectionHandle) {
48682      return;
48683    }
48684    
48685    // Function to save product-collection relationship
48686    function saveProductCollection(productHandle) {
48687      const data = {
48688        collection: collectionHandle,
48689        timestamp: Date.now()
48690      };
48691      
48692      const storageKey = 'breadcrumb_product_' + productHandle;
48693      localStorage.setItem(storageKey, JSON.stringify(data));
48694    }
48695    
48696    // Track all types of clicks on product links
48697    document.addEventListener('mousedown', function(e) {
48698      const link = e.target.closest('a[href*="/products/"]');
48699      if (!link) return;
48700      
48701      try {
48702        const url = new URL(link.href, window.location.origin);
48703        const match = url.pathname.match(/\/products\/([^/?]+)/);
48704        
48705        if (match) {
48706          const productHandle = match[1];
48707          saveProductCollection(productHandle);
48708        }
48709      } catch (err) {
48710        // Silently handle errors
48711      }
48712    }, true);
48713    
48714    // Also track click events as backup
48715    document.addEventListener('click', function(e) {
48716      const link = e.target.closest('a[href*="/products/"]');
48717      if (!link) return;
48718      
48719      try {
48720        const url = new URL(link.href, window.location.origin);
48721        const match = url.pathname.match(/\/products\/([^/?]+)/);
48722        
48723        if (match) {
48724          const productHandle = match[1];
48725          saveProductCollection(productHandle);
48726        }
48727      } catch (err) {}
48728    }, true);
48729    
48730    // Track auxclick for middle/right mouse buttons
48731    document.addEventListener('auxclick', function(e) {
48732      const link = e.target.closest('a[href*="/products/"]');
48733      if (!link) return;
48734      
48735      try {
48736        const url = new URL(link.href, window.location.origin);
48737        const match = url.pathname.match(/\/products\/([^/?]+)/);
48738        
48739        if (match) {
48740          const productHandle = match[1];
48741          saveProductCollection(productHandle);
48742        }
48743      } catch (err) {}
48744    }, true);
48745  }
48746  
48747  // Initialize when DOM is ready
48748  if (document.readyState === 'loading') {
48749    document.addEventListener('DOMContentLoaded', initTracking);
48750  } else {
48751    initTracking();
48752  }
48753})();
48754</script>
48754
48755<!-- End breadcrumbs tracking script -->
48756  
48757  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap&subset=latin,cyrillic" rel="stylesheet">
48758  
48759  
48760  
48761      
48762    <style> .badge-custom-coming-soon {background: transparent; color: #2563eb; border: 1px solid #2563eb; } .badge-custom-on-the-way {background: transparent; color: #ff9800; border: 1px solid #ff9800; } .badge-custom-made-to-order{background: transparent; color: #a21caf; border: 1px solid #a21caf; } .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {border: 1px solid hsl(0deg, 0%, 12%, 100%); background: #232323; color: #ffffff;} ::selection {background-color: gray; color: #fff; -webkit-text-fill-color: #fff;} ::-moz-selection {background-color: gray; color: #fff;} input::selection,textarea::selection {background-color: gray; color: #fff; -webkit-text-fill-color: #fff;} .jdgm-rev {box-shadow: none !important; border-left: 1px solid lightgrey !important; border-right: 1px solid lightgrey !important;} .jdgm-rev__icon {background-color: white !important;} </style>
48763<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
48763
48764</body>
48765  </html>
48766  

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.