(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1951],{31961:function(e,t,i){Promise.resolve().then(i.bind(i,765))},765:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return im}});var n=i(57437),o=i(2265),r=i(88862),a=i(43618),s=i(67028),l=i(99376),d=i(33145),c=i(37065),p=i.n(c),h=i(54887),u=i(44026),x=i(48570),f=i(1050),m=i(73997),g=i(29918),b=(e,t)=>{let{onSuccess:i,onError:n}=t;g.Wg.post("filters/color-search",e).then(e=>{var t,n,o,r,a;i(null!==(r=null!==(o=null===(t=e.data)||void 0===t?void 0:t.data)&&void 0!==o?o:e.data)&&void 0!==r?r:[],null!==(a=null===(n=e.data)||void 0===n?void 0:n.total)&&void 0!==a?a:0)}).catch(e=>{console.error("[colorSearch] error",e),n([(null==e?void 0:e.message)||"An unexpected error occurred."])})},w=i(15218),v=i(35775),y=i(39754),j=i(2711),I=i(78242),k=i(94891),C=i(29515),S=i(26163),Z=i(88983),P=i(17553);let z=(e,t)=>{let i=new Set(e.map(e=>e.id)),n=e.slice();for(let e of t)null==e||i.has(e.id)||(i.add(e.id),n.push(e));return n};var E=e=>{var t,i,r,s;let{productPage:c,setProductPage:h,searchKeyword:E,refreshToggle:R,storeQuery:W,onListReset:L,onListFullyLoaded:N}=e,F=(0,l.usePathname)(),[B,O]=(0,a.FV)(C.Z),[H,$]=(0,o.useState)(0),[q,_]=(0,o.useState)(!0),[Y,J]=(0,a.FV)(j.Z),[V,K]=(0,a.FV)(I.Z),[,Q]=(0,a.FV)(k.Z),U=null!==(s=null===(t=(0,v.Z)())||void 0===t?void 0:t.id)&&void 0!==s?s:0,[G,X]=(0,o.useState)(!1),[ee]=(0,o.useState)(0),[et,ei]=(0,o.useState)(0),[en,eo]=(0,o.useState)(),er=(0,a.sJ)(S.ot),ea=(0,a.sJ)(S.Tq),es=(0,Z.Z)(),el=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=sessionStorage.getItem("mainScroll");e&&(window.scrollTo(0,parseInt(e,10)),sessionStorage.removeItem("mainScroll"))},[]);let ed=(0,o.useRef)(0),{mutate:ec}=(0,f.Z)({onSuccess:e=>{J(!1),ei(ed.current),eo(e),(null==e?void 0:e.length)&&!G&&sessionStorage.setItem("mainScroll",window.scrollY.toString())},onError:()=>{J(!1)}}),ep=(0,o.useRef)({isItemLoading:Y,hasMore:q,isEntireItemLoading:V});ep.current={isItemLoading:Y,hasMore:q,isEntireItemLoading:V};let eh=(0,o.useRef)(!1),eu=(0,o.useCallback)(p()(e=>{let t=ep.current;!e[0].isIntersecting||eh.current||t.isItemLoading||!t.hasMore||t.isEntireItemLoading||h(e=>e+1)},100),[h]),ex=e=>Object.fromEntries(Object.entries(e).filter(e=>{let[t,i]=e;return!(void 0===i||"string"==typeof i&&""===i.trim()||Array.isArray(i)&&0===i.length)&&("boolean"!=typeof i||!1!==i)})),ef=(0,o.useRef)(""),em=(0,o.useRef)(0),eg=(0,o.useRef)(null),eb=(0,o.useRef)(""),ew=e=>{var t;let i=ev(e),n=JSON.stringify(i);(null===(t=eg.current)||void 0===t?void 0:t.key)!==n&&eb.current!==n&&(eb.current=n,(i.color?b:m.Z)(i,{onSuccess:(t,i)=>{eb.current="",JSON.stringify(ev(e))===n&&(eg.current={page:e,key:n,data:t,total:i})},onError:()=>{eb.current===n&&(eb.current="")}}))},ev=e=>{var t,i,n,o,r,a;let s=ea.activeId,l=(null===(t=er["설계단가"])||void 0===t?void 0:t.isSelected)===!0,d=!1!==s.includeWholesale,c=s.sort;return ex({page:e,randSeed:em.current||void 0,categories:(null===(i=s.categories)||void 0===i?void 0:i.length)?s.categories:void 0,brand:s.brand||void 0,color:s.color||void 0,size:s.size||void 0,glossiness:s.glossiness||void 0,country:s.country||void 0,subCategory:s.subCategory||void 0,series:s.series||void 0,location:s.location||void 0,purpose:s.purpose||void 0,store:W||s.store||void 0,txtSearch:s.txtSearch||void 0,isSeamless:!!s.isSeamless||void 0,minPrice:l?String(null!==(r=null===(n=s.price)||void 0===n?void 0:n[0])&&void 0!==r?r:""):void 0,maxPrice:l?String(null!==(a=null===(o=s.price)||void 0===o?void 0:o[1])&&void 0!==a?a:""):void 0,isSeparateInquiry:d?l?1:void 0:0,includeWholesale:d||void 0,sort:c||void 0})},ey=e=>{J(!0),_(!0);let t=ev(e),i=JSON.stringify(t);if(ef.current===i){J(!1),1===e&&(eh.current=!1);return}ef.current=i,(t.color?b:m.Z)(t,{onSuccess:(t,n)=>{if(ef.current!==i)return;$(n);let o=t.length>=36;1===e?(O(z([],t)),Q(0===t.length)):O(e=>z(e,t)),J(!1),K(!1),_(o),1===e&&(eh.current=!1),o&&ew(e+1)},onError:()=>{ef.current===i&&(J(!1),K(!1),1===e&&(eh.current=!1))}})},ej=e=>{let t=eg.current;if(!t||t.page!==e)return!1;if(JSON.stringify(ev(e))!==t.key)return eg.current=null,!1;eg.current=null,ef.current=t.key,$(t.total);let i=t.data.length>=36;return O(e=>z(e,t.data)),J(!1),K(!1),_(i),i&&ew(e+1),!0},eI=JSON.stringify({pathname:F,storeQuery:W,refreshToggle:R,activeId:ea.activeId,priceSelected:null===(i=er["설계단가"])||void 0===i?void 0:i.isSelected,includeCustomInquiry:null===(r=er["설계단가"])||void 0===r?void 0:r.includeCustomInquiry}),ek=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(null==L||L(),ek.current&&"undefined"!=typeof document){let e=document.querySelector("[data-scroll-grid]");e&&e.scrollTop>0&&(e.scrollTop=0);let t=document.getElementById("main-scrollable");t&&t.scrollTop>0&&(t.scrollTop=0),window.scrollY>0&&window.scrollTo(0,0)}ek.current=!0,eh.current=!0,h(1),J(!0),ef.current="",eg.current=null,eb.current="",em.current=Math.floor(2147483647*Math.random())+1,ey(1)},[eI]),(0,o.useEffect)(()=>{1===c||ej(c)||(J(!0),ey(c))},[c]);let eC=(0,o.useCallback)(()=>{let e=document.querySelector("[data-scroll-grid]");if(e){e.scrollTo({top:0,behavior:"smooth"});return}let t=document.getElementById("main-scrollable");if(t){t.scrollTo({top:0,behavior:"smooth"});return}if(el.current){el.current.scrollIntoView({behavior:"smooth",block:"start"});return}window.scrollTo({top:0,behavior:"smooth"})},[]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{ref:el}),(0,n.jsx)(w.Z,{isModal:!1,products:B,imgListArrGrid:8,userId:U,GetProductDetail:(e,t,i,n)=>{if(ed.current=t,n&&"detail"!==n&&t)try{sessionStorage.setItem("mcd_viewsrc:".concat(t),n)}catch(e){}if(t<0){var o;J(!1),g.Wg.post("/product/view",{productId:t,source:null!=n?n:null,seamlessToggle:!!(null===(o=ea.activeId)||void 0===o?void 0:o.isSeamless)}).catch(()=>{});return}J(!0),ec({userId:e,productId:t,productCode:"",source:n})},productDetail:en,selProductId:et,setSelProductId:ei,handleObserver:eu,productPage:c,isEntireItemLoading:V,hasMore:q,onRenderedFully:N,enableLibraryInjectPreview:!0,onInjectedLoadMore:()=>h(e=>e+1)}),G&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.aV,{}),(0,n.jsx)(u.F0,{children:(0,n.jsx)(y.Z,{onClickCloseModal:()=>X(!1),isModal:!0,userId:U,selSceneId:ee,storeQuery:W})})]}),(0,n.jsx)(M,{children:(0,n.jsxs)(D,{style:es?{bottom:50,right:15}:{bottom:25,right:25},children:[(0,n.jsx)(T,{children:(0,n.jsx)(x.u,{as:"button",type:"button",onClick:eC,"aria-label":"맨 위로",children:(0,n.jsx)(d.default,{src:P.Z,alt:"위로",width:35,height:35})})}),(0,n.jsx)(A,{children:(0,n.jsx)(x.u,{as:"a",href:"tel:+821093191508","aria-label":"전화 문의: +82 (0)10-9319-1508",children:(0,n.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"#413D7D",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"})})})}),(0,n.jsxs)(x.u,{as:"a",href:"https://macodi.co.kr/reservation","aria-label":"비밀 혜택",$purple:!0,children:["비밀",(0,n.jsx)("br",{}),"혜택"]})]})})]})};let M=e=>{let{children:t}=e,[i,n]=(0,o.useState)(!1),r=(0,o.useRef)(null);return((0,o.useEffect)(()=>{let e=document.getElementById("fab-host");e||((e=document.createElement("div")).id="fab-host",document.body.appendChild(e)),r.current=e,n(!0)},[]),i&&r.current)?(0,h.createPortal)(t,r.current):null},A=r.ZP.div.withConfig({componentId:"sc-3727291c-0"})(["display:contents;@media (min-width:769px){display:none;}html.su-plugin &{display:none;}"]),D=r.ZP.div.withConfig({componentId:"sc-3727291c-1"})(["position:fixed;display:flex;flex-direction:column;gap:12px;z-index:13500;pointer-events:none;& > *{pointer-events:auto;}"]),T=r.ZP.div.withConfig({componentId:"sc-3727291c-2"})(["display:contents;@media (max-width:768px){display:none;}html.su-plugin &{display:contents !important;}"]);var R=i(4097),W=i(55140),L=i(59672),N=i(12474),F=i(2735),B=i(40609),O=i(7849),H=i(74338),$=i(8927),q=i(78155),_=i(1019),Y=i(50194),J=i(76904),V=i(81500),K=i(23656),Q=i(44641),U=i(95805),G=i(34015),X=i(29874),ee=i(13772),et=i(37302),ei=i(84260),en={src:"/_next/static/media/black_under.a5c2841d.svg",height:16,width:15,blurWidth:0,blurHeight:0},eo={src:"/_next/static/media/purple_under.11f004cf.svg",height:16,width:15,blurWidth:0,blurHeight:0},er={src:"/_next/static/media/purple_upper.3ada8139.svg",height:16,width:15,blurWidth:0,blurHeight:0},ea={src:"/_next/static/media/refresh.5e4b1730.svg",height:16,width:18,blurWidth:0,blurHeight:0};let es=r.ZP.div.withConfig({componentId:"sc-408fd1eb-0"})(["display:inline-block;html.su-plugin &{display:flex;min-width:0;width:100%;}"]);var el=e=>{let{isActive:t,isSelected:i,content:o,onClick:r,onMouseEnter:a,onMouseLeave:s,isRefresh:l=!1}=e;return(0,n.jsx)(es,{children:(0,n.jsx)(ed,{isActive:t,isSelected:i,onClick:r,onMouseEnter:a,onMouseLeave:s,content:o,isRefresh:l,children:o?(0,n.jsxs)(n.Fragment,{children:[o,(0,n.jsxs)(ec,{children:[!t&&!i&&(0,n.jsx)(d.default,{src:en,alt:"Under Black",width:18,height:18}),t&&(0,n.jsx)(d.default,{src:er,alt:"Upper Purple",width:18,height:18}),i&&!t&&(0,n.jsx)(d.default,{src:eo,alt:"Under Purple Right",width:18,height:18})]})]}):(0,n.jsx)(d.default,{src:ea,alt:"Refresh",width:16,height:16})})})};let ed=r.ZP.button.withConfig({componentId:"sc-408fd1eb-1"})(["display:flex;align-items:center;min-width:",";max-width:400px;border-radius:",";border:",";border-bottom:",";padding:2px 10px;justify-content:space-between;color:#666565;font-size:14px;font-weight:500;html.su-plugin &{min-width:",";max-width:",";flex:",";width:auto;padding:2px 8px;font-size:12px;white-space:nowrap;overflow:hidden;}@media (min-width:769px) and (max-width:1440px){min-width:",";max-width:",";width:",";padding:2px 5px;font-size:11.5px;white-space:nowrap;}"],e=>{let{isRefresh:t}=e;return t?"40px":"93px"},e=>{let{isActive:t}=e;return t?"8px 8px 0 0":"8px"},e=>{let{isRefresh:t,isSelected:i}=e;return t?"none":i?"1.5px solid #111":"1px solid #e0e0e0"},e=>{let{isRefresh:t,isActive:i,isSelected:n}=e;return t||i?"none":n?"1.5px solid #111":"1px solid #e0e0e0"},e=>{let{isRefresh:t}=e;return t?"32px":"0"},e=>{let{isSelected:t}=e;return t?"150px":"132px"},e=>{let{isRefresh:t}=e;return t?"0 0 auto":"1 1 auto"},e=>{let{isRefresh:t}=e;return t?"30px":"58px"},e=>{let{isSelected:t}=e;return t?"none":"110px"},e=>{let{isSelected:t}=e;return t?"auto":"initial"}),ec=r.ZP.div.withConfig({componentId:"sc-408fd1eb-2"})(["display:flex;align-items:center;margin-left:8px;img{margin-left:4px;}html.su-plugin &{align-self:center;margin-left:2px;img{width:8px;height:8px;margin-left:1px;}}@media (min-width:769px) and (max-width:1440px){margin-left:3px;img{width:14px;height:14px;margin-left:2px;}}@media (max-width:768px){margin-left:6px;img{width:16px;height:16px;}}@media (max-width:480px){margin-left:4px;img{width:14px;height:14px;}}"]),ep="255, 77, 79",eh=(0,r.F4)(["0%{box-shadow:0 0 0 0 rgba(",",0.7);}70%{box-shadow:0 0 0 5px rgba(",",0);}100%{box-shadow:0 0 0 0 rgba(",",0);}"],ep,ep,ep),eu=(0,r.iv)(["padding:1px 5px;border-radius:6px;background:#ff4d4f;color:#fff;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:0.3px;pointer-events:none;animation:"," 1.5s ease-out infinite;@media (prefers-reduced-motion:reduce){animation:none;}"],eh);r.ZP.span.withConfig({componentId:"sc-a3c9992b-0"})(["display:inline-block;",""],eu);let ex=r.ZP.span.withConfig({componentId:"sc-52f2f722-0"})(["flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;border-radius:4px;border:1.5px solid ",";background:",";"],e=>e.$active?"#9747FF":"#c4c4c4",e=>e.$active?"#9747FF":"#fff"),ef=r.ZP.span.withConfig({componentId:"sc-52f2f722-1"})(["white-space:nowrap;text-align:left;"]),em=r.ZP.span.withConfig({componentId:"sc-52f2f722-2"})(["flex-shrink:0;margin-left:6px;padding:1px 5px;border-radius:4px;background:#ff4d4f;color:#fff;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:0.3px;"]),eg=r.ZP.button.withConfig({componentId:"sc-52f2f722-3"})(["display:flex;align-items:center;justify-content:",";font-size:12px;width:100%;cursor:pointer;color:",";padding:0px 10px;&:hover{color:",";}@media (max-width:768px){font-size:14px;background-color:",";color:",";}&:hover{background-color:",";color:",";}"],e=>e.hasBadge?"space-between":"flex-start",e=>e.isActive?"#9747FF":"#666565",e=>e.isActive?"white":"#9747FF",e=>e.isActive?"#403d7d":"rgba(235, 234, 253, 1)",e=>e.isActive?"#9747FF":"#666565",e=>(e.isActive,"rgba(235, 234, 253, 1)"),e=>(e.isActive,"#9747FF"));var eb=e=>{let{isActive:t,content:i,onClick:o,isBrand:r,isNew:a,showCheckbox:s}=e;return(0,n.jsxs)(eg,{isActive:t,isBrand:r,hasBadge:!!a,onClick:o,children:[s&&(0,n.jsx)(ex,{$active:t,"aria-hidden":!0,children:t&&(0,n.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("polyline",{points:"20 6 9 17 4 12"})})}),(0,n.jsx)(ef,{children:i}),a&&(0,n.jsx)(em,{children:"NEW"})]})};r.ZP.div.withConfig({componentId:"sc-5e35c6a1-0"})(["position:relative;width:190px;gap:",";max-height:400px;overflow-y:auto;padding:",";background-color:white;@media (max-width:768px){position:fixed;width:100%;height:100%;top:15%;left:0;max-height:50%;}"],e=>e.gap||"10px",e=>e.padding||"10px");let ew=r.ZP.div.withConfig({componentId:"sc-5e35c6a1-1"})(["position:relative;flex-wrap:wrap;gap:",";width:190px;max-height:400px;overflow-y:auto;padding:",";background-color:white;@media (max-width:768px){position:fixed;width:100%;height:100%;top:15%;left:0;max-height:50%;}"],e=>e.gap||"10px",e=>e.padding||"10px"),ev="신규";var ey=e=>{let{activeId:t,setActiveId:i,onSelect:r,options:a,isBrand:s=!1,isCountry:l=!1,newBrands:d=[],counts:c,multiSelect:p=!1,searchable:h=!1}=e,[u,x]=(0,o.useState)(""),{groups:f,sortedGroupKeys:m,newBrandSet:g}=function(e,t,i,n){let r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],s=(i||n)&&!a,l=(0,o.useMemo)(()=>new Set(r),[r]),d=(0,o.useMemo)(()=>e.map((e,t)=>({id:t,name:e})),[e]),c=(0,o.useMemo)(()=>{if(i||a){let e=t.toLowerCase();return d.filter(t=>t.name.toLowerCase().includes(e))}return d},[d,t,i,a]),p=["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"],h=Array.from({length:26},(e,t)=>String.fromCharCode(65+t)),u=new Set([...p,...h]),x=e=>{let t=e.charAt(0);if(/^[A-Za-z]$/.test(t))return t.toUpperCase();let i=t.charCodeAt(0);return i>=44032&&i<=55203?p[Math.floor((i-44032)/588)]:t},f=(0,o.useMemo)(()=>l.size?[...c.filter(e=>l.has(e.name)),...c.filter(e=>!l.has(e.name))]:c,[c,l]),m=(0,o.useMemo)(()=>{if(!s)return{all:f};let e={};return c.forEach(t=>{if(i&&l.has(t.name)){e[ev]||(e[ev]=[]),e[ev].push(t);return}let n=x(t.name);u.has(n)||(n="기타"),e[n]||(e[n]=[]),e[n].push(t)}),e},[c,f,s,i,l]),g=(0,o.useMemo)(()=>{if(!s)return["all"];let e=[];return m[ev]&&e.push(ev),p.forEach(t=>m[t]&&e.push(t)),h.forEach(t=>m[t]&&e.push(t)),m["기타"]&&e.push("기타"),e},[m,s]);return{groups:m,sortedGroupKeys:g,isGrouped:s,newBrandSet:l}}(a,u,s,l,d,h),b=m.length>0?m:Object.keys(f),w=(e,n)=>{if(p){let o=t.includes(e)?t.filter(t=>t!==e):[...t,e];i(o),r({ids:o,name:n});return}t.includes(e)?(i([]),r({ids:[]})):(i([e]),r({ids:[e],name:n}))};return(0,n.jsx)(ej,{children:(0,n.jsxs)(ew,{children:[(0,n.jsx)(eI,{children:(0,n.jsx)(eb,{content:"전체보기",isActive:0===t.length&&""===u,onClick:()=>{i([]),x(""),r({ids:[]})},isBrand:s})}),(s||h)&&(0,n.jsx)(eS,{type:"text",placeholder:"검색",value:u,onChange:e=>x(e.target.value)}),b.length>0?b.map(e=>{var i;return(0,n.jsxs)(o.Fragment,{children:["all"!==e&&"㈜"!==e&&(0,n.jsx)(ek,{children:e}),(0,n.jsx)(eC,{children:null===(i=f[e])||void 0===i?void 0:i.map(e=>(0,n.jsx)(eb,{isActive:t.includes(e.id),content:c&&null!=c[e.name]?"".concat(e.name," (").concat(c[e.name].toLocaleString(),")"):e.name,onClick:()=>w(e.id,e.name),isBrand:s,isNew:g.has(e.name),showCheckbox:p},e.id))})]},e)}):(0,n.jsx)(eZ,{children:"옵션이 없습니다"})]})})};let ej=r.ZP.div.withConfig({componentId:"sc-5cacde23-0"})(["position:relative;"]),eI=r.ZP.div.withConfig({componentId:"sc-5cacde23-1"})(["display:flex;justify-content:flex-start;padding:8px;border-bottom:1px solid #eee;"]),ek=r.ZP.div.withConfig({componentId:"sc-5cacde23-2"})(["font-size:14px;color:#5b5b5b;font-weight:bold;margin:12px 0 4px 8px;"]),eC=r.ZP.div.withConfig({componentId:"sc-5cacde23-3"})(["display:flex;flex-wrap:wrap;gap:10px;padding:8px;"]),eS=r.ZP.input.withConfig({componentId:"sc-5cacde23-4"})(["width:calc(100% - 20px);margin:10px;padding:3px 8px;border:1px solid #ccc;border-radius:8px;font-size:12px;&:focus{outline:none;border-color:#9747ff;}"]),eZ=r.ZP.div.withConfig({componentId:"sc-5cacde23-5"})(["font-size:14px;color:#999;text-align:center;margin-top:20px;"]);var eP=i(55161);let ez=[{key:"W",label:"가로(W)"},{key:"H",label:"길이(L)"},{key:"T",label:"두께(T)"}],eE=(e,t)=>"T"===e?t:(0,eP.CC)(t);var eM=e=>{let{rawSizes:t,widthDims:i,heightDims:r,depthDims:a,onToggle:s,onReset:l}=e,[d,c]=(0,o.useState)("W"),p=(0,o.useMemo)(()=>(function(e,t,i){let n=new Set;return e.forEach(e=>{String(e).split(",").forEach(e=>{let o=(0,eP.jx)(e.trim()),r="W"===t||!i.W.length||null!=o.W&&i.W.includes(eE("W",o.W)),a="H"===t||!i.H.length||null!=o.H&&i.H.includes(eE("H",o.H)),s="T"===t||!i.T.length||null!=o.T&&i.T.includes(o.T);if(!(r&&a&&s))return;let l=o[t];if(null==l||l<=0)return;let d=eE(t,l);d>0&&n.add(d)})}),Array.from(n).sort((e,t)=>e-t).slice(0,60)})(t,d,{W:i,H:r,T:a}),[t,d,i,r,a]),h="W"===d?i:"H"===d?r:a,u={W:i.length,H:r.length,T:a.length};return(0,n.jsxs)(eA,{children:[(0,n.jsx)(eD,{children:ez.map(e=>(0,n.jsxs)(eT,{type:"button",$active:d===e.key,onClick:()=>c(e.key),children:[(0,n.jsx)("span",{children:e.label}),u[e.key]>0?(0,n.jsx)(eR,{children:u[e.key]}):null]},e.key))}),(0,n.jsxs)(eW,{children:[(0,n.jsx)(eL,{children:(0,n.jsx)(eb,{content:"전체보기",isActive:0===h.length,onClick:()=>l(d)})}),p.length>0?(0,n.jsx)(eN,{children:p.map(e=>(0,n.jsx)(eb,{isActive:h.includes(e),content:String(e),onClick:()=>s(d,e),showCheckbox:!0},e))}):(0,n.jsx)(eF,{children:"옵션이 없습니다"})]})]})};let eA=r.ZP.div.withConfig({componentId:"sc-98973d8c-0"})(["display:flex;width:520px;max-width:88vw;html.su-plugin &{width:360px;max-width:360px;}"]),eD=r.ZP.div.withConfig({componentId:"sc-98973d8c-1"})(["flex:0 0 96px;display:flex;flex-direction:column;border-right:1px solid #eee;padding:6px 0;"]),eT=r.ZP.button.withConfig({componentId:"sc-98973d8c-2"})(["display:flex;align-items:center;justify-content:space-between;gap:4px;padding:11px 10px;border:0;border-left:3px solid ",";background:",";cursor:pointer;white-space:nowrap;font-size:13px;font-weight:",";color:",";"],e=>e.$active?"#9747ff":"transparent",e=>e.$active?"#faf8ff":"none",e=>e.$active?700:500,e=>e.$active?"#111":"#6e6e73"),eR=r.ZP.span.withConfig({componentId:"sc-98973d8c-3"})(["min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#9747ff;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;"]),eW=r.ZP.div.withConfig({componentId:"sc-98973d8c-4"})(["flex:1;min-width:0;display:flex;flex-direction:column;"]),eL=r.ZP.div.withConfig({componentId:"sc-98973d8c-5"})(["display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #eee;"]),eN=r.ZP.div.withConfig({componentId:"sc-98973d8c-6"})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px 2px;padding:10px;max-height:300px;overflow-y:auto;scrollbar-width:thin;"]),eF=r.ZP.div.withConfig({componentId:"sc-98973d8c-7"})(["font-size:14px;color:#999;text-align:center;margin:24px 0;"]);var eB=i(1899),eO=i(5002),eH=i(32381),e$={src:"/_next/static/media/checkbox-gray.b2cb6391.svg",height:24,width:24,blurWidth:0,blurHeight:0},eq=i(92004),e_={src:"/_next/static/media/asterisk.aaa4334b.svg",height:24,width:24,blurWidth:0,blurHeight:0};let eY=r.ZP.div.withConfig({componentId:"sc-52e233b4-0"})(["position:relative;"]),eJ=r.ZP.div.withConfig({componentId:"sc-52e233b4-1"})(["display:flex;justify-content:flex-start;padding:8px;border-bottom:1px solid #eee;"]),eV=r.ZP.button.withConfig({componentId:"sc-52e233b4-2"})(["border:0;background:none;cursor:pointer;font-size:13px;color:#666565;padding:2px 6px;&:hover{color:#9747ff;}"]),eK=r.ZP.div.withConfig({componentId:"sc-52e233b4-3"})(["position:relative;width:",";gap:",";max-height:400px;overflow-y:auto;padding:",";background-color:white;@media (max-width:768px){position:fixed;width:100%;height:100%;top:15%;left:0;max-height:50%;}"],e=>e.width||"400px",e=>e.gap||"10px",e=>e.padding||"10px"),eQ=r.ZP.div.withConfig({componentId:"sc-52e233b4-4"})(["display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;"]),eU=r.ZP.label.withConfig({componentId:"sc-52e233b4-5"})(["display:inline-flex;align-items:center;flex:1;min-width:0;height:28px;padding:0 8px;border:1px solid #d2d2d2;border-radius:4px;background-color:#fff;cursor:text;&:focus-within{border-color:#6864d0;}"]),eG=r.ZP.span.withConfig({componentId:"sc-52e233b4-6"})(["font-size:12px;color:#555;margin-right:4px;user-select:none;"]),eX=r.ZP.input.withConfig({componentId:"sc-52e233b4-7"})(["flex:1;min-width:0;border:none;outline:none;font-size:12px;color:#1a1a1a;background:transparent;text-align:right;padding:0;font-family:inherit;"]),e0=r.ZP.span.withConfig({componentId:"sc-52e233b4-8"})(["font-size:12px;color:#888;flex-shrink:0;"]),e1=r.ZP.div.withConfig({componentId:"sc-52e233b4-9"})(["display:flex;width:100%;align-items:center;gap:5px;cursor:pointer;margin:10px 0;"]),e2=r.ZP.div.withConfig({componentId:"sc-52e233b4-10"})(["font-size:12px;display:flex;align-items:center;"]),e8=r.ZP.div.withConfig({componentId:"sc-52e233b4-11"})(["display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;flex-direction:column;"]),e5=(0,r.ZP)(eH.ZP).withConfig({componentId:"sc-52e233b4-12"})(["color:#6864d0;.MuiSlider-thumb{background-color:#6864d0;&:hover{box-shadow:0px 0px 0px 8px rgba(0,122,255,0.16);}}.MuiSlider-track{background-color:#6864d0;border:none;}.MuiSlider-rail{background-color:#d2d2d2;}"]),e4=r.ZP.div.withConfig({componentId:"sc-52e233b4-13"})(["display:flex;justify-content:space-between;width:100%;"]),e6=r.ZP.button.withConfig({componentId:"sc-52e233b4-14"})(["width:100%;height:25px;background-color:#413d7d;color:#fff;border:none;font-size:12px;cursor:pointer;transition:background-color 0.3s;padding:0 10px;display:flex;justify-content:center;align-items:center;"]);var e7=e=>{var t,i;let{width:r,onSelect:a,activeId:s,setActiveId:l,closeDropdown:c,includeCustomInquiry:p,onCustomInquiryToggle:h,maxPrice:u}=e,x=u&&u>0?u:3e6,f=e=>"₩".concat(new Intl.NumberFormat().format(e)),m=e=>e<=10?1e4*e:e<=12?1e5+(e-10)*1e5:e<=14?3e5+(e-12)*3e5:(e-14)*1e6,g=e=>e<=1e5?Math.round(e/1e4):e<=3e5?10+Math.round((e-1e5)/1e5):e<1e6?12+Math.round((e-3e5)/3e5):14+Math.round(e/1e6),[b,w]=o.useState(s.filter(e=>"number"==typeof e)),[v,y]=o.useState(p||!1),j=Math.max(1,g(x)),I=null==b[1]||b[1]>=3e6?x:Math.min(b[1],x),k=[Math.min(g(null!==(t=b[0])&&void 0!==t?t:0),j),Math.min(g(I),j)],C=e=>{let t=e.replace(/[^0-9]/g,"");return t?parseInt(t,10):0};return(0,o.useEffect)(()=>{y(p||!1)},[p]),(0,n.jsx)(eY,{children:(0,n.jsxs)(eK,{width:r?"".concat(r,"px"):void 0,gap:"5px",children:[(0,n.jsx)(eJ,{children:(0,n.jsx)(eV,{type:"button",onClick:()=>{w([0,x]),y(!0),l([]),a({ids:[],name:"전체",includeCustomInquiry:!0}),h(!0),c()},children:"전체보기"})}),(0,n.jsxs)(eB.Z,{sx:{width:"95%",padding:"0 17px 0 24px"},children:[(0,n.jsx)(eO.Z,{variant:"body1",gutterBottom:!0}),(0,n.jsx)(e5,{value:k,onChange:(e,t)=>{if(Array.isArray(t)){let[e,i]=t;w([m(e),m(i)])}},min:0,max:j,step:1})]}),(0,n.jsxs)(eQ,{children:[(0,n.jsxs)(eU,{children:[(0,n.jsx)(eG,{children:"₩"}),(0,n.jsx)(eX,{type:"text",inputMode:"numeric",value:(null!==(i=b[0])&&void 0!==i?i:0).toLocaleString(),onChange:e=>{var t;w([C(e.target.value),null!==(t=b[1])&&void 0!==t?t:x])},onBlur:()=>{var e,t;let i=Math.min(Math.max(null!==(e=b[0])&&void 0!==e?e:0,0),x),n=null!==(t=b[1])&&void 0!==t?t:x;w([Math.min(i,n),Math.max(i,n)])},"aria-label":"최소 금액"})]}),(0,n.jsx)(e0,{children:"~"}),(0,n.jsxs)(eU,{children:[(0,n.jsx)(eG,{children:"₩"}),(0,n.jsx)(eX,{type:"text",inputMode:"numeric",value:I.toLocaleString(),onChange:e=>{var t;let i=C(e.target.value);w([null!==(t=b[0])&&void 0!==t?t:0,i])},onBlur:()=>{var e,t;let i=Math.min(Math.max(null!==(e=b[1])&&void 0!==e?e:x,0),x),n=null!==(t=b[0])&&void 0!==t?t:0;w([Math.min(n,i),Math.max(n,i)])},"aria-label":"최대 금액"})]})]}),(0,n.jsxs)(e8,{children:[(0,n.jsxs)(e1,{onClick:()=>y(!v),children:[(0,n.jsx)(d.default,{src:v?eq.Z:e$,width:15,height:15,alt:"checkbox"}),(0,n.jsxs)(e2,{children:[(0,n.jsx)(d.default,{src:e_,width:10,height:10,alt:"asterisk"})," ","별도 문의 포함"]})]}),(0,n.jsx)(e4,{children:(0,n.jsx)(e6,{onClick:()=>{var e;let t=[null!==(e=b[0])&&void 0!==e?e:0,I],i=0===t[0]&&t[1]===x?"전체":t[1]===x?"".concat(f(t[0])," 이상"):"".concat(f(t[0])," - ").concat(f(t[1]));v?t.includes("별도문의포함")||t.push("별도문의포함"):t=t.filter(e=>"별도문의포함"!==e),l(t),a({ids:t,name:v?"".concat(i," + 별도문의"):i,includeCustomInquiry:v}),h(v),c()},children:"적용하기"})})]})]})})},e3=i(24294),e9=i(34245),te=i(58300);let tt=(0,r.ZP)(e9.W2).withConfig({componentId:"sc-73177dff-0"})(["@media (max-width:768px){overflow-x:auto;padding:0 8px;&::-webkit-scrollbar{display:none;}}@media (min-width:769px){& > *:nth-child(2){margin-left:auto;}border-top:1px solid #ececec;padding-top:1px;}@media (min-width:1441px){padding-right:calc(0.5rem + var(--grid-right-offset,0px));}html.su-plugin & > *:nth-child(2){margin-left:auto;}html.su-plugin & > *:nth-child(n + 2):nth-last-child(n + 3){flex:0 1 auto;min-width:0;}"]),ti=(0,r.ZP)(e9.L2).withConfig({componentId:"sc-73177dff-1"})(["display:flex;align-items:center;justify-content:center;@media (max-width:768px){flex:none;margin-right:8px;}"]),tn=r.ZP.div.withConfig({componentId:"sc-73177dff-2"})(["position:relative;display:inline-flex;"]),to=r.ZP.div.withConfig({componentId:"sc-73177dff-3"})(["display:flex;align-items:center;gap:6px;padding:9px 14px;border-top:1px solid #eee;font-size:13px;color:#666565;cursor:pointer;background:#fff;border-radius:0 0 8px 8px;user-select:none;&:hover{color:#9747ff;}"]),tr=r.ZP.span.withConfig({componentId:"sc-73177dff-4"})(["position:absolute;top:-7px;right:-10px;z-index:2;",""],eu),ta=(0,r.ZP)(e9.hF).withConfig({componentId:"sc-73177dff-5"})(["overflow:hidden;@media (max-width:768px){display:none;}"]),ts=(0,r.ZP)(ta).withConfig({componentId:"sc-73177dff-6"})(["overflow:visible;left:auto;right:0;"]),tl=(0,r.ZP)(ta).withConfig({componentId:"sc-73177dff-7"})(["overflow:visible;left:0;right:auto;width:max-content;"]),td=r.ZP.div.withConfig({componentId:"sc-73177dff-8"})(["position:fixed;bottom:0;left:0;right:0;max-height:60%;background:#fff;z-index:2000;overflow-y:auto;box-shadow:0 -2px 8px rgba(0,0,0,0.1);"]),tc=r.ZP.button.withConfig({componentId:"sc-73177dff-9"})(["width:30px;height:30px;border-radius:50%;padding:0;cursor:pointer;flex:none;border:1px solid #ddd;background:",";box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:transform 0.12s ease;&:hover{transform:scale(1.08);}"],e=>{let{$selected:t,$hex:i}=e;return t&&i?"#".concat(i):"radial-gradient(circle at center, #fff 0%, rgba(255, 255, 255, 0) 68%),\n         conic-gradient(\n           from 0deg,\n           #ff0000,\n           #ff7a00,\n           #ffe600,\n           #1bd11b,\n           #00c2c2,\n           #1616ff,\n           #8a1bdc,\n           #ff1bb0,\n           #ff0000\n         )"}),tp=r.ZP.div.withConfig({componentId:"sc-73177dff-10"})(["position:relative;display:flex;align-items:center;justify-content:center;"]),th=r.ZP.div.withConfig({componentId:"sc-73177dff-11"})(["position:relative;display:flex;align-items:center;justify-content:center;width:auto;gap:8px;html.su-plugin &{width:auto;gap:4px;}@media (min-width:769px) and (max-width:1440px){width:auto;gap:4px;}"]),tu=r.ZP.span.withConfig({componentId:"sc-73177dff-12"})(["font-size:14px;font-weight:700;color:#111;display:flex;align-items:center;white-space:nowrap;html.su-plugin &{font-size:12px;}@media (min-width:769px) and (max-width:1440px){font-size:12.5px;}"]),tx=r.ZP.span.withConfig({componentId:"sc-73177dff-13"})(["padding-left:0.28em;white-space:nowrap;html.su-plugin &{display:none;}"]),tf=r.ZP.input.attrs({type:"checkbox"}).withConfig({componentId:"sc-73177dff-14"})(["opacity:0;width:0;height:0;&:checked + span{background-color:#6864d0;}&:checked + span:before{transform:translateX(20px);}"]),tm=r.ZP.span.withConfig({componentId:"sc-73177dff-15"})(["position:relative;display:inline-block;width:40px;height:20px;background-color:#ccc;border-radius:10px;transition:background-color 0.2s;&:before{content:'';position:absolute;width:16px;height:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform 0.2s;}"]),tg=r.ZP.label.withConfig({componentId:"sc-73177dff-16"})(["display:inline-flex;align-items:center;cursor:pointer;"]),tb={구분:"categories",색상:"color",설계단가:"price",사이즈:"size",가로:"widthDims",세로:"heightDims",두께:"depthDims",브랜드:"brand",광택:"glossiness",원산지:"country",종류:"subCategory",시리즈:"series",판매사:"store",사용위치:"location",용도:"purpose",심리스:"isSeamless",정렬:"sort"},tw=e=>"function"==typeof structuredClone?structuredClone(e):JSON.parse(JSON.stringify(e));var tv=e=>{var t;let{searchKeyword:i,setProductPage:r,setRefreshToggle:s}=e,[l,c]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=()=>c(window.innerWidth<=768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let[p,h]=(0,o.useState)(!1);(0,o.useEffect)(()=>{h(document.documentElement.classList.contains("su-plugin"))},[]);let u=(0,o.useRef)(null),x=(0,o.useRef)(null),[f,m]=(0,o.useState)({}),[b,w]=(0,o.useState)([]),[v,y]=(0,o.useState)({}),[j,I]=(0,o.useState)([]),[k,Z]=(0,o.useState)({}),[P,z]=(0,o.useState)([]),[E,M]=(0,o.useState)([]),[A,D]=(0,o.useState)([]),[T,R]=(0,o.useState)([]),[W,L]=(0,o.useState)(!1),[N,F]=(0,o.useState)([]),[B,O]=(0,o.useState)([]),[H,$]=(0,o.useState)({}),[q,_]=(0,o.useState)({}),[Y,J]=(0,o.useState)({}),[V,K]=(0,o.useState)({}),[Q,U]=(0,o.useState)(null),[G,X]=(0,a.FV)(S.ot),[ee,en]=(0,a.FV)(S.Tq),eo=(0,a.sJ)(et.Z),er=(()=>{var e;let t=null!==(e=ee.activeId.categories)&&void 0!==e?e:[];if(1!==t.length)return!1;let i=Number(t[0]);return i in eo&&!1===eo[i]})(),[ea,es]=(0,a.FV)(C.Z),[ed,ec]=(0,o.useState)(!!ee.activeId.isSeamless),{fetchFacet:ep,fetchPriceMax:eh,fetchFacetCounts:eu}=(0,ei.Z)(),[ex,ef]=(0,o.useState)(3e6),em=(null!==(t=ee.activeId.categories)&&void 0!==t?t:[]).join(",");(0,o.useEffect)(()=>{let e=!0,t=ee.activeId.categories;return g.Wg.post("/filters/new-brands",{categories:(null==t?void 0:t.length)?t:void 0,txtSearch:i||void 0}).then(t=>{e&&Array.isArray(t.data)&&z(t.data)}).catch(()=>{}),()=>{e=!1}},[em,i]),(0,o.useEffect)(()=>{ec(!!ee.activeId.isSeamless)},[ee.activeId.isSeamless]),(0,o.useEffect)(()=>{let e=e=>{u.current&&!u.current.contains(e.target)&&U(null)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let eg=async e=>{if(U(t=>t===e?null:e),"설계단가"===e){let e=("undefined"!=typeof document&&document.documentElement.classList.contains("su-plugin"),215);m(t=>({...t,설계단가:e})),eh({filters:ee,searchKeyword:i}).then(e=>ef(e)).catch(()=>ef(3e6));return}let t=e=>{let t={...ee.activeId,[e]:S.RA[e]};return"categories"===e&&(t.subCategory=""),{activeId:t}},n=async(e,n,o,r)=>{try{let a=await ep({facet:e,filters:t(r),searchKeyword:i,sort:o});n(a)}catch(e){console.error(e)}},o=async(e,n,o,r)=>{try{let a=await eu({facet:e,filters:t(n),searchKeyword:i});o(a.map(e=>e.name)),r(Object.fromEntries(a.map(e=>[e.name,e.count])))}catch(e){console.error(e)}};switch(e){case"브랜드":{let e=await eu({facet:"brand",filters:t("brand"),searchKeyword:i});w(e.map(e=>e.name)),y(Object.fromEntries(e.map(e=>[e.name,e.count])));break}case"시리즈":{let e=await eu({facet:"series",filters:t("series"),searchKeyword:i});I(e.map(e=>e.name)),Z(Object.fromEntries(e.map(e=>[e.name,e.count])));break}case"사이즈":await n("size",M,"numeric","size");break;case"광택":await o("glossiness","glossiness",D,$);break;case"원산지":{let e=await eu({facet:"country",filters:t("country"),searchKeyword:i}),n=e=>/^[가-힣ㄱ-ㅎㅏ-ㅣ]/.test(e.trim());L(e.some(e=>"별도문의"===e.name));let o=e.map(e=>e.name).filter(e=>"별도문의"!==e);R([...o.filter(n).sort((e,t)=>e.localeCompare(t,"ko-KR")),...o.filter(e=>!n(e)).sort((e,t)=>e.localeCompare(t,"en",{sensitivity:"base"}))]),_(Object.fromEntries(e.map(e=>[e.name,e.count])));break}case"사용위치":await o("location","location",F,J);break;case"용도":await o("purpose","purpose",O,K)}},eb=e=>{eg(e)},ew=(e,t)=>{var i,n,o;let r="사용위치"===e,a=r?t.ids.slice(0,1):t.ids,s=null!==(i=({구분:[],색상:[],설계단가:[],사이즈:E,가로:[],세로:[],두께:[],브랜드:b,광택:A,원산지:T,종류:[],시리즈:j,판매사:[],사용위치:N,용도:B,심리스:[],정렬:[...te.ax]})[e])&&void 0!==i?i:[],l=a.map(e=>s[e]).filter(Boolean),d="설계단가"===e?null!==(n=t.name)&&void 0!==n?n:e:l.length>0?l.join(", "):e;X(t=>({...t,[e]:{...t[e],isSelected:a.length>0,content:d,activeId:a}}));let c=tb[e];if("정렬"===e){let e=l[0],t=e?te.Yk[e]:void 0;en(e=>({...e,activeId:{...e.activeId,sort:t}}))}else if("설계단가"===e){let e=a.filter(e=>"number"==typeof e),i=!!t.includeCustomInquiry;en(t=>({...t,activeId:{...t.activeId,price:2===e.length?[e[0],e[1]]:[0,3e6],includeWholesale:i}}))}else{let t=r?null!==(o=l[0])&&void 0!==o?o:"":l.join(","),i="브랜드"===e&&l.some(e=>P.includes(e));en(e=>({...e,activeId:{...e.activeId,[c]:"categories"===c?a:t,...i?{sort:te.Yk["최신순"]}:{}}})),i&&X(e=>({...e,정렬:{...e["정렬"],isSelected:!0,content:"최신순",activeId:[te.ax.indexOf("최신순")]}}))}U(null)},ev=e=>{X(e=>({...e,색상:{...e["색상"],isSelected:!0,content:"색상",activeId:[]}})),en(t=>({...t,activeId:{...t.activeId,color:e}})),es([]),U(null)},ej=(e,t)=>{let i=Array.isArray(t)?t:[t];X(t=>({...t,[e]:{...t[e],activeId:i}}))},eI="별도문의",ek=(ee.activeId.country||"").split(",").filter(Boolean).includes(eI),eC=(e,t,i)=>{let n=[...e,...t?[eI]:[]];X(e=>({...e,원산지:{...e["원산지"],isSelected:n.length>0,content:n.length>0?n.join(", "):"원산지",activeId:i}})),en(e=>({...e,activeId:{...e.activeId,country:n.join(",")}}))},eS=e=>{eC(e.ids.map(e=>T[e]).filter(Boolean),ek,e.ids),U(null)},eZ=()=>{let e=G["원산지"].activeId.map(Number);eC(e.map(e=>T[e]).filter(Boolean),!ek,e)},ez=e=>{let t=e.widthDims||[],i=e.heightDims||[],n=e.depthDims||[];if(!t.length&&!i.length&&!n.length){e.size="";return}let o=new Set;E.forEach(e=>String(e).split(",").forEach(e=>{let r=e.replace(/\s/g,"").trim();if(!r)return;let a=(0,eP.jx)(r),s=null==a.W?null:(0,eP.CC)(a.W),l=null==a.H?null:(0,eP.CC)(a.H),d=a.T;(!t.length||null!=s&&t.includes(s))&&(!i.length||null!=l&&i.includes(l))&&(!n.length||null!=d&&n.includes(d))&&o.add(r)})),e.size=Array.from(o).join(",")},eE=(e,t,i)=>{let n=[...e.map(e=>"W".concat(e)),...t.map(e=>"L".concat(e)),...i.map(e=>"T".concat(e))];return n.length?n.length<=2?n.join("\xb7"):"".concat(n[0]," 외 ").concat(n.length-1):"사이즈"},eA=(e,t,i)=>{let n=e.length+t.length+i.length;X(o=>({...o,사이즈:{...o["사이즈"],isSelected:n>0,content:n>0?eE(e,t,i):"사이즈",activeId:[]}}))},eD=(e,t)=>{var i;let n="W"===e?"widthDims":"H"===e?"heightDims":"depthDims",o=null!==(i=ee.activeId[n])&&void 0!==i?i:[],r=o.includes(t)?o.filter(e=>e!==t):[...o,t];en(e=>{let t={...e.activeId,[n]:r};return ez(t),{...e,activeId:t}}),eA("W"===e?r:ee.activeId.widthDims||[],"H"===e?r:ee.activeId.heightDims||[],"T"===e?r:ee.activeId.depthDims||[])},eT=e=>{let t="W"===e?"widthDims":"H"===e?"heightDims":"depthDims";en(e=>{let i={...e.activeId,[t]:[]};return ez(i),{...e,activeId:i}}),eA("W"===e?[]:ee.activeId.widthDims||[],"H"===e?[]:ee.activeId.heightDims||[],"T"===e?[]:ee.activeId.depthDims||[]),U(null)},eR=(e,t,i)=>t?p?i:"".concat(e," | ").concat(i):e,eW=()=>{w([]),M([]),D([]),R([]),F([]),O([]),$({}),_({}),J({}),K({}),m({}),U(null)};return(0,n.jsxs)(tt,{ref:u,children:[(0,n.jsx)(ti,{style:er?{display:"none"}:void 0,children:(0,n.jsxs)(th,{children:[(0,n.jsxs)(tg,{children:[(0,n.jsx)(tf,{checked:ed,onChange:()=>{let e=!ed;ec(e),eW(),X(t=>({...t,정렬:tw(S.MZ["정렬"]),브랜드:tw(S.MZ["브랜드"]),설계단가:tw(S.MZ["설계단가"]),사이즈:tw(S.MZ["사이즈"]),광택:tw(S.MZ["광택"]),사용위치:tw(S.MZ["사용위치"]),용도:tw(S.MZ["용도"]),색상:tw(S.MZ["색상"]),원산지:tw(S.MZ["원산지"]),시리즈:tw(S.MZ["시리즈"]),심리스:e?{isSelected:!0,content:"심리스",activeId:[1]}:tw(S.MZ["심리스"])})),en(t=>({...t,activeId:{...t.activeId,sort:void 0,brand:"",series:"",country:"",glossiness:"",location:"",purpose:"",color:"",size:"",widthDims:[],heightDims:[],depthDims:[],minPrice:"",maxPrice:"",price:[0,3e6],includeWholesale:!0,isSeamless:e}})),es([]),r(1),s(e=>!e)}}),(0,n.jsx)(tm,{})]}),(0,n.jsxs)(tu,{children:["고품질",(0,n.jsx)(tx,{children:"(Seamless/PBR)"})]})]})}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"정렬"===Q,isSelected:G["정렬"].isSelected,content:eR("정렬",G["정렬"].isSelected,G["정렬"].content),onClick:()=>eb("정렬")}),"정렬"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(ey,{activeId:G["정렬"].activeId,setActiveId:e=>ej("정렬",e),onSelect:e=>ew("정렬",e),options:[...te.ax]})}):(0,n.jsx)(ta,{children:(0,n.jsx)(ey,{activeId:G["정렬"].activeId,setActiveId:e=>ej("정렬",e),onSelect:e=>ew("정렬",e),options:[...te.ax]})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsxs)(tn,{children:[(0,n.jsx)(el,{isActive:"브랜드"===Q,isSelected:G["브랜드"].isSelected,content:eR("브랜드",G["브랜드"].isSelected,G["브랜드"].content),onClick:()=>eb("브랜드")}),P.length>0&&(0,n.jsx)(tr,{children:"NEW"})]}),"브랜드"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(ey,{activeId:G["브랜드"].activeId.map(Number),setActiveId:e=>ej("브랜드",e),onSelect:e=>ew("브랜드",e),options:b,newBrands:P,searchable:!0})}):(0,n.jsx)(ta,{children:(0,n.jsx)(ey,{activeId:G["브랜드"].activeId.map(Number),setActiveId:e=>ej("브랜드",e),onSelect:e=>ew("브랜드",e),options:b,newBrands:P,searchable:!0})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"시리즈"===Q,isSelected:G["시리즈"].isSelected,content:eR("시리즈",G["시리즈"].isSelected,G["시리즈"].content),onClick:()=>eb("시리즈")}),"시리즈"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(ey,{activeId:G["시리즈"].activeId.map(Number),setActiveId:e=>ej("시리즈",e),onSelect:e=>ew("시리즈",e),options:j,searchable:!0})}):(0,n.jsx)(ta,{children:(0,n.jsx)(ey,{activeId:G["시리즈"].activeId.map(Number),setActiveId:e=>ej("시리즈",e),onSelect:e=>ew("시리즈",e),options:j,searchable:!0})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"사이즈"===Q,isSelected:G["사이즈"].isSelected,content:eR("사이즈(mm)",G["사이즈"].isSelected,G["사이즈"].content),onClick:()=>eb("사이즈")}),"사이즈"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(eM,{rawSizes:E,widthDims:ee.activeId.widthDims||[],heightDims:ee.activeId.heightDims||[],depthDims:ee.activeId.depthDims||[],onToggle:eD,onReset:eT})}):(0,n.jsx)(tl,{children:(0,n.jsx)(eM,{rawSizes:E,widthDims:ee.activeId.widthDims||[],heightDims:ee.activeId.heightDims||[],depthDims:ee.activeId.depthDims||[],onToggle:eD,onReset:eT})}))]}),(0,n.jsxs)(ti,{ref:x,children:[(0,n.jsx)(el,{isActive:"설계단가"===Q,isSelected:G["설계단가"].isSelected,content:eR("단가(m\xb2)",G["설계단가"].isSelected,G["설계단가"].content),onClick:()=>eb("설계단가")}),"설계단가"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(e7,{activeId:G["설계단가"].activeId,maxPrice:ex,setActiveId:e=>ej("설계단가",e),onSelect:e=>ew("설계단가",e),closeDropdown:()=>U(null),includeCustomInquiry:G["설계단가"].includeCustomInquiry,onCustomInquiryToggle:e=>X(t=>({...t,설계단가:{...t["설계단가"],includeCustomInquiry:e}}))})}):(0,n.jsx)(ta,{children:(0,n.jsx)(e7,{width:f["설계단가"],activeId:G["설계단가"].activeId,maxPrice:ex,setActiveId:e=>ej("설계단가",e),onSelect:e=>ew("설계단가",e),closeDropdown:()=>U(null),includeCustomInquiry:G["설계단가"].includeCustomInquiry,onCustomInquiryToggle:e=>X(t=>({...t,설계단가:{...t["설계단가"],includeCustomInquiry:e}}))})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"광택"===Q,isSelected:G["광택"].isSelected,content:eR("광택",G["광택"].isSelected,G["광택"].content),onClick:()=>eb("광택")}),"광택"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(ey,{activeId:G["광택"].activeId.map(Number),setActiveId:e=>ej("광택",e),onSelect:e=>ew("광택",e),options:A})}):(0,n.jsx)(ta,{children:(0,n.jsx)(ey,{activeId:G["광택"].activeId.map(Number),setActiveId:e=>ej("광택",e),onSelect:e=>ew("광택",e),options:A})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"원산지"===Q,isSelected:G["원산지"].isSelected,content:eR("원산지",G["원산지"].isSelected,G["원산지"].content),onClick:()=>eb("원산지")}),"원산지"===Q&&(l?(0,n.jsxs)(td,{children:[(0,n.jsx)(ey,{activeId:G["원산지"].activeId.map(Number),setActiveId:e=>ej("원산지",e),onSelect:eS,options:T,searchable:!0}),W&&(0,n.jsxs)(to,{onClick:eZ,children:[(0,n.jsx)(d.default,{src:ek?eq.Z:e$,width:15,height:15,alt:"checkbox"}),(0,n.jsx)("span",{children:"별도문의"})]})]}):(0,n.jsxs)(ta,{children:[(0,n.jsx)(ey,{activeId:G["원산지"].activeId.map(Number),setActiveId:e=>ej("원산지",e),onSelect:eS,options:T,searchable:!0}),W&&(0,n.jsxs)(to,{onClick:eZ,children:[(0,n.jsx)(d.default,{src:ek?eq.Z:e$,width:15,height:15,alt:"checkbox"}),(0,n.jsx)("span",{children:"별도문의"})]})]}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"사용위치"===Q,isSelected:G["사용위치"].isSelected,content:eR("위치",G["사용위치"].isSelected,G["사용위치"].content),onClick:()=>eb("사용위치")}),"사용위치"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(ey,{activeId:G["사용위치"].activeId.map(Number),setActiveId:e=>ej("사용위치",e),onSelect:e=>ew("사용위치",e),options:N})}):(0,n.jsx)(ta,{children:(0,n.jsx)(ey,{activeId:G["사용위치"].activeId.map(Number),setActiveId:e=>ej("사용위치",e),onSelect:e=>ew("사용위치",e),options:N})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(el,{isActive:"용도"===Q,isSelected:G["용도"].isSelected,content:eR("용도",G["용도"].isSelected,G["용도"].content),onClick:()=>eb("용도")}),"용도"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(ey,{activeId:G["용도"].activeId.map(Number),setActiveId:e=>ej("용도",e),onSelect:e=>ew("용도",e),options:B,multiSelect:!0})}):(0,n.jsx)(ta,{children:(0,n.jsx)(ey,{activeId:G["용도"].activeId.map(Number),setActiveId:e=>ej("용도",e),onSelect:e=>ew("용도",e),options:B,multiSelect:!0})}))]}),(0,n.jsxs)(ti,{children:[(0,n.jsx)(tp,{children:(0,n.jsx)(tc,{type:"button","aria-label":"색상 검색",title:"색상으로 검색",$selected:G["색상"].isSelected,$hex:ee.activeId.color||void 0,onClick:()=>eb("색상")})}),"색상"===Q&&(l?(0,n.jsx)(td,{children:(0,n.jsx)(e3.Z,{selectedHex:ee.activeId.color||void 0,onSelect:ev})}):(0,n.jsx)(ts,{children:(0,n.jsx)(e3.Z,{selectedHex:ee.activeId.color||void 0,onSelect:ev})}))]}),(0,n.jsx)(ti,{children:(0,n.jsx)(el,{isActive:!1,isSelected:!1,content:"",onClick:()=>{eW(),r(1),es([]),X(e=>({...e,정렬:tw(S.MZ["정렬"]),브랜드:tw(S.MZ["브랜드"]),설계단가:tw(S.MZ["설계단가"]),사이즈:tw(S.MZ["사이즈"]),광택:tw(S.MZ["광택"]),사용위치:tw(S.MZ["사용위치"]),용도:tw(S.MZ["용도"]),색상:tw(S.MZ["색상"]),원산지:tw(S.MZ["원산지"]),시리즈:tw(S.MZ["시리즈"])})),en(e=>({...e,activeId:{...e.activeId,sort:void 0,brand:"",series:"",country:"",glossiness:"",location:"",purpose:"",color:"",size:"",widthDims:[],heightDims:[],depthDims:[],minPrice:"",maxPrice:"",price:[0,3e6],includeWholesale:!0}})),s(e=>!e)},isRefresh:!0})})]})},ty=i(81431),tj=i(27026),tI=i(33905),tk=i(64779);let tC=[{key:"commercial",ko:"상업"},{key:"residential",ko:"주거"},{key:"office",ko:"오피스"},{key:"education",ko:"교육"},{key:"exhibition",ko:"전시"}],tS=Object.fromEntries(tC.map(e=>[e.key,e.ko])),tZ=e=>e.split(",")[0].split("/")[0].trim(),tP={1:{a:"#ffe9a3",b:"#e8b23a",ring:"#c98a1a",ra:"#e2554f",rb:"#c13a35",num:"#6b4600"},2:{a:"#fbfbff",b:"#c6c2d2",ring:"#9a94a8",ra:"#5b90de",rb:"#3a6cc0",num:"#3a3646"},3:{a:"#f3d3ab",b:"#cf9061",ring:"#a86b3f",ra:"#54b06f",rb:"#348a52",num:"#4a2c14"}},tz=e=>{let{rank:t}=e,i=tP[t]||tP[1],o="mcd-medal-".concat(t);return(0,n.jsxs)("svg",{viewBox:"0 0 36 44",width:"100%",height:"100%","aria-hidden":!0,children:[(0,n.jsx)("defs",{children:(0,n.jsxs)("radialGradient",{id:o,cx:"38%",cy:"32%",r:"78%",children:[(0,n.jsx)("stop",{offset:"0%",stopColor:i.a}),(0,n.jsx)("stop",{offset:"100%",stopColor:i.b})]})}),(0,n.jsx)("polygon",{points:"8,1 14,1 22,24 16,24",fill:i.ra}),(0,n.jsx)("polygon",{points:"28,1 22,1 14,24 20,24",fill:i.rb}),(0,n.jsx)("circle",{cx:"18",cy:"29",r:"13.5",fill:"url(#".concat(o,")"),stroke:i.ring,strokeWidth:"1.5"}),(0,n.jsx)("circle",{cx:"18",cy:"28",r:"10.6",fill:"none",stroke:"rgba(255,255,255,0.45)",strokeWidth:"1"}),(0,n.jsx)("text",{x:"18",y:"29.5",textAnchor:"middle",dominantBaseline:"central",fontSize:"15.5",fontWeight:"900",fill:i.num,children:t})]})};var tE=()=>{let e=(0,l.useRouter)(),[t,i]=(0,o.useState)(null),[r,s]=(0,o.useState)([]),[d,c]=(0,o.useState)(null),[p,h]=(0,o.useState)([]),[u,x]=(0,o.useState)(!1),[f,m]=(0,o.useState)(!1),[g,b]=(0,o.useState)(!0),w=(0,o.useRef)(null),v=(0,o.useRef)(!1),y=(0,o.useRef)(null),[j,I]=(0,o.useState)(0),k=(0,a.sJ)(S.Tq),C=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=JSON.stringify(k.activeId);if(null===C.current){C.current=e;return}C.current!==e&&(C.current=e,b(!0))},[k.activeId]);let Z=(0,o.useCallback)(()=>{b(e=>!e)},[]);(0,o.useEffect)(()=>{if(g)return;let e=e=>e&&e!==document&&e!==document&&e!==window?e===document.documentElement||e===document.body?window.scrollY||document.documentElement.scrollTop||0:"number"==typeof e.scrollTop?e.scrollTop:0:window.scrollY||document.documentElement.scrollTop||0,t=null,i=0,n=0,o=()=>{i=0;let e=n;if(null===t){t=e;return}if(e>t+4){b(!0);try{localStorage.setItem(window.innerWidth<=768?"mcd_reco_collapsed_m":"mcd_reco_collapsed","1")}catch(e){}}t=e},r=t=>{let r=t.target;!(w.current&&r instanceof Node&&w.current.contains(r))&&(n=e(r),i||(i=requestAnimationFrame(o)))};return document.addEventListener("scroll",r,{capture:!0,passive:!0}),()=>{document.removeEventListener("scroll",r,{capture:!0}),i&&cancelAnimationFrame(i)}},[g]);let P=(0,o.useCallback)(async function(e,t){let i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];try{let n=await (0,ty.i_)({mainTask:e,categoryId:t,limit:window.innerWidth<=768?4:24});return h(n.items||[]),i&&(!n.items||0===n.items.length)&&m(!0),n.mainTask}catch(e){return h([]),i&&m(!0),null}},[]);(0,o.useEffect)(()=>{v.current||(v.current=!0,(async()=>{let e=await P(null,null,!0),t=e&&tS[e]?e:null;if(i(t),t){let e=await (0,ty.eN)(t).catch(()=>null);e&&s(e.categories)}x(!0)})())},[P]);let z=(0,o.useCallback)(async e=>{i(e),c(null),await P(e,null);let t=await (0,ty.eN)(e).catch(()=>null);s(t?t.categories:[])},[P]),E=(0,o.useCallback)(async e=>{c(e),await P(t,e)},[P,t]),M=(0,o.useCallback)(t=>{try{sessionStorage.setItem("mcd_viewsrc:".concat(t.productId),"coordinator")}catch(e){}e.push("/home/?pid=".concat(t.productId))},[e]);if((0,o.useEffect)(()=>{let e=y.current;if(g||!e)return;let t=()=>{let t=getComputedStyle(e).gridTemplateColumns,i=t&&"none"!==t?t.split(" ").filter(Boolean).length:0;i>0&&I(e=>e===i?e:i)};t();let i=null,n=new ResizeObserver(()=>{i&&clearTimeout(i),i=setTimeout(t,150)});return n.observe(e),()=>{n.disconnect(),i&&clearTimeout(i)}},[g,p.length]),(0,o.useEffect)(()=>{let e=document.documentElement,t=()=>{var t,i;let n=!f&&window.innerWidth>768;e.style.setProperty("--mcd-reco-h",n?"".concat(null!==(i=null===(t=w.current)||void 0===t?void 0:t.offsetHeight)&&void 0!==i?i:76,"px"):"0px")};return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),e.style.setProperty("--mcd-reco-h","0px")}},[u,f,g]),f)return null;if(!u)return(0,n.jsx)(tN,{ref:w,$collapsed:!0,children:(0,n.jsx)(tF,{$collapsed:!0,children:(0,n.jsx)(tq,{children:(0,n.jsxs)(tY,{children:[(0,n.jsx)("span",{"aria-hidden":!0,children:"\uD83E\uDDED"}),(0,n.jsx)(tW,{})]})})})});let A=j<=0?Math.min(p.length,14):(()=>{let e=Math.floor(Math.min(p.length,2*j)/j);return e>=1?e*j:p.length})(),D=p.slice(0,A);return(0,n.jsx)(tN,{ref:w,$collapsed:g,children:(0,n.jsxs)(tF,{$collapsed:g,children:[(0,n.jsxs)(tq,{children:[(0,n.jsxs)(tY,{children:[(0,n.jsx)("span",{"aria-hidden":!0,children:"\uD83E\uDDED"}),(0,n.jsxs)(tJ,{children:["마코디 ",(0,n.jsx)("b",{children:"전문가 회원 4,000+명"}),"이 선택한 ",(0,n.jsx)("b",{children:"인기 TOP 자재"})]}),(0,n.jsxs)(tV,{children:["마코디 ",(0,n.jsx)("b",{children:"전문가 4,000+명"}),"의 ",(0,n.jsx)("b",{children:"인기 TOP 자재"})]}),(0,n.jsx)(t_,{type:"button",onClick:Z,$on:!g,"aria-expanded":!g,"aria-label":g?"인기 TOP 펼치기":"인기 TOP 접기",children:g?"열어보기 ▾":"접기 ︿"})]}),(0,n.jsx)(tK,{children:(0,n.jsxs)(tX,{children:[(0,n.jsx)(tU,{}),"실시간으로 집계 중"]})})]}),!g&&(0,n.jsx)(tH,{onClick:Z,onWheel:e=>{e.deltaY>0&&b(!0)},"aria-hidden":!0}),!g&&(0,n.jsxs)(t$,{children:[(0,n.jsxs)(t8,{children:[(0,n.jsxs)(t5,{children:[(0,n.jsx)(t4,{children:"공간 유형"}),tC.map(e=>(0,n.jsx)(t6,{type:"button",$on:t===e.key,$space:!0,onClick:()=>z(e.key),children:e.ko},e.key))]}),t&&r.length>0&&(0,n.jsxs)(t5,{children:[(0,n.jsx)(t4,{children:"자재 종류"}),(0,n.jsx)(t6,{type:"button",$on:null==d,onClick:()=>E(null),children:"전체"}),r.map(e=>(0,n.jsx)(t6,{type:"button",$on:null!=d&&d===e.categoryId,onClick:()=>E(e.categoryId),children:tZ(e.name)},e.name))]})]}),0===p.length?(0,n.jsx)(t2,{children:"이 자재 종류는 아직 집계 데이터가 적어요."}):(0,n.jsx)(t7,{ref:y,children:D.map(e=>(0,n.jsxs)(t3,{type:"button","data-product-card":!0,onClick:()=>M(e),children:[(0,n.jsxs)(tj.Z,{img:e.image,alt:e.name,children:[(0,n.jsx)(t9,{children:e.isHighQuality||e.hasSeamless&&e.hasPBR?(0,n.jsx)(ie,{children:(0,n.jsx)(tk.vW,{size:38})}):e.hasSeamless?(0,n.jsx)(ie,{children:(0,n.jsx)(tk.BD,{size:38})}):null}),e.rankNo<=3?(0,n.jsx)(t0,{"aria-label":"".concat(e.rankNo,"위"),children:(0,n.jsx)(tz,{rank:e.rankNo})}):(0,n.jsx)(t1,{$r:e.rankNo,"aria-label":"".concat(e.rankNo,"위"),children:e.rankNo})]}),(0,n.jsx)(tI.Z,{name:e.name,category:e.category,subCategory:e.subCategory})]},"".concat(e.source,"-").concat(e.productId)))}),(0,n.jsxs)(tB,{type:"button",onClick:Z,children:[(0,n.jsx)(tO,{"aria-hidden":!0,children:"︿"}),"접고 전체 자재 보기"]})]})]})})};let tM="#1f7a63",tA="#eef4f2",tD="#413d7d",tT="#5b5866",tR=(0,r.F4)(["0%{background-position:-180px 0;}100%{background-position:180px 0;}"]),tW=r.ZP.span.withConfig({componentId:"sc-28d88919-0"})(["display:inline-block;width:280px;max-width:46vw;height:13px;border-radius:6px;background:linear-gradient( 90deg,rgba(65,61,125,0.08) 25%,rgba(65,61,125,0.16) 37%,rgba(65,61,125,0.08) 63% );background-size:360px 100%;animation:"," 1.2s ease-in-out infinite;"],tR),tL=e=>1===e?{bg:"radial-gradient(circle at 33% 27%, #fbe58f 0%, #ecba4c 46%, #d99a2b 100%)",ring:"#b5811f",text:"#5a3d00"}:2===e?{bg:"radial-gradient(circle at 33% 27%, #f6f6fa 0%, #d2cedb 46%, #b2acbf 100%)",ring:"#948ea3",text:"#3a3646"}:3===e?{bg:"radial-gradient(circle at 33% 27%, #f0cda4 0%, #d29a68 46%, #ba7d48 100%)",ring:"#9c6738",text:"#4a2c14"}:{bg:"radial-gradient(circle at 33% 27%, #6d7482 0%, #464d59 46%, #333a45 100%)",ring:"#272d37",text:"#ffffff"},tN=r.ZP.div.withConfig({componentId:"sc-28d88919-1"})(["padding:14px 0 8px;position:sticky;top:0;z-index:101;background:#fff;@media (max-width:768px){display:none;}"]),tF=r.ZP.div.withConfig({componentId:"sc-28d88919-2"})(["position:relative;display:flex;flex-direction:column;gap:9px;background:",";border-radius:0;padding:0 8px;justify-content:center;height:54px;html.su-plugin &{height:46px;}@media (max-width:768px){height:auto;padding:11px 8px 12px;}"],tA),tB=r.ZP.button.withConfig({componentId:"sc-28d88919-3"})(["margin-top:2px;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 0 8px;border:0;border-top:1px solid rgba(31,122,99,0.16);border-radius:0 0 6px 6px;background:rgba(255,255,255,0.62);color:",";font-size:12.5px;font-weight:700;letter-spacing:-0.2px;cursor:pointer;transition:background 0.15s ease;&:hover{background:rgba(255,255,255,0.92);}"],tM),tO=r.ZP.span.withConfig({componentId:"sc-28d88919-4"})(["display:inline-block;font-size:14px;line-height:1;animation:mcdRecoNudge 1.9s ease-in-out infinite;@keyframes mcdRecoNudge{0%,62%,100%{transform:translateY(0);}76%{transform:translateY(-3px);}88%{transform:translateY(-1px);}}@media (prefers-reduced-motion:reduce){animation:none;}"]),tH=r.ZP.div.withConfig({componentId:"sc-28d88919-5"})(["position:absolute;top:100%;left:0;right:0;height:100vh;z-index:100;background:rgba(0,0,0,0.42);cursor:pointer;animation:mcdRecoDimIn 0.14s ease-out;@keyframes mcdRecoDimIn{from{opacity:0;}to{opacity:1;}}"]),t$=r.ZP.div.withConfig({componentId:"sc-28d88919-6"})(["position:absolute;top:100%;left:0;right:0;z-index:101;background:",";padding:0 8px 12px;display:flex;flex-direction:column;gap:9px;box-shadow:0 14px 20px -10px rgba(0,0,0,0.22);max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain;"],tA),tq=r.ZP.div.withConfig({componentId:"sc-28d88919-7"})(["position:relative;display:flex;align-items:center;gap:9px;flex-wrap:nowrap;min-width:0;padding:0;html.su-plugin &{height:24px;}"]),t_=r.ZP.button.withConfig({componentId:"sc-28d88919-8"})(["flex:none;display:inline-flex;align-items:center;gap:3px;margin-left:3px;padding:2.5px 8px 2.5px 9px;border-radius:999px;background:",";color:",";font-size:11.5px;font-weight:700;letter-spacing:-0.2px;animation:",";border:none;cursor:pointer;transition:filter 0.14s ease;&:hover{filter:brightness(0.93);}@keyframes mcdOpenCuePulse{0%,70%,100%{box-shadow:0 0 0 0 rgba(31,122,99,0);}82%{box-shadow:0 0 0 4px rgba(31,122,99,0.22);}}@media (prefers-reduced-motion:reduce){animation:none;}html.su-plugin &{font-size:10.5px;padding:2px 7px;}"],e=>e.$on?"rgba(0,0,0,0.06)":tM,e=>e.$on?tT:"#fff",e=>e.$on?"none":"mcdOpenCuePulse 2.4s ease-in-out infinite"),tY=r.ZP.span.withConfig({componentId:"sc-28d88919-9"})(["display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;font-size:14px;font-weight:600;color:#8a8798;b{font-size:inherit;color:",";font-weight:800;}@media (min-width:769px) and (max-width:1440px){font-size:12.5px;}html.su-plugin &{font-size:12px;}"],tD),tJ=r.ZP.span.withConfig({componentId:"sc-28d88919-10"})(["@media (max-width:768px){display:none;}"]),tV=r.ZP.span.withConfig({componentId:"sc-28d88919-11"})(["display:none;@media (max-width:768px){display:inline;}"]),tK=r.ZP.div.withConfig({componentId:"sc-28d88919-12"})(["margin-left:auto;display:flex;align-items:center;gap:12px;flex:0 0 auto;"]),tQ=(0,r.F4)(["0%{transform:scale(0.6);opacity:0.6;}100%{transform:scale(1.6);opacity:0;}"]),tU=r.ZP.span.withConfig({componentId:"sc-28d88919-13"})(["position:relative;width:7px;height:7px;border-radius:50%;background:",";flex:0 0 auto;&::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid ",";opacity:0.5;animation:"," 1.8s ease-out infinite;}@media (prefers-reduced-motion:reduce){&::after{animation:none;}}"],tM,tM,tQ),tG=r.ZP.span.withConfig({componentId:"sc-28d88919-14"})(["display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:",";white-space:nowrap;@media (max-width:768px){font-size:10px;}"],tM),tX=(0,r.ZP)(tG).withConfig({componentId:"sc-28d88919-15"})(["flex:0 0 auto;font-size:14px;@media (min-width:769px) and (max-width:1440px){font-size:12.5px;}html.su-plugin &{font-size:12px;}@media (max-width:768px){display:none;}"]),t0=r.ZP.span.withConfig({componentId:"sc-28d88919-16"})(["position:absolute;top:2px;right:4px;z-index:2;width:34px;height:42px;display:block;pointer-events:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,0.22));@media (max-width:768px){width:30px;height:37px;right:3px;}html.su-plugin &{width:26px;height:32px;right:3px;}"]),t1=r.ZP.span.withConfig({componentId:"sc-28d88919-17"})(["position:absolute;top:6px;right:6px;z-index:2;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;border:1.5px solid;box-shadow:0 2px 5px rgba(0,0,0,0.3),inset 0 1px 1.5px rgba(255,255,255,0.55),inset 0 -2px 3px rgba(0,0,0,0.18);pointer-events:none;"," @media (max-width:768px){top:4px;right:4px;width:24px;height:24px;font-size:12px;}html.su-plugin &{top:4px;right:4px;width:22px;height:22px;font-size:11px;}"],e=>{let{$r:t}=e,i=tL(t);return"background:".concat(i.bg,";border-color:").concat(i.ring,";color:").concat(i.text,";")}),t2=r.ZP.div.withConfig({componentId:"sc-28d88919-18"})(["font-size:12px;color:#8a8798;padding:14px 2px 6px;"]),t8=r.ZP.div.withConfig({componentId:"sc-28d88919-19"})(["display:flex;flex-direction:column;gap:7px;"]),t5=r.ZP.div.withConfig({componentId:"sc-28d88919-20"})(["display:flex;gap:5px;overflow-x:auto;align-items:center;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]),t4=r.ZP.span.withConfig({componentId:"sc-28d88919-21"})(["flex:0 0 auto;font-family:inherit;font-size:14px;font-weight:500;color:#8a8798;white-space:nowrap;margin-right:4px;@media (min-width:769px) and (max-width:1440px){font-size:12.5px;}html.su-plugin &{font-size:12px;}@media (max-width:768px){font-size:12.5px;}"]),t6=r.ZP.button.withConfig({componentId:"sc-28d88919-22"})(["flex:0 0 auto;display:inline-flex;align-items:center;font-family:inherit;font-size:14px;font-weight:500;color:",";white-space:nowrap;cursor:pointer;border-radius:8px;padding:2px 12px;border:1px solid #e0e0e0;background:#fff;transition:all 0.12s;"," &:hover{border-color:",";}@media (min-width:769px) and (max-width:1440px){font-size:12.5px;padding:2px 10px;}html.su-plugin &{font-size:12px;padding:2px 8px;}@media (max-width:768px){font-size:12.5px;padding:2px 10px;}"],tT,e=>{let{$on:t,$space:i}=e;return t?"background:".concat(i?tD:tM,";color:#fff;border-color:").concat(i?tD:tM,";"):""},e=>{let{$space:t}=e;return t?tD:tM}),t7=r.ZP.div.withConfig({componentId:"sc-28d88919-23"})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 0.5rem;@media (min-width:769px) and (max-width:1440px){grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px 8px;}@media (max-width:768px){grid-template-columns:repeat(2,1fr);gap:8px;}html.su-plugin &{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:5px 8px;}"]),t3=r.ZP.button.withConfig({componentId:"sc-28d88919-24"})(["display:flex;flex-direction:column;background:transparent;border:0;padding:6px 0;text-align:left;cursor:pointer;min-width:0;html.su-plugin &:focus,html.su-plugin &:focus-visible{outline:none;}html.su-plugin &{padding:3px 0;}"]),t9=r.ZP.div.withConfig({componentId:"sc-28d88919-25"})(["position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:3px;z-index:2;@media (max-width:768px){gap:2px;}html.su-plugin &{top:5px;left:5px;gap:2px;}"]),ie=r.ZP.div.withConfig({componentId:"sc-28d88919-26"})(["width:38px;height:38px;position:relative;img{width:100% !important;height:100% !important;}@media (max-width:768px){width:32px;height:32px;}@media (min-width:769px) and (max-width:1440px){width:25px;height:25px;}html.su-plugin &{width:24px;height:24px;}"]);var it=i(1332);let ii=()=>(0,$.nZ)("https://youtu.be/oFOx_cwozwk"),io=r.ZP.div.withConfig({componentId:"sc-9b608ffb-0"})(["display:grid;grid-template-columns:var(--mcd-sidebar-w,","px) 1fr;grid-auto-rows:min-content;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;flex:1;min-width:0;margin-right:43px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.28) transparent;&::-webkit-scrollbar{width:10px;height:10px;}&::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.28);border-radius:8px;border:2px solid transparent;background-clip:content-box;}&::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.42);background-clip:content-box;}&::-webkit-scrollbar-track{background:transparent;}@media (max-width:","px){grid-template-columns:1fr;margin-right:0;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{width:0;height:0;}}html.su-plugin &{grid-template-columns:var(--mcd-sidebar-w,","px) 1fr !important;flex:1 !important;min-width:0 !important;}"],250,768,250),ir=r.ZP.div.withConfig({componentId:"sc-9b608ffb-1"})(["position:relative;height:",";min-height:1px;@media (max-width:","px){display:none;}html.su-plugin &{display:block !important;}"],e=>{let{h:t}=e;return"".concat(t,"px")},768),ia=r.ZP.div.withConfig({componentId:"sc-9b608ffb-2"})(["grid-column:2 / -1;position:relative;background:#fff;border-left:1px solid #f0f0f0;@media (max-width:","px){grid-column:1 / -1;border-left:none;}"],768),is=r.ZP.div.withConfig({componentId:"sc-9b608ffb-3"})(["position:fixed;left:",";width:var(--mcd-sidebar-w,","px);height:calc(100vh - var(--fixed-top-height,0px));border-right:1px solid #f0f0f0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2;background:inherit;"," @media (max-width:","px){display:none;}html.su-plugin &{","}"],e=>{let{left:t}=e;return"".concat(t,"px")},250,e=>{let{$hidden:t}=e;return t&&"display: none;"},768,e=>{let{$hidden:t}=e;return t?"display: none !important;":"display: block !important;"}),il=r.ZP.div.withConfig({componentId:"sc-9b608ffb-4"})(["position:absolute;left:0;width:var(--mcd-sidebar-w,","px);height:calc(100vh - var(--fixed-top-height,0px));border-right:1px solid #f0f0f0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;transform:translateY(",");will-change:transform;"," @media (max-width:","px){display:none;}html.su-plugin &{","}"],250,e=>{let{topPx:t}=e;return"".concat(t,"px")},e=>{let{$hidden:t}=e;return t&&"display: none;"},768,e=>{let{$hidden:t}=e;return t?"display: none !important;":"display: block !important;"}),id=r.ZP.div.withConfig({componentId:"sc-9b608ffb-5"})(["min-width:0;align-self:start;"]),ic=r.ZP.div.withConfig({componentId:"sc-9b608ffb-6"})(["display:none;@media (max-width:","px){display:block;margin-top:0;padding:0;}html.su-plugin &{display:none !important;}"],768),ip=r.ZP.div.withConfig({componentId:"sc-9b608ffb-7"})(["flex:0 0 auto;width:var(--mcd-sidebar-w,","px);min-width:var(--mcd-sidebar-w,","px);display:flex;align-items:center;justify-content:center;margin-left:0;margin-right:0;& > *{width:100%;}@media (max-width:768px){display:none;}html.su-plugin &{display:flex !important;}"],250,250),ih=r.ZP.button.withConfig({componentId:"sc-9b608ffb-8"})(["flex:none;display:inline-flex;align-items:center;gap:5px;margin-left:10px;margin-right:auto;padding:5px 12px;border:none;border-radius:999px;background:#efeaff;color:#5b3df5;font-size:13px;font-weight:700;letter-spacing:-0.2px;white-space:nowrap;cursor:pointer;transition:background 0.15s ease;&:hover{background:#e2daff;}@media (max-width:768px){display:none;}"]),iu=r.ZP.span.withConfig({componentId:"sc-9b608ffb-9"})(["font-size:12px;line-height:1;"]),ix=r.ZP.nav.withConfig({componentId:"sc-9b608ffb-10"})(["position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:30px;a{color:#666565;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:-0.01em;cursor:pointer;transition:color 0.18s ease,transform 0.18s ease;&:hover{color:#413d7d;transform:translateY(-1px);}&:focus,&:focus-visible{color:#413d7d;font-weight:700;outline:none;}&.active{color:#413d7d;font-weight:700;}}@media (min-width:769px) and (max-width:1440px){gap:14px;a{font-size:13px;}}@media (max-width:768px){display:none;}html.su-plugin &{display:flex;}"]);var im=()=>{var e,t,i,r,d,c;let{searchKeyword:p,setSearchKeyword:h,filters:x}=(0,s.s)(),f=(0,l.useRouter)(),m=(0,l.useSearchParams)(),g=(0,l.usePathname)(),b=null!==(t=null==m?void 0:m.get("q"))&&void 0!==t?t:"",w=null!==(i=null==m?void 0:m.get("store"))&&void 0!==i?i:"",[j,I]=(0,o.useState)(1),[k,C]=(0,o.useState)(!1),[Z,P]=(0,o.useState)([]),[z,M]=(0,o.useState)(null);(0,it.Z)({onSuccess:P,onError:e=>M(e)});let A=(0,a.Zl)(S.Tq);(0,o.useEffect)(()=>{h(b),A(e=>({...e,activeId:{...e.activeId,txtSearch:b||""}}))},[b,h,A]);let D=null!==(r=null==m?void 0:m.get("brand"))&&void 0!==r?r:"";(0,o.useEffect)(()=>{D&&A(e=>({...e,activeId:{...e.activeId,brand:decodeURIComponent(D),txtSearch:""}}))},[D,A]);let T=(0,a.Zl)(S.ot),$=null!==(d=null==m?void 0:m.get("sort"))&&void 0!==d?d:"";(0,o.useEffect)(()=>{if(!$)return;let e=Object.keys(te.Yk).find(e=>te.Yk[e]===$);e&&(A(e=>({...e,activeId:{...e.activeId,sort:$}})),T(t=>({...t,정렬:{isSelected:!0,content:e,activeId:[te.ax.indexOf(e)]}})))},[$,A,T]);let et=(0,a.rb)(S.Tq),ei=(0,a.rb)(S.ot);(0,o.useEffect)(()=>()=>{window.location.pathname.startsWith("/home")||(et(),ei())},[]);let[en,eo]=(0,o.useState)(null),[er,ea]=(0,o.useState)(!1),[es,el]=(0,a.FV)(Y.Z),[ed]=(0,a.FV)(J.Z),ec=null!==(c=null===(e=(0,v.Z)())||void 0===e?void 0:e.id)&&void 0!==c?c:0,ep=(0,o.useRef)(null),[eh,eu]=(0,o.useState)(0),ex=(0,o.useRef)(null),[ef,em]=(0,o.useState)(0),eg=(0,o.useRef)(null),eb=(0,o.useRef)(null),ew=(0,o.useRef)(null),[ev,ey]=(0,o.useState)(!1),[ej,eI]=(0,o.useState)(0),[ek,eC]=(0,o.useState)(!1),[eS,eZ]=(0,o.useState)(!1),[eP,ez]=(0,o.useState)(0);(0,o.useEffect)(()=>{document.documentElement.style.setProperty("--grid-right-offset","0px")},[]),(0,o.useEffect)(()=>{if("undefined"!=typeof document&&document.documentElement.classList.contains("su-plugin")){eZ(!1);return}let e=window.matchMedia("(max-width: ".concat(768,"px)")),t=e=>eZ(e.matches);return t(e),"function"==typeof e.addEventListener?e.addEventListener("change",t):"function"==typeof e.addListener&&e.addListener(t),()=>{"function"==typeof e.removeEventListener?e.removeEventListener("change",t):"function"==typeof e.removeListener&&e.removeListener(t)}},[]);let eE=(0,o.useCallback)(()=>{ep.current&&eu(ep.current.offsetHeight||0),ex.current&&em(Math.round(ex.current.getBoundingClientRect().left))},[]),eM=(0,o.useRef)(0);eM.current=eP;let eA=(0,o.useCallback)(()=>{let e=ex.current;return!!e&&e.scrollHeight-eM.current>e.clientHeight+1},[]),eD=(0,o.useCallback)(()=>{var e,t;if(eS)return;let i=ex.current,n=eb.current,o=eg.current;if(!i||!n||!o)return;let r=i.getBoundingClientRect(),a=n.getBoundingClientRect(),s=o.getBoundingClientRect(),l=i.scrollTop,d=i.clientHeight,c=Math.max(0,Math.round(l+(a.top-r.top)-d-(l+(s.top-r.top))));eI(e=>Math.abs(e-c)>2?c:e);let p=Math.min(Math.max(0,c+d),null!==(t=null===(e=ew.current)||void 0===e?void 0:e.offsetHeight)&&void 0!==t?t:Number.POSITIVE_INFINITY);ez(e=>Math.abs(e-p)>2?p:e)},[eS]);(0,o.useEffect)(()=>(eE(),window.addEventListener("resize",eE),()=>window.removeEventListener("resize",eE)),[eE]),(0,o.useEffect)(()=>{if(eS)return;let e=ex.current,t=eb.current;if(!e||!t)return;let i=new IntersectionObserver(e=>{let t=e[0];if(!ek||!eA()){ey(!1),ez(0);return}t.isIntersecting?(eD(),ey(!0)):ey(!1)},{root:e,threshold:0});return i.observe(t),()=>i.disconnect()},[eD,ek,eS,eA]),(0,o.useEffect)(()=>{if(eS||!ek)return;let e=ex.current,t=eb.current;if(!e||!t)return;let i=e.getBoundingClientRect(),n=t.getBoundingClientRect();n.top<i.bottom&&n.bottom>i.top&&eA()?(eD(),ey(!0)):ey(!1)},[ek,eD,eS,eA]),(0,o.useEffect)(()=>{if(eS)return;let e=ex.current;if(!e)return;let t=0,i=()=>{ev&&!t&&(t=requestAnimationFrame(()=>{t=0,eD()}))};return e.addEventListener("scroll",i,{passive:!0}),()=>{t&&cancelAnimationFrame(t),e.removeEventListener("scroll",i)}},[ev,eD,eS]);let eT=(0,v.Z)();(0,o.useEffect)(()=>{var e,t;if(!eT)return;let i=null!==(e=eT.license)&&void 0!==e?e:"",n=null!==(t=eT.phoneNumber)&&void 0!==t?t:"",o=eT.isAgree;if(!0===o){eo("none");return}let r=!0===eT.certRejected,a=(0,O.X)(i)||r,s="string"==typeof n?0===n.trim().length:!n;if(a||s){eo("promptCertification");return}if(!1===o){eo("processingCertification");return}eo("none")},[eT]);let eR=(0,o.useCallback)(()=>{ea(e=>!e),el(!1)},[el]),eW=(0,o.useCallback)(()=>ea(!1),[]),eL=(0,o.useCallback)(()=>{el(e=>!e),ea(!1)},[el]);return(0,o.useCallback)(e=>{let t=new URLSearchParams(window.location.search);e?t.set("q",e):(t.delete("q"),t.delete("store")),t.set("page","1");let i=t.toString();f.replace(i?"".concat(g,"?").concat(i):null!=g?g:"/home")},[f,g]),(0,n.jsxs)(_._z,{children:[(0,n.jsx)(Q.Z,{}),"promptCertification"===en&&(0,n.jsx)(q.Z,{children:(0,n.jsx)(V.Z,{})}),"processingCertification"===en&&(0,n.jsx)(q.Z,{children:(0,n.jsx)(K.Z,{})}),(0,n.jsxs)(W.Fq,{ref:ep,isModal:!1,"data-fixed-top-area":!0,children:[(0,n.jsx)(L.Z,{}),(0,n.jsx)(ip,{children:(0,n.jsx)(F.Z,{isModal:!1,searchKeyword:p,setSearchKeyword:h,filters:x,onClickAi:eR})}),(0,n.jsxs)(ih,{type:"button",onClick:()=>ii(),"aria-label":"마코디 사용법 영상 보기",children:[(0,n.jsx)(iu,{"aria-hidden":!0,children:"▶️"}),"마코디 사용법"]}),(0,n.jsx)(G.Z,{}),(0,n.jsx)(ix,{children:[{id:"home",label:"마코디",href:"".concat("https://macodi.co.kr","/")},{id:"sample",label:"디지털 샘플실",href:"".concat("https://macodi.co.kr","/home/")},{id:"premium",label:"프리미엄 \xb7 제휴",href:"".concat("https://macodi.co.kr","/premium")},{id:"proposal",label:"협업 문의",href:"".concat("https://macodi.co.kr","/proposal/")},{id:"associate",label:"입점 신청",href:"".concat("https://macodi.co.kr","/associate")}].map(e=>{let{id:t,label:i,href:o}=e;return(0,n.jsx)("a",{href:o,className:(0,H.Z)(o,g)?"active":"",children:i},t)})}),(0,n.jsx)(N.Z,{})]}),(0,n.jsxs)(_.v5,{style:{"--fixed-top-height":"".concat(eh,"px")},children:[(0,n.jsx)(R.Z,{onClickAi:eR,onClickSample:eL}),(0,n.jsxs)(io,{ref:ex,"data-scroll-grid":!0,children:[(0,n.jsx)(ir,{ref:eg,h:eP,children:!eS&&(0,n.jsx)(il,{topPx:ej,$hidden:!0,children:(0,n.jsx)(ee.Z,{mainCategories:Z,setProductPage:I,setSearchKeyword:h,productPage:j,searchKeyword:b,storeQuery:w})})}),(0,n.jsxs)(id,{ref:ew,children:[(0,n.jsx)(tE,{}),(0,n.jsx)(tv,{setProductPage:I,searchKeyword:b,setRefreshToggle:C}),(0,n.jsx)(_.TS,{id:"main-scrollable",$scrollable:!1,children:(0,n.jsx)(W.W2,{children:(0,n.jsx)(W.im,{children:(0,n.jsx)(W.tz,{isPoint:!1,children:(0,n.jsx)(W.Jv,{children:(0,n.jsxs)(W.M9,{children:[(0,n.jsx)(ic,{children:(0,n.jsx)(ee.Z,{mainCategories:Z,setProductPage:I,setSearchKeyword:h,productPage:j,searchKeyword:b,storeQuery:w})}),(0,n.jsx)(W.fx,{isModal:!1,storeQuery:w,children:(0,n.jsx)(E,{productPage:j,setProductPage:I,searchKeyword:b,refreshToggle:k,storeQuery:w,onListReset:()=>eC(!1),onListFullyLoaded:()=>eC(!0)})})]})})})})})})]}),(0,n.jsxs)(ia,{children:[(0,n.jsx)("div",{ref:eb,style:{height:1}}),(0,n.jsx)(X.Z,{})]})]}),!eS&&(0,n.jsx)(is,{left:ef,$hidden:!1,children:(0,n.jsx)(ee.Z,{mainCategories:Z,setProductPage:I,setSearchKeyword:h,productPage:j,searchKeyword:b,storeQuery:w})}),(0,n.jsx)(B.Z,{})]}),er&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.aV,{onClick:eW}),(0,n.jsx)(u.F0,{children:(0,n.jsx)(y.Z,{onClickCloseModal:eW,isModal:!0,userId:ec,selSceneId:0,storeQuery:w})})]}),(0,n.jsx)(U.Z,{})]})}},34245:function(e,t,i){"use strict";i.d(t,{L2:function(){return s},W2:function(){return o},hF:function(){return l},wB:function(){return a}});var n=i(88862);let o=n.ZP.div.withConfig({componentId:"sc-56574f48-0"})(["display:flex;align-items:center;width:100%;position:sticky;top:var(--mcd-reco-h,0px);z-index:100;height:50px;padding:0px 15px;background-color:white;box-shadow:0 3px 6px -3px rgba(0,0,0,0.16);gap:3px;flex-wrap:nowrap;overflow:visible;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}& > *{flex:0 0 auto;}@media (max-width:768px){padding:0 8px;margin-top:10px;}@media (max-width:500px){display:none;}html.su-plugin &{display:flex !important;}html.su-plugin &{flex-wrap:nowrap;padding:0 6px;gap:3px;}html.su-plugin & > *{margin-right:2px;}html.su-plugin & > *:last-child{margin-right:0;}@media (max-width:960px){html.su-plugin &{padding:0 2px;}html.su-plugin & > *{margin-right:0;}}"]);n.ZP.div.withConfig({componentId:"sc-56574f48-1"})(["display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}flex:1;position:relative;cursor:grab;&.dragging{cursor:grabbing;}"]);let r=n.ZP.button.withConfig({componentId:"sc-56574f48-2"})(["border:none;cursor:pointer;border-radius:50%;font-size:20px;margin:5px 10px 0px 10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:2;&:hover{background-color:#ebeafd;}@media (max-width:768px){width:20px;height:20px;background-color:transparent;margin:10px;padding:0px;&:hover{background-color:transparent;}}"]);(0,n.ZP)(r).withConfig({componentId:"sc-56574f48-3"})(["left:0;"]),(0,n.ZP)(r).withConfig({componentId:"sc-56574f48-4"})(["right:0;"]),n.ZP.div.withConfig({componentId:"sc-56574f48-5"})(["display:flex;"]);let a=n.ZP.button.withConfig({componentId:"sc-56574f48-6"})(["margin:5px 5px 0px 5px;padding:5px;font-size:15px;font-weight:",";cursor:pointer;border:none;flex-shrink:0;min-width:50px;background:none;span{position:relative;display:inline-block;font-size:16px;color:",";}span::after{content:'';position:absolute;left:0;bottom:-2px;height:2px;width:",";background:black;transition:width 0.3s ease;}&:hover span::after{width:100%;}@media (max-width:768px){font-size:14px;margin:5px;padding:8px;}"],e=>e.isActive?"700":"500",e=>e.isActive?"black":"#AEA9A9",e=>e.isActive?"100%":"0"),s=n.ZP.div.withConfig({componentId:"sc-56574f48-7"})(["display:inline-block;position:relative;margin-right:8px;"]),l=n.ZP.div.withConfig({componentId:"sc-56574f48-8"})(["position:absolute;top:100%;left:0;z-index:9000;background:white;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.2),0 6px 6px rgba(0,0,0,0.15);"])},88983:function(e,t,i){"use strict";var n=i(2265);t.Z=()=>{let[e,t]=(0,n.useState)(!1),i=()=>{let{userAgent:e,maxTouchPoints:i}=window.navigator,n=/Macintosh/i.test(e)&&i>0,o=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobi|mobi/i.test(e);t(n||o)};return(0,n.useEffect)(()=>{i()},[]),e}}},function(e){e.O(0,[5676,5558,691,9759,156,6484,7648,3400,5719,8606,1210,1390,437,941,2475,3601,6842,9874,6058,2739,6948,4270,8649,8689,4909,9655,3841,3772,2971,2117,1744],function(){return e(e.s=31961)}),_N_E=e.O()}]);