https://www.grohe.com/_next/static/chunks/3l6chbgyncx0w.js?dpl=dpl_6tva2xJj56GcA713WHE7ujHC78ew

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,859997,e=>{"use strict";e.s(["default",0,(e,t)=>{let r;return(...a)=>{clearTimeout(r),r=setTimeout(()=>e(...a),t)}}])},593961,e=>{"use strict";var t=e.i(950926),r=e.i(397625),a=e.i(776235),i=e.i(81260),s=e.i(281651),l=e.i(6280),n=e.i(137766);let o=(0,i.withFieldMetadata)((0,n.withEmptyFieldEditingComponent)(({field:e,fill:i,...l})=>{let{page:n}=(0,a.useSitecore)(),{isNormal:o}=n?.mode??{};if(!e?.value)return(0,t.jsx)("div",{className:l.className});let{height:u,width:c,src:d,alt:f}=e.value,h={width:i?void 0:c,height:i?void 0:u,fill:i,src:d?r.mediaApi.replaceMediaUrlPrefix(d):"",alt:f??"",unoptimized:!o,...l};return h.src?(0,t.jsx)(s.default,{...h,fetchPriority:h.priority?"high":"auto"}):(0,t.jsx)("div",{className:l.className})},{defaultEmptyFieldEditingComponent:l.EmptyEditorImage}));e.s(["Image",0,o])},245108,e=>{"use strict";var t=e.i(950926);let r=(0,e.i(406130).withStyles)(e=>(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 16 16",...e,children:(0,t.jsx)("path",{d:"M9.88 12.6a.6.6 0 0 1-.43-.18L5.03 8l4.42-4.42a.6.6 0 1 1 .85.84L6.72 8l3.58 3.58a.6.6 0 0 1-.43 1.02",style:{fill:"currentColor"}})}));e.s(["IconChevronLeft16",0,r])},9314,e=>{"use strict";var t=e.i(950926);let r=(0,e.i(406130).withStyles)(e=>(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 16 16",...e,children:(0,t.jsx)("path",{d:"M6.13 12.6a.6.6 0 0 1-.43-1.02L9.28 8 5.7 4.42a.6.6 0 0 1 .85-.84L10.97 8l-4.42 4.42a.6.6 0 0 1-.42.18",style:{fill:"currentColor"}})}));e.s(["IconChevronRight16",0,r])},740226,e=>{"use strict";var t=e.i(957803),r=e.i(291967),a=e.i(357784),i=e.i(144977),s=e.i(156207),l=e.i(461194),n=e.i(556872),o=e.i(252960),u=e.i(534643),c=e.i(770460),d=e.i(950926),f="rovingFocusGroup.onEntryFocus",h={bubbles:!1,cancelable:!0},m="RovingFocusGroup",[p,g,b]=(0,a.createCollection)(m),[v,y]=(0,s.createContextScope)(m,[b]),[x,w]=v(m),C=t.forwardRef((e,t)=>(0,d.jsx)(p.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,d.jsx)(p.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,d.jsx)(R,{...e,ref:t})})}));C.displayName=m;var R=t.forwardRef((e,a)=>{let{__scopeRovingFocusGroup:s,orientation:l,loop:p=!1,dir:b,currentTabStopId:v,defaultCurrentTabStopId:y,onCurrentTabStopIdChange:w,onEntryFocus:C,preventScrollOnEntryFocus:R=!1,...S}=e,N=t.useRef(null),T=(0,i.useComposedRefs)(a,N),P=(0,c.useDirection)(b),[j,A]=(0,u.useControllableState)({prop:v,defaultProp:y??null,onChange:w,caller:m}),[E,I]=t.useState(!1),_=(0,o.useCallbackRef)(C),M=g(s),F=t.useRef(!1),[L,O]=t.useState(0);return t.useEffect(()=>{let e=N.current;if(e)return e.addEventListener(f,_),()=>e.removeEventListener(f,_)},[_]),(0,d.jsx)(x,{scope:s,orientation:l,dir:P,loop:p,currentTabStopId:j,onItemFocus:t.useCallback(e=>A(e),[A]),onItemShiftTab:t.useCallback(()=>I(!0),[]),onFocusableItemAdd:t.useCallback(()=>O(e=>e+1),[]),onFocusableItemRemove:t.useCallback(()=>O(e=>e-1),[]),children:(0,d.jsx)(n.Primitive.div,{tabIndex:E||0===L?-1:0,"data-orientation":l,...S,ref:T,style:{outline:"none",...e.style},onMouseDown:(0,r.composeEventHandlers)(e.onMouseDown,()=>{F.current=!0}),onFocus:(0,r.composeEventHandlers)(e.onFocus,e=>{let t=!F.current;if(e.target===e.currentTarget&&t&&!E){let t=new CustomEvent(f,h);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=M().filter(e=>e.focusable);k([e.find(e=>e.active),e.find(e=>e.id===j),...e].filter(Boolean).map(e=>e.ref.current),R)}}F.current=!1}),onBlur:(0,r.composeEventHandlers)(e.onBlur,()=>I(!1))})})}),S="RovingFocusGroupItem",N=t.forwardRef((e,a)=>{let{__scopeRovingFocusGroup:i,focusable:s=!0,active:o=!1,tabStopId:u,children:c,...f}=e,h=(0,l.useId)(),m=u||h,b=w(S,i),v=b.currentTabStopId===m,y=g(i),{onFocusableItemAdd:x,onFocusableItemRemove:C,currentTabStopId:R}=b;return t.useEffect(()=>{if(s)return x(),()=>C()},[s,x,C]),(0,d.jsx)(p.ItemSlot,{scope:i,id:m,focusable:s,active:o,children:(0,d.jsx)(n.Primitive.span,{tabIndex:v?0:-1,"data-orientation":b.orientation,...f,ref:a,onMouseDown:(0,r.composeEventHandlers)(e.onMouseDown,e=>{s?b.onItemFocus(m):e.preventDefault()}),onFocus:(0,r.composeEventHandlers)(e.onFocus,()=>b.onItemFocus(m)),onKeyDown:(0,r.composeEventHandlers)(e.onKeyDown,e=>{if("Tab"===e.key&&e.shiftKey)return void b.onItemShiftTab();if(e.target!==e.currentTarget)return;let t=function(e,t,r){var a;let i=(a=e.key,"rtl"!==r?a:"ArrowLeft"===a?"ArrowRight":"ArrowRight"===a?"ArrowLeft":a);if(!("vertical"===t&&["ArrowLeft","ArrowRight"].includes(i))&&!("horizontal"===t&&["ArrowUp","ArrowDown"].includes(i)))return T[i]}(e,b.orientation,b.dir);if(void 0!==t){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let i=y().filter(e=>

1e.focusable).map(e=>e.ref.current);if("last"===t)i.reverse();else if("prev"===t||"next"===t){var r,a;"prev"===t&&i.reverse();let s=i.indexOf(e.currentTarget);i=b.loop?(r=i,a=s+1,r.map((e,t)=>r[(a+t)%r.length])):i.slice(s+1)}setTimeout(()=>k(i))}}),children:"function"==typeof c?c({isCurrentTabStop:v,hasTabStop:null!=R}):c})})});N.displayName=S;var T={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function k(e,t=!1){let r=document.activeElement;for(let a of e)if(a===r||(a.focus({preventScroll:t}),document.activeElement!==r))return}e.s(["Item",0,N,"Root",0,C,"createRovingFocusGroupScope",0,y])},357784,e=>{"use strict";var t=e.i(957803),r=e.i(156207),a=e.i(144977),i=e.i(93074),s=e.i(950926),l=new WeakMap;function n(e,t){var r,a;let i,s,l;if("at"in Array.prototype)return Array.prototype.at.call(e,t);let n=(r=e,a=t,i=r.length,(l=(s=o(a))>=0?s:i+s)<0||l>=i?-1:l);return -1===n?void 0:e[n]}function o(e){return e!=e||0===e?0:Math.trunc(e)}(class e extends Map{#e;constructor(e){super(e),this.#e=[...super.keys()],l.set(this,!0)}set(e,t){return l.get(this)&&(this.has(e)?this.#e[this.#e.indexOf(e)]=e:this.#e.push(e)),super.set(e,t),this}insert(e,t,r){let a,i=this.has(t),s=this.#e.length,l=o(e),n=l>=0?l:s+l,u=n<0||n>=s?-1:n;if(u===this.size||i&&u===this.size-1||-1===u)return this.set(t,r),this;let c=this.size+ +!i;l<0&&n++;let d=[...this.#e],f=!1;for(let e=n;e<c;e++)if(n===e){let s=d[e];d[e]===t&&(s=d[e+1]),i&&this.delete(t),a=this.get(s),this.set(t,r)}else{f||d[e-1]!==t||(f=!0);let r=d[f?e:e-1],i=a;a=this.get(r),this.delete(r),this.set(r,i)}return this}with(t,r,a){let i=new e(this);return i.insert(t,r,a),i}before(e){let t=this.#e.indexOf(e)-1;if(!(t<0))return this.entryAt(t)}setBefore(e,t,r){let a=this.#e.indexOf(e);return -1===a?this:this.insert(a,t,r)}after(e){let t=this.#e.indexOf(e);if(-1!==(t=-1===t||t===this.size-1?-1:t+1))return this.entryAt(t)}setAfter(e,t,r){let a=this.#e.indexOf(e);return -1===a?this:this.insert(a+1,t,r)}first(){return this.entryAt(0)}last(){return this.entryAt(-1)}clear(){return this.#e=[],super.clear()}delete(e){let t=super.delete(e);return t&&this.#e.splice(this.#e.indexOf(e),1),t}deleteAt(e){let t=this.keyAt(e);return void 0!==t&&this.delete(t)}at(e){let t=n(this.#e,e);if(void 0!==t)return this.get(t)}entryAt(e){let t=n(this.#e,e);if(void 0!==t)return[t,this.get(t)]}indexOf(e){return this.#e.indexOf(e)}keyAt(e){return n(this.#e,e)}from(e,t){let r=this.indexOf(e);if(-1===r)return;let a=r+t;return a<0&&(a=0),a>=this.size&&(a=this.size-1),this.at(a)}keyFrom(e,t){let r=this.indexOf(e);if(-1===r)return;let a=r+t;return a<0&&(a=0),a>=this.size&&(a=this.size-1),this.keyAt(a)}find(e,t){let r=0;for(let a of this){if(Reflect.apply(e,t,[a,r,this]))return a;r++}}findIndex(e,t){let r=0;for(let a of this){if(Reflect.apply(e,t,[a,r,this]))return r;r++}return -1}filter(t,r){let a=[],i=0;for(let e of this)Reflect.apply(t,r,[e,i,this])&&a.push(e),i++;return new e(a)}map(t,r){let a=[],i=0;for(let e of this)a.push([e[0],Reflect.apply(t,r,[e,i,this])]),i++;return new e(a)}reduce(...e){let[t,r]=e,a=0,i=r??this.at(0);for(let r of this)i=0===a&&1===e.length?r:Reflect.apply(t,this,[i,r,a,this]),a++;return i}reduceRight(...e){let[t,r]=e,a=r??this.at(-1);for(let r=this.size-1;r>=0;r--){let i=this.at(r);a=r===this.size-1&&1===e.length?i:Reflect.apply(t,this,[a,i,r,this])}return a}toSorted(t){return new e([...this.entries()].sort(t))}toReversed(){let t=new e;for(let e=this.size-1;e>=0;e--){let r=this.keyAt(e),a=this.get(r);t.set(r,a)}return t}toSpliced(...t){let r=[...this.entries()];return r.splice(...t),new e(r)}slice(t,r){let a=new e,i=this.size-1;if(void 0===t)return a;t<0&&(t+=this.size),void 0!==r&&r>0&&(i=r-1);for(let e=t;e<=i;e++){let t=this.keyAt(e),r=this.get(t);a.set(t,r)}return a}every(e,t){let r=0;for(let a of this){if(!Reflect.apply(e,t,[a,r,this]))return!1;r++}return!0}some(e,t){let r=0;for(let a of this){if(Reflect.apply(e,t,[a,r,this]))return!0;r++}return!1}}),e.s(["createCollection",0,function(e){let l=e+"CollectionProvider",[n,o]=(0,r.createContextScope)(l),[u,c]=n(l,{collectionRef:{current:null},itemMap:new Map}),d=e=>{let{scope:r,children:a}=e,i=t.default.useRef(null),l=t.default.useRef(new Map).current;return(0,s.jsx)(u,{scope:r,itemMap:l,collectionRef:i,children:a})};d.displayName=l;let f=e+"CollectionSlot",h=(0,i.createSlot)(f),m=t.default.forwardRef((e,t)=>

1{let{scope:r,children:i}=e,l=c(f,r),n=(0,a.useComposedRefs)(t,l.collectionRef);return(0,s.jsx)(h,{ref:n,children:i})});m.displayName=f;let p=e+"CollectionItemSlot",g="data-radix-collection-item",b=(0,i.createSlot)(p),v=t.default.forwardRef((e,r)=>{let{scope:i,children:l,...n}=e,o=t.default.useRef(null),u=(0,a.useComposedRefs)(r,o),d=c(p,i);return t.default.useEffect(()=>(d.itemMap.set(o,{ref:o,...n}),()=>void d.itemMap.delete(o))),(0,s.jsx)(b,{...{[g]:""},ref:u,children:l})});return v.displayName=p,[{Provider:d,Slot:m,ItemSlot:v},function(r){let a=c(e+"CollectionConsumer",r);return t.default.useCallback(()=>{let e=a.collectionRef.current;if(!e)return[];let t=Array.from(e.querySelectorAll(`[${g}]`));return Array.from(a.itemMap.values()).sort((e,r)=>t.indexOf(e.ref.current)-t.indexOf(r.ref.current))},[a.collectionRef,a.itemMap])},o]}])},299838,e=>{"use strict";var t=e.i(950926),r=e.i(802152),a=e.i(762073),i=e.i(294237),s=e.i(957803);let l=(0,i.cva)("break-words inline-flex items-center gap-0.5 justify-center transition-colors !leading-100 beige:text-metal-950 beige:bg-beige-700",{variants:{shape:{pill:"rounded-full",badge:"rounded-0.5"},size:{sm:"px-2 py-1 typo-label-sm-medium",md:"px-3 py-1.5 typo-label-sm-medium",lg:"px-4 py-3 typo-label-lg-medium"},colorVariant:{gray:null,green:null,red:null,quickfixblue:null,blue:null,lightblue:null,darkblue:null,white:null,orange:null,beige:null,metal:null},interactive:{true:"focus-ring focus-visible:outline-offset-1 select-none",false:null},disabled:{true:"bg-gray-50 text-gray-500 cursor-not-allowed",false:null}},compoundVariants:[{disabled:!1,colorVariant:"gray",className:"bg-gray-500 text-base-white"},{disabled:!1,colorVariant:"green",className:"bg-green-600 text-base-white"},{disabled:!1,colorVariant:"red",className:"bg-red-500 text-base-white"},{disabled:!1,colorVariant:"quickfixblue",className:"bg-[#007DA1] text-base-white"},{disabled:!1,colorVariant:"blue",className:"bg-brand-500 text-base-white"},{disabled:!1,colorVariant:"darkblue",className:"bg-brand-800 text-base-white"},{disabled:!1,colorVariant:"darkblue",interactive:!0,className:"hover:bg-brand-900 text-base-white"},{disabled:!1,colorVariant:"lightblue",className:"bg-brand-100 text-brand-800"},{disabled:!1,colorVariant:"lightblue",interactive:!0,className:"hover:bg-brand-200"},{disabled:!1,colorVariant:"white",className:"border border-brand-400 bg-base-white text-brand-800"},{disabled:!1,colorVariant:"white",interactive:!0,className:"hover:bg-brand-50"},{disabled:!1,colorVariant:"orange",className:"bg-orange-700 text-base-white"},{disabled:!1,colorVariant:"beige",className:"bg-metal-950 text-beige-200"},{disabled:!1,colorVariant:"metal",className:"bg-beige-200 text-metal-950"}],defaultVariants:{shape:"pill",size:"sm",colorVariant:"blue",interactive:!1,disabled:!1}}),n=s.forwardRef(({className:e,shape:i,size:s,colorVariant:n,interactive:o,disabled:u,asLink:c,asChild:d=!1,...f},h)=>{let m=o&&!u;o&&n&&!["white","lightblue","darkblue"].includes(n)&&(o=!1),o||(u=!1);let p=d?a.Slot:"span";return(0,t.jsx)(p,{className:(0,r.cn)(l({shape:i,size:s,colorVariant:n,interactive:m,disabled:u,className:e}),e),ref:h,tabIndex:m?0:-1,role:c?"link":m?"button":void 0,...f})});n.displayName="Tag",e.s(["Tag",0,n])},779938,e=>{"use strict";let t=[e.i(639284).QueryKeys.CATEGORY];e.s(["NAV_TRIGGER_ATTR",0,"data-nav-trigger","STORAGE_KEY",0,"grohe_last_url","TRACKED_QUERY_PARAMS",0,t])},476044,e=>{"use strict";var t=e.i(950926),r=e.i(957803),a=e.i(291967),i=e.i(156207),s=e.i(740226),l=e.i(653747),n=e.i(556872),o=e.i(770460),u=e.i(534643),c=e.i(461194),d="Tabs",[f,h]=(0,i.createContextScope)(d,[s.createRovingFocusGroupScope]),m=(0,s.createRovingFocusGroupScope)(),[p,g]=f(d),b=r.forwardRef((e,r)=>{let{__scopeTabs:a,value:i,onValueChange:s,defaultValue:l,orientation:f="horizontal",dir:h,activationMode:m="automatic",...g}=e,b=(0,o.useDirection)(h),[v,y]=(0,u.useControllableState)({prop:i,onChange:s,defaultProp:l??"",caller:d});return(0,t.jsx)(p,{scope:a,baseId:(0,c.useId)(),value:v,onValueChange:y,orientation:f,dir:b,activationMode:m,children:(0,t.jsx)(n.Primitive.div,{dir:b,"data-orientation":f,...g,ref:r})})});b.displayName=d;var v="TabsList",y=r.forwardRef((e,r)=>{let{__scopeTabs:a,loop:i=!0,...l}=e,o=g(v,a),u=m(a);return(0,t.jsx)(s.Root,{asChild:!0,...u,orientation:o.orientation,dir:o.dir,loop:i,children:(0,t.jsx)(n.Primitive.div,{role:"tablist","aria-orientation":o.orientation,...l,ref:r})})});y.displayName=v;var x="TabsTrigger",w=r.forwardRef((e,r)=>{let{__scopeTabs:i,value:l,disabled:o=!1,...u}=e,c=g(x,i),d=m(i),f=S(c.baseId,l),h=N(c.baseId,l),p=l===c.value;return(0,t.jsx)(s.Item,{asChild:!0,...d,focusable:!o,active:p,children:(0,t.jsx)(n.Primitive.button,{type:"button",role:"tab","aria-selected":p,"aria-controls":h,"data-state":p?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:f,...u,ref:r,onMouseDown:(0,a.composeEventHandlers)(e.onMouseDown,e=>{o||0!==e.button||!1!==e.ctrlKey?e.preventDefault():c.onValueChange(l)}),onKeyDown:(0,a.composeEventHandlers)(e.onKeyDown,e=>

1{[" ","Enter"].includes(e.key)&&c.onValueChange(l)}),onFocus:(0,a.composeEventHandlers)(e.onFocus,()=>{let e="manual"!==c.activationMode;p||o||!e||c.onValueChange(l)})})})});w.displayName=x;var C="TabsContent",R=r.forwardRef((e,a)=>{let{__scopeTabs:i,value:s,forceMount:o,children:u,...c}=e,d=g(C,i),f=S(d.baseId,s),h=N(d.baseId,s),m=s===d.value,p=r.useRef(m);return r.useEffect(()=>{let e=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,t.jsx)(l.Presence,{present:o||m,children:({present:r})=>(0,t.jsx)(n.Primitive.div,{"data-state":m?"active":"inactive","data-orientation":d.orientation,role:"tabpanel","aria-labelledby":f,hidden:!r,id:h,tabIndex:0,...c,ref:a,style:{...e.style,animationDuration:p.current?"0s":void 0},children:r&&u})})});function S(e,t){return`${e}-trigger-${t}`}function N(e,t){return`${e}-content-${t}`}R.displayName=C;var T=e.i(439426),k=e.i(639284),P=e.i(245108),j=e.i(9314),A=e.i(802152),E=e.i(369752),I=e.i(299838),_=e.i(136780),M=e.i(319528);let F=r.createContext({activeTab:"",carouselStartIndex:0,tabsRef:{current:[]},setActiveTab:()=>{},dir:"ltr"}),L=({children:e,tabs:a,dir:i="ltr"})=>{let s=r.useRef(a),{activeTab:l,carouselStartIndex:n,setActiveTab:o}=(e=>{let[t,a]=(0,k.useTabQueryState)(),[i]=(0,r.useState)(e.findIndex(e=>e.uid===t)??0);return{activeTab:t||e?.[0]?.uid,carouselStartIndex:i,setActiveTab:a}})(a);return(0,t.jsx)(F.Provider,{value:{activeTab:l,carouselStartIndex:n,setActiveTab:o,tabsRef:s,dir:i},children:e})},O=r.forwardRef(({className:e,onValueChange:a,...i},s)=>{let{activeTab:l,setActiveTab:n,dir:o}=r.useContext(F);return(0,t.jsx)(b,{defaultValue:l,value:l,onValueChange:e=>{n(e),"function"==typeof a&&a(e)},ref:s,className:e,dir:o,...i})});O.displayName=b.displayName;let V=r.forwardRef(({className:e,loop:a=!1,...i},s)=>{let{dir:l}=r.useContext(F);return(0,t.jsx)(y,{loop:a,ref:s,dir:l,className:(0,A.cn)("tabs-list flex items-center 1280:gap-2 768:gap-1.5 gap-1",e),...i})});V.displayName=y.displayName;let D=r.forwardRef(({className:e,...r},a)=>(0,t.jsx)(w,{ref:a,className:(0,A.cn)("focus-ring typo-text-lg-medium 1280:typo-text-xl-medium inline-flex items-center justify-center 768:gap-4 gap-3 whitespace-nowrap 768:rounded-t-2 rounded-t-1.5 1280:px-8 768:px-6 px-5 768:py-4 py-3 beige:text-metal-950 metal:text-beige-200 text-brand-800 transition-colors beige:hover:bg-beige-700 gray:hover:bg-base-white hover:bg-gray-50 metal:hover:bg-metal-900 focus-visible:outline-offset-4 disabled:pointer-events-none disabled:opacity-50 beige:data-[state=active]:bg-beige-700 data-[state=active]:bg-gray-50 gray:data-[state=active]:bg-base-white metal:data-[state=active]:bg-metal-900 dark:text-base-white dark:data-[state=active]:bg-brand-600 dark:hover:bg-brand-600",e),...r}));D.displayName=w.displayName;let B=r.forwardRef(({className:e,...r},a)=>(0,t.jsx)(R,{ref:a,className:(0,A.cn)("focus-ring 768:pt-4 pt-3",e),tabIndex:-1,...r}));B.displayName=R.displayName;let z=({className:e,opts:a,...i})=>{let s=(0,T.default)(),{carouselStartIndex:l,activeTab:n,tabsRef:o,dir:u}=r.useContext(F),[c,d]=r.useState(!1),[f,h]=r.useState(!1),[m,p]=r.useState(0),[g,b]=(0,M.useEmblaCarousel)({...a,direction:u,align:"start",duration:30*!s,dragFree:!0,startIndex:l||0,inViewThreshold:1,container:".tabs-list"});r.useEffect(()=>{b&&(p(b.selectedScrollSnap()),b.on("select",()=>{p(b.selectedScrollSnap())}))},[b]),r.useEffect(()=>{if(!o?.current||!b)return;let e=o.current.findIndex(e=>e.uid===n);-1===e||b.slidesInView().includes(e)||b.scrollTo(e)},[n,b,o]);let v=r.useCallback(e=>{e&&(d(e.canScrollPrev()),h(e.canScrollNext()))},[]),y=r.useCallback(()=>{b?.scrollPrev()},[b]),x=r.useCallback(()=>{b?.scrollNext()},[b]),w=r.useCallback(e=>{b?.scrollTo(e)},[b]),C=r.useCallback(e=>{"ArrowLeft"===e.key?y():"ArrowRight"===e.key&&x()},[y,x]);return r.useEffect(()=>{if(b)return v(b),b.on("reInit",v),b.on("select",v),()=>{b?.off("select",v)}},[b,v]),(0,t.jsx)(M.CarouselContext.Provider,{value:{carouselRef:g,api:b,scrollPrev:y,scrollNext:x,scrollTo:w,canScrollPrev:c,canScrollNext:f,slideIndex:m},children:(0,t.jsx)("div",{ref:g,onKeyDownCapture:C,"aria-roledescription":"carousel",className:(0,A.cn)("-m-1.5 group/tabsCarousel relative after:absolute after:start-1.5 after:end-1.5 after:bottom-1.5 after:h-[1px] after:bg-gray-300 dark:after:bg-gray-500",e),...i})})};z.displayName="TabsCarousel";let K=({className:e,...r})=>{let{carouselRef:a}=(0,M.useCarousel)();return(0,t.jsx)("div",{ref:a,className:(0,A.cn)(" overflow-hidden p-1.5",e),...r})};K.displayName="TabsCarouselContent",e.s(["TabNumberOfItems",0,({className:e,...r})=>(0,t.jsx)(I.Tag,{size:"md",colorVariant:"blue",className:e,...r}),"Tabs",0,O,"TabsCarousel",0,z,"TabsCarouselContent",0,K,"TabsContentPanel",0,B,"TabsContentRoot",0,({className:e,tabs:a,dir:i,...s})=>(0,t.jsx)(r.Suspense,{fallback:(0,t.jsx)("div",{className:"flex h-[300px] items-center justify-center pb-6",children:(0,t.jsx)(_.LoadingSpinner,{size:"lg"})}

1),children:(0,t.jsx)(L,{tabs:a,dir:i,children:(0,t.jsx)("div",{className:e,...s})})}),"TabsControlButton",0,({className:e,direction:r,children:a,...i})=>{let{scrollPrev:s,canScrollPrev:l,scrollNext:n,canScrollNext:o}=(0,M.useCarousel)();if(("prev"!==r||l)&&("next"!==r||o))return(0,t.jsx)("div",{className:(0,A.cn)("pointer-events-none absolute flex h-full w-16 items-center justify-center","beige:from-beige-200 from-base-white gray:from-gray-50 metal:from-metal-950 beige:to-beige-200/0 gray:to-gray-50/0 metal:to-metal-950/0 to-base-transparent dark:from-brand-800 dark:to-brand-800/0",{"start-0 top-0 bg-gradient-to-r pl-1 rtl:bg-gradient-to-l":"prev"===r,"end-0 top-0 bg-gradient-to-l pr-1 rtl:bg-gradient-to-r":"next"===r}),children:(0,t.jsxs)(E.CarouselButton,{className:(0,A.cn)("pointer-events-auto 1280:flex hidden metal:bg-metal-950 p-1 opacity-0 transition-opacity beige:hover:bg-beige-700 metal:hover:bg-base-white metal:hover:text-metal-950 group-hover/tabsCarousel:opacity-100 dark:border-base-white dark:bg-brand-800 dark:text-base-white dark:shadow-none dark:hover:bg-base-white dark:hover:text-brand-800",e),onClick:"prev"===r?s:n,shadow:!0,tabIndex:-1,...i,children:["prev"===r?(0,t.jsx)(P.IconChevronLeft16,{size:"md",className:" rtl:rotate-180"}):(0,t.jsx)(j.IconChevronRight16,{size:"md",className:" rtl:rotate-180"}),(0,t.jsx)("span",{className:"sr-only",children:a})]})})},"TabsList",0,V,"TabsTrigger",0,D],476044)},482701,e=>{"use strict";var t=e.i(779938),r=e.i(668853);e.s(["trackVirtualPageView",0,e=>{let{pageName:a,pageUrl:i}=e,s=i??window.location.href,l=sessionStorage.getItem(t.STORAGE_KEY)||"n/a",n={event:"page_view",pageName:a,pageTitle:document.title,pageUrl:s,previousPageUrl:l};(0,r.sendGTMEvent)(n),sessionStorage.setItem(t.STORAGE_KEY,s)}])},711588,e=>{"use strict";let t=["cjdata","cjevent","dclid","_ga","_gcl","_gl","gad","gad_*","gbraid","gclid","jts_debug","jts_log","jts_preview","mnr","upi","utm_source","utm_medium","utm_campaign","utm_term","utm_id","utm_content","utm_source_platform","utm_creative_format","utm_marketing_tactic"],r=e=>{let r=e.toLowerCase();return t.some(e=>{let t=e.toLowerCase();if(t.endsWith("*")){let e=t.slice(0,-1);return r.startsWith(e)}return r===t})};e.s(["preserveTrackingParams",0,(e,t)=>{let a=new URL(e.toString());for(let[e,i]of(e=>{let t=new URLSearchParams;for(let[a,i]of e.entries())r(a)&&t.append(a,i);return t})(t).entries())a.searchParams.has(e)||a.searchParams.set(e,i);return a}])},641578,446696,338004,e=>{"use strict";var t=e.i(950926),r=e.i(711588),a=e.i(387343),i=e.i(957803),s=e.i(996665),l=e.i(639284),n=e.i(333207),o=e.i(27723),u=e.i(779938),c=e.i(399004);let d=e=>({name:"collection_name",ids:(e?decodeURIComponent(e):"").split(",").map(e=>e.trim()).filter(Boolean).map(e=>`facetid_${(0,c.base64Encode)(JSON.stringify({type:"eq",name:"collection_name",value:e}))}`)});e.s(["getCollectionFacet",0,d],446696);var f=e.i(402853),h=e.i(434286),m=e.i(197999),p=class extends h.QueryObserver{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:(0,m.infiniteQueryBehavior)()})}getOptimisticResult(e){return e.behavior=(0,m.infiniteQueryBehavior)(),super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"backward"}}})}createResult(e,t){let{state:r}=e,a=super.createResult(e,t),{isFetching:i,isRefetching:s,isError:l,isRefetchError:n}=a,o=r.fetchMeta?.fetchMore?.direction,u=l&&"forward"===o,c=i&&"forward"===o,d=l&&"backward"===o,f=i&&"backward"===o;return{...a,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:(0,m.hasNextPage)(t,r.data),hasPreviousPage:(0,m.hasPreviousPage)(t,r.data),isFetchNextPageError:u,isFetchingNextPage:c,isFetchPreviousPageError:d,isFetchingPreviousPage:f,isRefetchError:n&&!u&&!d,isRefetching:s&&!c&&!f}}},g=e.i(461762);function b(e,t){return(0,g.useBaseQuery)(e,p,t)}e.s(["useInfiniteQuery",0,b],338004);var v=e.i(63257);let y=e=>Number.isFinite(e)&&e>=0,x=(0,i.createContext)(void 0);e.s(["ProductListingProvider",0,({children:e,rowCount:c,locale:h,categoryIds:m,subCategories:p,isS

1pareParts:g,isDiscontinued:w,redirectUrl:C,listingTitle:R,listingId:S})=>{let{replace:N}=(0,a.useRouter)(),T=(0,a.useSearchParams)(),k=(({locale:e,categoryIds:t,isSpareParts:r,isDiscontinued:a})=>{let[i]=(0,l.useCategoryQueryState)(),[o]=(0,l.useQueryQueryState)(),u=i?[i]:t,{data:c}=(0,n.useQuery)({queryKey:["facets",{categories:u,q:o,isSpareParts:r,isDiscontinued:a}],queryFn:async()=>{let t=await fetch("/api/product/search",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({q:o||void 0,offset:0,limit:0,lang:(0,s.mapProductLocale)(e),url:window.location.href,categories:u,isSp:r,isDiscontinued:a})});if(!t.ok)throw Error(`${t.status} ${t.statusText}`);return(await t.json()).facets}});return c})({locale:h,categoryIds:m,isSpareParts:g,isDiscontinued:w}),P=(({rowCount:e,locale:t,categoryIds:r,isSpareParts:a,isDiscontinued:n,subCategories:c,facets:h})=>{let[m,p]=(0,l.useInfiniteOffsetQueryState)(),[g,x]=(0,l.useCategoryQueryState)(),[w,C]=(0,l.useFiltersQueryState)(),[R]=(0,l.useCollectionQueryState)(),[S]=(0,l.useQueryQueryState)(),[N]=(0,l.useProductStatusQueryState)(),T=n??(0,f.discontinuedFromProductStatus)(N),[k,P]=(0,i.useState)(0),[j,A]=(0,i.useState)(!1),[E,I]=(0,i.useState)(null),[_,M]=(0,i.useState)([]);(0,i.useEffect)(()=>{j&&S&&A(!1)},[j,S]);let F=(0,v.useQueryClient)(),L=(0,i.useRef)(null),O=(0,i.useCallback)(e=>{if(h)return Object.keys(h).find(t=>h[t].some(t=>t.id===e))},[h]),V=(0,i.useMemo)(()=>{let e=[];return R&&e.push(d(R)),w.length&&h&&(e=e.concat(w.reduce((e,t)=>{let r=O(t);if(r){let a=e.find(e=>e.name===r);a?a.ids.push(t):e.push({name:r,ids:[t]})}let a=t.replace("facetid_",""),i=null;try{i=JSON.parse(atob(a))}catch{return e}if(i?.type==="and"&&i?.filters&&Array.isArray(i.filters)){let r=i.filters[0]?.name;r&&e.push({name:r,ids:[t]})}else if(!r&&i?.type==="eq"&&i?.name){let r=e.find(e=>e.name===i?.name);r?r.ids.push(t):e.push({name:i.name,ids:[t]})}return e},[]))),e},[h,w,O,R]);(0,i.useEffect)(()=>{if(!g?.length)return void M(r||[]);let e=c?.some(e=>e?.id===g);e||x(null),M(e?[g]:r||[])},[g,c,x,r]);let{data:D,hasNextPage:B,fetchNextPage:z,isFetchingNextPage:K,isPending:Q,isError:G,isFetching:q}=b({queryKey:["products",{limit:E,offset:k,categories:_,spareParts:a,discontinued:T,filters:w,facets:V,q:S}],queryFn:async({pageParam:e=k})=>{let r=await fetch("/api/product/search",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({offset:e,q:S||void 0,limit:E,lang:(0,s.mapProductLocale)(t),url:window.location.href,categories:_?.length?_:void 0,facets:V,isSp:a,isDiscontinued:T,activeFirst:void 0===T||void 0})});if(!r.ok)throw Error(`${r.status} ${r.statusText}`);let i=await r.json();return e>=i?.total&&(p(0),P(0)),p(e),{...i,offset:e}},getNextPageParam:e=>{let{offset:t,total:r}=e??{},a=y(t),i=y(r);if(a&&i&&!(t+E>=r))return t+E},initialPageParam:k,refetchOnWindowFocus:!1,enabled:!!E&&!!h,staleTime:12e4,gcTime:3e5}),U=async()=>{if(!B||q)return;let e=(()=>{if(!L?.current)return;let{top:e}=L.current.getBoundingClientRect();return e+window.scrollY})();await z(),A(!0),e&&setTimeout(()=>{window.scrollTo({top:e,behavior:"smooth"})},100)},H=(0,i.useMemo)(()=>B&&!j,[B,j]),W=(0,i.useMemo)(()=>D?.pages.flatMap(e=>e.results??[])||[],[D]),$=(0,i.useMemo)(()=>D?.pages[0]?.facets??[],[D]),Y=(0,i.useMemo)(()=>D?.pages[0]?.total||0,[D]);return(0,i.useEffect)(()=>{I((()=>{let t=[{maxWidth:1279,cols:o.PL_DESKTOP_DEFAULT_GRID_COLS},{maxWidth:767,cols:o.PL_TABLET_DEFAULT_GRID_COLS},{maxWidth:0,cols:o.PL_MOBILE_DEFAULT_GRID_COLS}],{cols:r}=t.find(({maxWidth:e})=>window.innerWidth>e)||t[t.length-1];return r*e})())},[e]),(0,i.useEffect)(()=>{P(y(m)?m:0)},[]),{products:W,productsCount:Y,hasNextPage:B,shouldShowLoadMoreButton:H,handleLoadMore:U,isFetching:q,isPending:Q,isFetchingNextPage:K,fetchNextPage:z,isError:G,loadMoreScrollRef:L,handleCategoryClick:(e,t)=>{P(0),C([]);let r=[e];x(t?null:e),p(0),F.invalidateQueries({queryKey:["products",{limit:E,offset:0,categories:r}]}),document.body.setAttribute(u.NAV_TRIGGER_ATTR,Date.now().toString())},categories:_,productFacets:$}}

1)({rowCount:c,locale:h,categoryIds:m,subCategories:p,isSpareParts:g,isDiscontinued:w,facets:k});C&&N((0,r.preserveTrackingParams)(new URL(C,window.location.origin),T).toString());let j=(0,i.useMemo)(()=>({listing:P,facets:k,isProductStatusLocked:void 0!==w,listingTitle:R,listingId:S,locale:h}),[P,k,w,R,S,h]);return(0,t.jsx)(x.Provider,{value:j,children:e})},"useProductsListingContext",0,()=>{let e=(0,i.useContext)(x);if(!e)throw Error(" Context must be used within a ProductsListingProvider");return e}],641578)},883048,e=>{"use strict";var t=e.i(950926),r=e.i(299838),a=e.i(992402),i=e.i(816911),s=e.i(802152);let l=e.i(957803).forwardRef(({children:e,active:a,interactive:i=!0,disabled:l,...n},o)=>(0,t.jsx)(r.Tag,{colorVariant:"lightblue",interactive:i,ref:o,className:(0,s.cn)("typo-text-sm-medium 1280:typo-text-lg-medium border border-base-transparent 1280:px-4 px-3 1280:pt-3 pt-2 1280:pb-3 pb-2",{"beige:bg-metal-950 bg-brand-800 beige:text-base-white text-base-white hover:bg-brand-900":a,"cursor-not-allowed bg-gray-50 spa:bg-beige-700 text-gray-500 spa:opacity-50":l}),...n,children:e}));l.displayName="ArticleTag";let n=({children:e,className:r,...a})=>(0,t.jsx)("div",{className:(0,s.cn)("flex flex-wrap items-start gap-2 1280:p-6 p-4 1280:px-0",r),...a,children:e});n.displayName="ArticleTagWrapper",e.s(["ArticleTag",0,l,"ArticleTagWrapper",0,n,"TagButton",0,({className:e,children:r,...a})=>(0,t.jsx)("button",{type:"button",className:(0,s.cn)("",e),...a,children:r}),"TagFiltersShowMoreButton",0,({isExpanded:e,toggle:r,showLessText:l,showMoreText:n,className:o,...u})=>{let c=e?i.IconMinus16:a.IconAdd16;return(0,t.jsxs)("button",{className:(0,s.cn)("typo-text-sm-medium focus-ring 1280:typo-text-lg-medium !leading-100 flex items-center gap-1.5 rounded-full border spa:border-gray-500 border-brand-4001280:px-4 px-3 1280:pt-3 pt-2 1280:pb-2 pb-1 spa:text-metal-950 text-brand-800 transition-colors hover:bg-brand-50 spa:hover:bg-metal-950/5 hover:text-brand-800",o),onClick:r,"aria-expanded":e,...u,children:[(0,t.jsx)(c,{className:(0,s.cn)("1280:size-[20px] size-[14px] spa:text-metal-950",e?"-mt-0.5":"-mt-1")}),e?l:n,!e&&"..."]})}])},423872,e=>{"use strict";var t=e.i(950926),r=e.i(762073),a=e.i(957803),i=e.i(802152),s=e.i(9314);a.forwardRef(({...e},r)=>(0,t.jsx)("nav",{ref:r,"aria-label":"breadcrumb",className:"py-6",...e})).displayName="Breadcrumb";let l=a.forwardRef(({className:e,...r},a)=>(0,t.jsx)("ol",{ref:a,className:(0,i.cn)("typo-text-md-medium flex flex-wrap items-center gap-x-1 gap-y-0.5",e),...r}));l.displayName="BreadcrumbList";let n=a.forwardRef(({className:e,noHide:r=!1,...a},s)=>(0,t.jsx)("li",{ref:s,className:(0,i.cn)("inline-flex gap-x-1 beige:text-gray-600 metal:text-beige-200 text-gray-500",!r&&"max-1024:[&:not(:nth-last-child(2))]:hidden",e),...a}));n.displayName="BreadcrumbItem",a.forwardRef(({asChild:e,className:a,...s},l)=>{let n=e?r.Slot:"a";return(0,t.jsx)(n,{ref:l,className:(0,i.cn)("focus-ring beige:text-gray-600 metal:text-beige-200 text-gray-500 underline transition-colors beige:hover:text-metal-950 hover:text-brand-600 metal:hover:text-beige-700",a),...s})}).displayName="BreadcrumbLink";let o=a.forwardRef(({className:e,...r},a)=>(0,t.jsx)("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:(0,i.cn)("typo-text-md-regular",e),...r}));o.displayName="BreadcrumbPage";let u=({children:e,direction:r,inLink:a,outsideLink:l})=>(0,t.jsx)(t.Fragment,{children:e??(0,t.jsx)(s.IconChevronRight16,{className:(0,i.cn)("size-6 flex-shrink-0 1024:rotate-0 rotate-180 beige:text-metal-950 metal:text-beige-200 text-brand-400 1024:rtl:rotate-180 rtl:rotate-0",a&&"1024:hidden",l&&"1024:block hidden","right"===r&&"rotate-0")})});u.displayName="BreadcrumbSeparator",e.s(["BreadcrumbItem",0,n,"BreadcrumbList",0,l,"BreadcrumbPage",0,o,"BreadcrumbSeparator",0,u])},562992,e=>{"use strict";var t=e.i(639284),r=e.i(957803),a=e.i(205365);let i=10;e.s(["default",0,({tagIds:e,contentTagIds:s,initialVisible:l=i,useQueryState:n})=>{let[o,u]=n?(0,t.useFiltersQueryState)():(0,r.useState)([]),{toggle:c,isExpanded:d,visibleCount:f}=(0,a.default)({totalCount:e.length,initialShowCount:l,expandAllImmediately:!0}),h=(0,r.useMemo)(()=>e.slice(0,f),[e,f]),m=(0,r.useMemo)(()=>0!==o.length&&s?e.filter(e=>{let t=[...o,e];return 0===s.filter(e=>t.every(t=>e.includes(t))).length}):[],[o,e,s]);return{selectedTagIds:o,disabledTagIds:m,visibleTagIds:h,canShowMore:e.length>l,toggleTag:e=>{u(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},showMore:c,isShowingMore:d,allSelected:0===o.length,handleClear:()=>u([])}}])}]);