'; } function open(t){ var src=t.dataset.widgetSrc||'',type=t.dataset.widgetType||'form'; thumb.src=t.dataset.productImage||'';thumb.alt=t.dataset.productName||''; name.textContent=t.dataset.productName||'';price.textContent=t.dataset.productPrice||'';label.textContent=t.dataset.widgetLabel||''; sheet.dataset.widgetType=type;frame.classList.remove('loaded');iframe.removeAttribute('srcdoc');iframe.src=''; backdrop.classList.add('open');backdrop.removeAttribute('aria-hidden'); requestAnimationFrame(function(){sheet.classList.add('open');setTimeout(function(){iframe.srcdoc=buildSrcdoc(t,src);},80);}); scrollY=window.scrollY;document.body.classList.add('cs-lock');document.body.style.top='-'+scrollY+'px'; currentWidget=t.dataset.widget;sheet.setAttribute('aria-label',(t.dataset.widgetLabel||'')+(t.dataset.productName?' — '+t.dataset.productName:'')); } function close(){ backdrop.classList.remove('open');backdrop.setAttribute('aria-hidden','true');sheet.classList.remove('open');sheet.style.transform=''; document.body.classList.remove('cs-lock');var y=parseInt(document.body.style.top||'0')*-1;document.body.style.top='';window.scrollTo(0,y); setTimeout(function(){if(!sheet.classList.contains('open')){iframe.removeAttribute('srcdoc');iframe.src='';frame.classList.remove('loaded');}},450);currentWidget=null; } iframe.addEventListener('load',function(){if(iframe.src||iframe.getAttribute('srcdoc'))frame.classList.add('loaded');}); document.addEventListener('click',function(e){var t=e.target.closest('.cs-widget-trigger');if(t){e.preventDefault();open(t);}}); backdrop.addEventListener('click',close);closeBtn.addEventListener('click',close); document.addEventListener('keydown',function(e){if(e.key==='Escape'&&sheet.classList.contains('open'))close();}); var dragStartY=0,dragDelta=0,dragging=false; function dStart(e){var t=e.touches?e.touches[0]:e;dragStartY=t.clientY;dragDelta=0;dragging=true;sheet.classList.add('dragging');} function dMove(e){if(!dragging)return;var t=e.touches?e.touches[0]:e;dragDelta=Math.max(0,t.clientY-dragStartY);var r=1-Math.min(dragDelta/800,.4);sheet.style.transform='translateY('+(dragDelta*r)+'px)';backdrop.style.opacity=''+(1-Math.min(dragDelta/300,1)*.7);e.preventDefault();} function dEnd(){if(!dragging)return;dragging=false;sheet.classList.remove('dragging');sheet.style.transform='';backdrop.style.opacity='';if(dragDelta>140)close();} dragHandle.addEventListener('touchstart',dStart,{passive:true});document.addEventListener('touchmove',dMove,{passive:false});document.addEventListener('touchend',dEnd); sheet.querySelector('.cs-context-bar').addEventListener('touchstart',dStart,{passive:true}); window.addEventListener('message',function(e){if(!e.data||typeof e.data!=='object')return;if(e.data.type==='cs:close')close();if(e.data.type==='cs:result'){var tr=document.querySelector('.cs-widget-trigger[data-widget="'+currentWidget+'"]');if(tr)tr.dispatchEvent(new CustomEvent('cs:result',{bubbles:true,detail:e.data.data}));}if(e.data.type==='cs:ready'&&iframe.contentWindow){iframe.contentWindow.postMessage({type:'cs:context',productName:name.textContent,productPrice:price.textContent,productImage:thumb.src,safeAreaBottom:getComputedStyle(document.documentElement).getPropertyValue('--cs-safe-bottom').trim()||'0px'},'*');}}); if('visualViewport'in window){window.visualViewport.addEventListener('resize',function(){if(!sheet.classList.contains('open'))return;if(sheet.dataset.widgetType==='chat')sheet.style.height=(window.visualViewport.height*.95)+'px';});} })();

Leader

Top 5 Leader glasses

Impact Small

Impact Large

Filter

Category

Price

In prescription

Suitable for

Frame size

Frame color

Type of glasses