Наверх/* слайдер r3/r4 */ (function(){ const reduced=matchMedia('(prefers-reduced-motion: reduce)'); const up=document.querySelector('.lp-up'),nav=document.querySelector('.lp-toc'); if(up&&nav){const t=()=>up.classList.toggle('is-on',nav.getBoundingClientRect().bottom<0);up.onclick=()=>scrollTo({top:0,behavior:reduced.matches?'auto':'smooth'});addEventListener('scroll',t,{passive:true});t();} document.querySelectorAll('.layout-slider').forEach(section=>{ const rail=section.querySelector('.lp-items'); function size(){const inner=section.querySelector('.lp-inner').getBoundingClientRect(),gap=innerWidth>=761?30:20; const columns=innerWidth>=1024?3:innerWidth>=761?2:1;const V=window.__VISIBLE; const card=V?(inner.width-(Math.ceil(V[columns-1])-1)*gap)/V[columns-1]:(columns===1?inner.width*.88:(inner.width-(columns-1)*gap)/columns); rail.style.setProperty('--rail-width',(document.documentElement.clientWidth-inner.left)+'px'); rail.style.setProperty('--card-width',card+'px');rail.style.setProperty('--rail-tail',inner.left+'px');} size();addEventListener('resize',size);addEventListener('load',size);if('ResizeObserver' in window)new ResizeObserver(size).observe(section.querySelector('.lp-inner')); rail.addEventListener('keydown',e=>{if(e.key==='ArrowRight'||e.key==='ArrowLeft'){e.preventDefault();const step=rail.children[0].getBoundingClientRect().width+parseFloat(getComputedStyle(rail).gap);rail.scrollBy({left:step*(e.key==='ArrowRight'?1:-1),behavior:reduced.matches?'auto':'smooth'})}}); let drag=null,moved=false; rail.addEventListener('pointerdown',e=>{if(e.pointerType!=='mouse'||e.button!==0)return;drag={x:e.clientX,left:rail.scrollLeft};moved=false}); rail.addEventListener('pointermove',e=>{if(!drag)return;const d=e.clientX-drag.x;if(Math.abs(d)>5){moved=true;rail.classList.add('is-dragging');rail.scrollLeft=drag.left-d;e.preventDefault()}}); addEventListener('pointerup',()=>{drag=null;rail.classList.remove('is-dragging')}); rail.addEventListener('dragstart',e=>e.preventDefault());rail.addEventListener('click',e=>{if(moved){e.preventDefault();e.stopPropagation();moved=false}},true); }); })();/* «Ещё N →» */ (function(){const reduced=matchMedia('(prefers-reduced-motion: reduce)'); document.querySelectorAll('.rv-sec').forEach(sec=>{const rail=sec.querySelector('.lp-items'),btn=sec.querySelector('.rv-next');if(!rail||!btn)return; const t=btn.querySelector('.rv-next-t'),label=btn.getAttribute('aria-label');let raf=0; function upd(){raf=0;const vr=Math.min(rail.getBoundingClientRect().right,document.documentElement.clientWidth); const n=[...rail.children].filter(c=>c.getBoundingClientRect().right>vr+2).length; t.textContent='Ещё '+n;btn.disabled=n===0;btn.setAttribute('aria-label',n?label+' (ещё '+n+')':label);} const q=()=>{if(!raf)raf=requestAnimationFrame(upd)}; rail.addEventListener('scroll',q,{passive:true});addEventListener('resize',q);addEventListener('load',q); if('ResizeObserver' in window)new ResizeObserver(q).observe(rail);upd(); btn.addEventListener('click',()=>{const c=rail.children[0];const step=c.getBoundingClientRect().width+parseFloat(getComputedStyle(rail).columnGap||getComputedStyle(rail).gap||0);rail.scrollBy({left:step,behavior:reduced.matches?'auto':'smooth'})}); });})(); (function(){var b=document.querySelector('button[aria-controls][aria-haspopup="dialog"]');if(!b)return;var d=document.getElementById(b.getAttribute('aria-controls')); function s(o){b.setAttribute('aria-expanded',o?'true':'false');d.setAttribute('aria-hidden',o?'false':'true'); if(o){d.removeAttribute('inert');d.classList.remove('pointer-events-none','opacity-0');document.body.style.overflow='hidden';} else{d.setAttribute('inert','');d.classList.add('pointer-events-none','opacity-0');document.body.style.overflow='';}} b.addEventListener('click',function(){s(b.getAttribute('aria-expanded')!=='true')});var c=d.querySelector('.catalog-menu-close');if(c)c.addEventListener('click',function(){s(false)}); document.addEventListener('keydown',function(e){if(e.key==='Escape')s(false)});})(); .lp-consent{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#000;color:#fff;padding:6px 8px calc(6px + env(safe-area-inset-bottom)) 15px} .lp-consent[hidden]{display:none} .lp-consent-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:10px} .lp-consent p{margin:0;flex:1;min-width:0;font-size:12px;line-height:15px;letter-spacing:-.2px} .lp-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap} .lp-consent-btns{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex-shrink:0} .lp-consent button{background:none;border:0;color:#fff;cursor:pointer;font:inherit;height:30px;display:flex;align-items:center;justify-content:center;white-space:nowrap} .lp-consent .lp-decline{padding:0 8px;font-size:13px;color:rgba(255,255,255,.7)} .lp-consent .lp-decline:hover{color:#fff;text-decoration:underline} .lp-consent .lp-accept{padding:0 10px;border:1px solid #fff;font-size:14px;line-height:16px;font-weight:700} .lp-consent .lp-accept:hover{background:#fff;color:#000} @media (min-width:768px){ .lp-consent{padding:5px 32px calc(5px + env(safe-area-inset-bottom))} .lp-consent-in{justify-content:center;gap:28px} .lp-consent p{flex:0 1 auto;font-size:13px;line-height:18px} .lp-consent-btns{flex-direction:row;align-items:center;gap:8px} .lp-consent .lp-decline{padding:0 12px} .lp-consent .lp-accept{padding:0 14px} } (function(){ var K='gembox-consent', ID=7554814, LP=(location.pathname.split('/')[2]||'lp'); function valid(s){try{var c=JSON.parse(s);return !!c&&c.v===1&&typeof c.analytics==='boolean'?c:null}catch(e){return null}} function read(){var s=null;try{s=localStorage.getItem(K)}catch(e){}var c=valid(s);if(c)return c; var p=document.cookie.split('; ');for(var i=0;i<p.length;i++){if(p[i].indexOf(K+'=')===0){try{return valid(decodeURIComponent(p[i].slice(K.length+1)))}catch(e){return null}}}return null} function write(a){var c={v:1,necessary:true,analytics:a,ts:new Date().toISOString()},s=JSON.stringify(c); try{localStorage.setItem(K,s)}catch(e){} document.cookie=K+'='+encodeURIComponent(s)+'; Max-Age=15552000; Path=/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'');return c} var decision=null; function allowed(){var c=read();return decision!==null?decision:!c||c.analytics!==false} window.__gemboxAnalyticsAllowed=allowed; function changed(){window.dispatchEvent(new CustomEvent('gembox:consent-change'))} var onSite=/^(www\.)?gembox\.ru$/i.test(location.hostname), loaded=false; function metrika(){if(loaded||!onSite||!allowed())return;loaded=true; (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date(); for(var j=0;j<document.scripts.length;j++){if(document.scripts[j].src===r)return} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,'script','https://mc.yandex.ru/metrika/tag.js','ym'); window.dataLayer=window.dataLayer||[]; ym(ID,'init',{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,ecommerce:'dataLayer'});} function stopMetrika(){if(!loaded)return;loaded=false; if(window.ym){ // If tag.js has not loaded, remove this counter's queued commands before they can run. if(Array.isArray(window.ym.a))window.ym.a=window.ym.a.filter(function(a){return String(a[0])!==String(ID)}); try{ym(ID,'destruct')}catch(e){} }} function syncMetrika(){if(allowed())metrika();else stopMetrika()} window.addEventListener('storage',function(e){if(e.key===K||e.key===null){decision=null;syncMetrika();changed()}}); window.addEventListener('pageshow',syncMetrika); document.addEventListener('visibilitychange',syncMetrika); var c=read(), bar=document.querySelector('.lp-consent'); syncMetrika(); if(!c&&bar)bar.hidden=false; if(bar){bar.querySelector('.lp-accept').addEventListener('click',function(){decision=true;write(true);bar.hidden=true;syncMetrika();changed()}); bar.querySelector('.lp-decline').addEventListener('click',function(){decision=false;write(false);bar.hidden=true;syncMetrika();changed()})} // метки рекламы -> ссылки на карточки и разделы gembox.ru (не перезаписываем свои) var q=new URLSearchParams(location.search),keep=[]; q.forEach(function(v,k){if(/^utm_/.test(k)||k==='yclid'||k==='ysclid'||k==='cm_id')keep.push([k,v])}); function internal(a){try{var u=new URL(a.href,location.href);return /^(www\.)?gembox\.ru$/i.test(u.hostname)&&!/^\/lp\//.test(u.pathname)?u:null}catch(e){return null}} var links=document.querySelectorAll('a[href]'); for(var i=0;i<links.length;i++){var a=links[i],u=internal(a);if(!u)continue; if(keep.length){keep.forEach(function(p){if(!u.searchParams.has(p[0]))u.searchParams.set(p[0],p[1])});a.href=u.toString()} if(/^\/product\//.test(u.pathname))a.addEventListener('click',function(){try{if(loaded&&allowed()&&window.ym)ym(ID,'reachGoal','lp_product_click',{lp:LP})}catch(e){}})} })();