0 (63) 819 47 73
9:00–20:00, щодня
0
Главная Ужгород
Купити Захисні чохли для меблів, генераторів, гойдалок та пісочниць в Ужгороді на замовлення /title> <meta name="description" content="Купити Індивідуальне пошиття захисних чохлів з тканини Оксфорд в Ужгороді: садові крісла, комплекти меблів, генератори, гойдалки, пісочниці, барбекю, тандири. Підберіть свій чохол онлайн. Доставка по Радванці, Кальварії та всій Закарпатській області."> <meta name="keywords" content="чохли на замовлення Ужгород, захисні чохли для меблів Ужгород, чохол на генератор Ужгород, чохол для барбекю Ужгород, чохли для тандирів Ужгород"> <div class="ukrchd" id="ukrchd"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "LocalBusiness", "name": "Ukr-Chohol Ужгород", "url": "https://ukr-chohol.com.ua", "telephone": "+380638194773", "priceRange": "від 900 грн", "description": "Індивідуальне пошиття захисних чохлів з тканини Оксфорд: садові крісла, комплекти меблів, генератори, гойдалки, пісочниці, барбекю та тандири. Доставка по Ужгороду та всій Закарпатській області.", "address": { "@type": "PostalAddress", "addressLocality": "Ужгород", "addressCountry": "UA" }, "geo": { "@type": "GeoCoordinates", "latitude": 48.6208, "longitude": 22.2879 }, "areaServed": { "@type": "State", "name": "Закарпатська область" } } </script> <style> @import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600;700;800;900&family=Manrope:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap'); #ukrchd{--canvas:#EDE6D3;--paper:#F8F5EA;--ink:#2B2A25;--ink-soft:#5B5646;--khaki:#8B7B5B;--rust:#A8492B;--olive:#525C3C;--line:#D3C6A3;font-family:'ukrchd-body',Manrope,'Segoe UI',sans-serif;color:var(--ink);background:var(--canvas);line-height:1.5;-webkit-font-smoothing:antialiased;width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;} #ukrchd *{box-sizing:border-box;} #ukrchd img{max-width:100%;display:block;} #ukrchd button{all:unset;box-sizing:border-box;cursor:pointer;display:block;} #ukrchd .ukrchd-wrap{max-width:1120px;margin:0 auto;padding:0 24px;} #ukrchd section{padding:56px 0;position:relative;} #ukrchd .ukrchd-eyebrow{font-family:'JetBrains Mono','Courier New',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)!important;font-weight:500;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;} #ukrchd .ukrchd-eyebrow::before{content:"";width:18px;height:1px;background:var(--rust);display:inline-block;} #ukrchd h1,#ukrchd h2,#ukrchd h3{font-family:'Bitter',Georgia,serif;font-weight:800;line-height:1.14;margin:0 0 16px;color:var(--ink)!important;} #ukrchd h1{font-size:clamp(28px,3.8vw,44px);} #ukrchd h2{font-size:clamp(23px,3vw,34px);} #ukrchd p{margin:0 0 14px;color:var(--ink-soft)!important;font-size:16px;} #ukrchd .ukrchd-lede{font-size:18px;color:var(--ink)!important;} #ukrchd a{color:var(--rust)!important;} #ukrchd .ukrchd-texture{background-color:var(--canvas);background-image:repeating-linear-gradient(45deg,rgba(139,123,91,.07) 0,rgba(139,123,91,.07) 2px,transparent 2px,transparent 10px),repeating-linear-gradient(-45deg,rgba(139,123,91,.05) 0,rgba(139,123,91,.05) 2px,transparent 2px,transparent 10px);} #ukrchd .ukrchd-seam{width:100%;height:26px;display:block;margin:0 auto;} #ukrchd .ukrchd-seam path{fill:none;stroke:var(--khaki);stroke-width:2;stroke-linecap:round;stroke-dasharray:9 11;stroke-dashoffset:600;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1);} #ukrchd .ukrchd-seam.is-sewn path{stroke-dashoffset:0;} #ukrchd .ukrchd-hero{padding-top:52px;} #ukrchd .ukrchd-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:start;} #ukrchd .ukrchd-glance{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;} #ukrchd .ukrchd-glance a{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-soft)!important;text-decoration:none;background:var(--paper);border:1px solid var(--line);padding:9px 14px;} #ukrchd .ukrchd-glance svg{width:16px;height:16px;color:var(--rust);flex:none;} #ukrchd .ukrchd-quickfacts{background:var(--paper);border:1px solid var(--line);padding:26px;box-shadow:0 18px 40px -20px rgba(43,42,37,.35);} #ukrchd .ukrchd-qf-item{padding:16px 0;border-top:1px solid var(--line);} #ukrchd .ukrchd-qf-item:first-child{border-top:none;padding-top:0;} #ukrchd .ukrchd-qf-num{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:26px;color:var(--rust)!important;display:block;} #ukrchd .ukrchd-qf-label{font-size:13px;color:var(--ink-soft)!important;} #ukrchd .ukrchd-ctabar{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);} #ukrchd .ukrchd-ctabar-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:46px 0;} #ukrchd .ukrchd-ctabar-quote{font-family:'Bitter',serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--ink)!important;border-left:2px solid var(--rust);padding-left:18px;margin:0 0 10px;} #ukrchd .ukrchd-ctabar-role{font-size:13px;color:var(--khaki)!important;} #ukrchd .ukrchd-ctabar-form h3{font-size:19px;margin:0 0 6px;} #ukrchd .ukrchd-ctabar-form .ukrchd-sub{font-size:14px;color:var(--khaki)!important;margin-bottom:16px;} #ukrchd .ukrchd-ctabar-form .ukrchd-note{font-size:12px;color:var(--ink-soft)!important;margin-top:12px;} #ukrchd .ukrchd-tabs-nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;} #ukrchd .ukrchd-tab-btn{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.03em;background:var(--paper)!important;border:1px solid var(--line);color:var(--ink-soft)!important;padding:12px 18px;display:flex;align-items:center;gap:10px;transition:all .15s ease;} #ukrchd .ukrchd-tab-btn svg{width:20px;height:20px;flex:none;color:var(--khaki);} #ukrchd .ukrchd-tab-btn.is-active{background:var(--olive)!important;border-color:var(--olive);color:#fff!important;} #ukrchd .ukrchd-tab-btn.is-active svg{color:#fff;} #ukrchd .ukrchd-tab-panels{margin-top:0;border:1px solid var(--line);background:var(--paper);} #ukrchd .ukrchd-tab-panel{display:none;padding:34px;grid-template-columns:130px 1fr;gap:30px;align-items:center;} #ukrchd .ukrchd-tab-panel.is-active{display:grid;} #ukrchd .ukrchd-tab-icon{width:130px;height:130px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:var(--canvas);} #ukrchd .ukrchd-tab-icon svg{width:64px;height:64px;color:var(--olive);} #ukrchd .ukrchd-tab-panel h3{font-size:19px;margin:0 0 8px;} #ukrchd .ukrchd-tab-panel p{margin:0;} @media (max-width:640px){#ukrchd .ukrchd-tab-panel{grid-template-columns:1fr;text-align:center;}#ukrchd .ukrchd-tab-icon{margin:0 auto;}} #ukrchd .ukrchd-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;} #ukrchd .ukrchd-process-card{background:var(--paper);padding:22px 20px;min-height:150px;} #ukrchd .ukrchd-process-step{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--rust)!important;letter-spacing:.1em;margin-bottom:10px;display:block;} #ukrchd .ukrchd-process-card h3{font-size:16px;margin:0 0 6px;} #ukrchd .ukrchd-process-card p{font-size:14px;margin:0;} #ukrchd .ukrchd-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px;} #ukrchd .ukrchd-chip{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--olive)!important;background:var(--paper);border:1px solid var(--line);padding:7px 13px;} #ukrchd .ukrchd-picker{background:var(--paper);border:1px solid var(--line);padding:32px;margin-top:26px;} #ukrchd .ukrchd-picker-step{display:none;} #ukrchd .ukrchd-picker-step.is-active{display:block;} #ukrchd .ukrchd-picker-progress{display:flex;gap:6px;margin-bottom:22px;} #ukrchd .ukrchd-picker-dot{height:4px;flex:1;background:var(--line);} #ukrchd .ukrchd-picker-dot.is-done{background:var(--rust);} #ukrchd .ukrchd-picker-q{font-family:'Bitter',serif;font-weight:700;font-size:19px;color:var(--ink)!important;margin-bottom:18px;} #ukrchd .ukrchd-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;} #ukrchd .ukrchd-picker-opt{background:var(--canvas)!important;border:1px solid var(--line);padding:16px 14px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-soft)!important;transition:all .15s ease;} #ukrchd .ukrchd-picker-opt:hover{border-color:var(--rust);color:var(--rust)!important;} #ukrchd .ukrchd-picker-opt svg{width:26px;height:26px;margin:0 auto 8px;color:var(--olive);display:block;} #ukrchd .ukrchd-picker-back{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--khaki)!important;margin-top:18px;display:inline-block;} #ukrchd .ukrchd-picker-result{display:none;} #ukrchd .ukrchd-picker-result.is-active{display:block;} #ukrchd .ukrchd-picker-result-badge{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)!important;margin-bottom:10px;display:block;} #ukrchd .ukrchd-picker-result h3{font-size:22px;margin:0 0 10px;} #ukrchd .ukrchd-picker-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #ukrchd .ukrchd-picker-result-actions a{font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;text-decoration:none;padding:12px 20px;display:inline-block;border:1px solid var(--rust);} #ukrchd .ukrchd-picker-result-primary{background:var(--rust)!important;color:#fff!important;} #ukrchd .ukrchd-picker-result-ghost{color:var(--rust)!important;} #ukrchd .ukrchd-picker-restart{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--khaki)!important;margin-top:16px;display:inline-block;} #ukrchd .ukrchd-compare-wrap{max-width:600px;margin:30px auto 0;} #ukrchd .ukrchd-compare{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;user-select:none;border:1px solid var(--line);background:#000;} #ukrchd .ukrchd-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;} #ukrchd .ukrchd-compare-before-wrap{position:absolute;inset:0;width:50%;overflow:hidden;} #ukrchd .ukrchd-compare-before-wrap img{width:var(--ukrchd-cw,600px);max-width:none;} #ukrchd .ukrchd-compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;} #ukrchd .ukrchd-compare-handle{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.35);pointer-events:none;} #ukrchd .ukrchd-compare-handle svg{width:18px;height:18px;color:var(--ink);} #ukrchd .ukrchd-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;} #ukrchd .ukrchd-compare-tag{position:absolute;top:12px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff!important;background:rgba(0,0,0,.55);padding:5px 10px;pointer-events:none;} #ukrchd .ukrchd-compare-tag.before{left:12px;} #ukrchd .ukrchd-compare-tag.after{right:12px;} #ukrchd .ukrchd-compare-caption{text-align:center;font-size:13px;color:var(--ink-soft)!important;margin-top:12px;} #ukrchd .ukrchd-faq{border-top:1px solid var(--line);margin-top:26px;} #ukrchd .ukrchd-faq-item{border-bottom:1px solid var(--line);} #ukrchd .ukrchd-faq-q{width:100%;text-align:left;background:none;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Bitter',serif;font-weight:700;font-size:17px;color:var(--ink)!important;} #ukrchd .ukrchd-faq-q .ukrchd-plus{font-family:'JetBrains Mono',monospace;font-size:20px;color:var(--rust)!important;flex:none;transition:transform .2s ease;} #ukrchd .ukrchd-faq-item.is-open .ukrchd-plus{transform:rotate(45deg);} #ukrchd .ukrchd-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;} #ukrchd .ukrchd-faq-item.is-open .ukrchd-faq-a{max-height:260px;} #ukrchd .ukrchd-faq-a p{padding:0 4px 20px;font-size:15px;} #ukrchd .ukrchd-oblast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;} #ukrchd .ukrchd-oblast-city{background:var(--paper);padding:14px 16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-soft)!important;display:flex;align-items:center;gap:8px;} #ukrchd .ukrchd-oblast-city svg{width:14px;height:14px;color:var(--rust);flex:none;} #ukrchd .ukrchd-cta{background:var(--ink);color:var(--canvas);text-align:center;padding:58px 24px;} #ukrchd .ukrchd-cta h2{color:#fff!important;} #ukrchd .ukrchd-cta p{color:#C9C2AE!important;max-width:520px;margin-left:auto;margin-right:auto;} #ukrchd .ukrchd-cta-actions{margin-top:24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;} #ukrchd .ukrchd-btn{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:14px 26px;display:inline-block;border:1px solid var(--rust);transition:transform .15s ease;} #ukrchd .ukrchd-btn:hover{transform:translateY(-2px);} #ukrchd .ukrchd-btn-primary{background:var(--rust)!important;color:#fff!important;} #ukrchd .ukrchd-btn-ghost{color:var(--canvas)!important;border-color:#524E3E;} @media (max-width:860px){#ukrchd .ukrchd-hero-grid{grid-template-columns:1fr;gap:28px;}#ukrchd .ukrchd-ctabar-grid{grid-template-columns:1fr;gap:26px;}#ukrchd section{padding:38px 0;}} </style> <div class="ukrchd-texture"> <div class="ukrchd-wrap ukrchd-hero"> <section style="padding-bottom:36px;"> <div class="ukrchd-hero-grid"> <div> <div class="ukrchd-eyebrow">Ukr-Chohol в Ужгороді</div> <h1>Купити Чохли на замовлення для меблів, барбекю, тандирів і генераторів в Ужгороді</h1> <p class="ukrchd-lede">Кожен чохол це окрема викрійка під конкретну річ, побудована за вашими фото й мірками. Клієнти звертаються з приватних дворів Радванки й Кальварії, з дачних ділянок у бік Боздоша, а також із набережної Ужа, де кафе тримають вуличні меблі просто неба цілий сезон.</p> <div class="ukrchd-glance"> <a href="#ukrchdTabsNav"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 12V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5M4 12v6M20 12v6M4 15h16"/></svg>Меблі</a> <a href="#ukrchdTabsNav"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="7" width="18" height="12" rx="1.5"/><path d="M7 7V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/></svg>Генератор</a> <a href="#ukrchdPicker"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M9 3h6l1 3h3v14H5V6h3l1-3z"/><circle cx="12" cy="13" r="3"/></svg>Підібрати чохол</a> <a href="#ukrchdTabsNav"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 16l3-9h12l3 9M3 16h18"/></svg>Пісочниця</a> </div> </div> <div class="ukrchd-quickfacts"> <div class="ukrchd-qf-item"><span class="ukrchd-qf-num">2016</span><span class="ukrchd-qf-label">рік заснування бренду Ukr-Chohol</span></div> <div class="ukrchd-qf-item"><span class="ukrchd-qf-num">10 000+</span><span class="ukrchd-qf-label">пошитих чохлів по всій Україні</span></div> <div class="ukrchd-qf-item"><span class="ukrchd-qf-num">1 2 дні</span><span class="ukrchd-qf-label">доставка готового чохла по Ужгороду</span></div> </div> </div> </section> </div> <div class="ukrchd-ctabar"> <div class="ukrchd-wrap"> <div class="ukrchd-ctabar-grid"> <div> <p class="ukrchd-ctabar-quote">«Мірку знімаю дистанційно за фото та вашими замірами, а підганяю викрійку так само точно, ніби виріб стоїть переді мною».</p> <div class="ukrchd-ctabar-role">Майстриня пошивного цеху Ukr-Chohol</div> </div> <div class="ukrchd-ctabar-form"> <h3>Залишіть заявку на чохол</h3> <p class="ukrchd-sub">Вкажіть, що потрібно захистити. Підкажемо мірки й перерахуємо вартість протягом дня.</p> <script> function _uploadCheck() { var w=_uWnd.all[this.upload_wnd]; if (!w || w.state.destroyed) return; w._myuploadTimer=setTimeout("_uploadProgress('"+this.upload_id+"',"+this.upload_wnd+")",3000); } function _uploadProgress(upId,widx) { if (_uWnd.all[widx]) _uWnd.all[widx]._myuploadTimer=null; var o={upload_wnd:widx,upload_id:upId,dataType:'json',type:'GET',timeout:5000,cache:1,success:_uploadTick,error: function(a, b, c) { console.log('Test!', a, '-', b, '-', c); }}; try { _uAjaxRequest("/.uploadstatus?upsession="+upId,o); } catch(e) { _uploadCheck.call(o,null,'error'); } } function _uploadTick(data,st) { var w=_uWnd.all[this.upload_wnd]; if (!w || w.state.destroyed) return; if (data.state=='error') { if (data.status==413) _uWnd.alert('Суммарный размер файлов превышает допустимое значение 15 МБ','',{w:230,h:80,tm:3000}); else _uWnd.alert('Ошибка соединения, попробуйте позже ('+data.status+')','',{w:230,h:80,tm:3000}); w.close(); sblmb1=0; return; } else if (data.state=='starting' && w._myuploadStarted) { _uWnd.alert('Ошибка соединения, попробуйте позже','',{w:230,h:80,tm:3000}); w.close(); return; } else if (data.state=='uploading' || data.state=='done') { var cents; if (data.state=='done' || data.size==0) { w.footer(''); } else { cents=Math.floor(data.received/data.size*1000)/10; w.footer('<div style="border:1px solid;position:relative"><div class="myWinTD2" style="width:'+Math.floor(cents)+'%;height:20px"></div><div style="text-align:center;position:absolute;left:0;top:0;width:100%;height:20px;font-size:14px">'+cents+'% ('+Math.floor(data.received/1024)+' Kb)</div></div>'); } w._myuploadStarted=1; if (data.state=='done') { sblmb1=0; return; } } _uploadCheck.call(this); } var sblmb1=0; function funieoKH( form, token = {} ) { var act='/mail/', upref='kdeZ1XeY4I', uploadId, wnd; try { var tr=checksubmit(); if (!tr){return false;} } catch(e) {} if (sblmb1==1) { return false; } sblmb1=1; window._uploadIdx = window._uploadIdx ? window._uploadIdx+1 : 1; uploadId = 'up' + window._uploadIdx + '_' + upref; form.action=act+'?upsession='+uploadId; wnd = new _uWnd( 'sendMFe1', 'Отправка сообщения', -350, -100, { footerh:25, footerc:' ', modal:1, closeonesc:1, resize:0, hidefooter:0, contentsizeprio:0, onbeforeclose:function(){}, onclose:function(wnd) { if (wnd._myuploadTimer) clearTimeout(wnd._myuploadTimer); wnd._myuploadTimer=null; } }, { form, data:token } ); wnd._myuploadStarted=0; _uploadCheck.call({upload_wnd:wnd.idx,upload_id:uploadId}); return false } jQuery(function($) { if ($("input[id=policy]").length) { $('body').on("submit","form[name=mform]", function() { if (!$('input[id=policy]:checked').length) { $("input[id=policy]").next().css({"cssText":"color: red !important","text-decoration":"underline"}); return false; } else { $("input[id=policy]").next().removeAttr('style'); } }); $('body').on("change","#policy", function() { $("input[id=policy]").next().removeAttr('style'); }); } }); </script> <form method="post" name="mform" id="mffieoKH" class="mform-1" enctype="multipart/form-data" onsubmit="return funieoKH(this)" data-submitter="funieoKH"> <input type="hidden" name="jkd498" value="1"> <input type="hidden" name="jkd428" value="1"> <table border="0" width="100%" id="table1" cellspacing="1" cellpadding="2"> <tr><td width="35%">E-mail <font color="red">*</font>:</td><td><input type="text" name="f1" size="30" style="width:95%;" maxlength="70"> </td></tr> <tr><td>Ваш телефон <font color="red">*</font>:</td><td><input type="text" name="f2" size="30" style="width:95%;" maxlength="70"> </td></tr> <tr><td colspan="2" align="center"><br /><input type="submit" value="Отправить сообщение"></td></tr> </table> <input type="hidden" name="id" value="1" /> <input type="hidden" name="a" value="1" /> <input type="hidden" name="o" value="1" /> </form> <p class="ukrchd-note">Консультація безкоштовна. Ви нічого не платите, поки не погодите фінальний крій і ціну.</p> </div> </div> </div> </div> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> </div> <div class="ukrchd-wrap"> <section id="ukrchdTabsNav"> <div class="ukrchd-eyebrow">Що шиємо</div> <h2>Чотири напрямки роботи ательє</h2> <div class="ukrchd-tabs-nav" id="ukrchdTabsBtns"> <button type="button" class="ukrchd-tab-btn" data-tab="generator"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="7" width="18" height="12" rx="1.5"/><path d="M7 7V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2M8 12h3M13 12h3M8 15h8"/></svg>Генератор</button> <button type="button" class="ukrchd-tab-btn is-active" data-tab="swing"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 4v16M20 4v16M4 4h16M8 4v6l4 4 4-4V4M8 20h8"/></svg>Гойдалка</button> <button type="button" class="ukrchd-tab-btn" data-tab="sandbox"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 16l3-9h12l3 9M3 16h18M3 16v3h18v-3"/><path d="M9 16l1-5M15 16l-1-5"/></svg>Пісочниця</button> <button type="button" class="ukrchd-tab-btn" data-tab="furniture"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 12V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5M4 12v6M20 12v6M4 15h16M6 21v-3M18 21v-3"/></svg>Садові меблі</button> </div> <div class="ukrchd-tab-panels" id="ukrchdTabPanels"> <div class="ukrchd-tab-panel" data-panel="generator"><div class="ukrchd-tab-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4"><rect x="3" y="7" width="18" height="12" rx="1.5"/><path d="M7 7V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2M8 12h3M13 12h3M8 15h8"/></svg></div><div><h3>Генератори та вулична електротехніка</h3><p>Корпус закритий від дощу й пилу, а панель керування й вентиляційні решітки лишаються доступними. Актуально для магазинів і кав'ярень у центрі, де техніка стоїть просто на вулиці цілий рік.</p></div></div> <div class="ukrchd-tab-panel is-active" data-panel="swing"><div class="ukrchd-tab-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M4 4v16M20 4v16M4 4h16M8 4v6l4 4 4-4V4M8 20h8"/></svg></div><div><h3>Садові й дитячі гойдалки</h3><p>У міжсезоння, коли гойдалка простоює у дворі, тканина сидінь тьмяніє і тягне в себе вологу. Чохол знімає це навантаження, актуально для приватного сектору Радванки й дач у бік Боздоша.</p></div></div> <div class="ukrchd-tab-panel" data-panel="sandbox"><div class="ukrchd-tab-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M3 16l3-9h12l3 9M3 16h18M3 16v3h18v-3"/><path d="M9 16l1-5M15 16l-1-5"/></svg></div><div><h3>Пісочниці закритого й відкритого типу</h3><p>Пісок лишається сухим і чистим, а дерев'яні бортики не гниють від постійної гірської вологи.</p></div></div> <div class="ukrchd-tab-panel" data-panel="furniture"><div class="ukrchd-tab-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4"><path d="M4 12V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5M4 12v6M20 12v6M4 15h16M6 21v-3M18 21v-3"/></svg></div><div><h3>Крісла, дивани, столи, комплекти меблів</h3><p>Один чохол на весь набір або окремо на кожен предмет, з отворами під ніжки й щільним прилягом. Популярне рішення для терас закладів на набережній Ужа.</p></div></div> </div> </section> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> <section> <div class="ukrchd-eyebrow">Навіщо це потрібно</div> <h2>Гори тримають тепло, але приносять більше дощів</h2> <p>Карпати захищають Ужгород від холодних північних вітрів, тому зими тут м'якші, ніж у решті України, але та сама гірська гряда затримує вологі повітряні маси, і опадів у Закарпатті випадає помітно більше. Річка Уж, що ділить місто навпіл, разом із частими дощами тримає повітря вологим більшу частину року. У приватному секторі Радванки й Кальварії, на дачах у бік Боздоша садові меблі, генератор чи дитячий майданчик стоять просто неба практично цілий рік, і без чохла тканина швидко напитується вологою, а метал іржавіє раніше строку.</p> </section> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> <section> <div class="ukrchd-eyebrow">Як ми працюємо</div> <h2>П'ять кроків від заявки до готового чохла</h2> <div class="ukrchd-process-grid"> <div class="ukrchd-process-card"><span class="ukrchd-process-step">01</span><h3>Фото та мірки</h3><p>Надсилаєте фото конструкції й приблизні виміри через форму заявки.</p></div> <div class="ukrchd-process-card"><span class="ukrchd-process-step">02</span><h3>Звірка розмірів</h3><p>Майстриня ательє уточнює всі неоднозначні мірки перед кроєм.</p></div> <div class="ukrchd-process-card"><span class="ukrchd-process-step">03</span><h3>Розкрій Оксфорду</h3><p>Викрійка створюється під форму саме вашого виробу.</p></div> <div class="ukrchd-process-card"><span class="ukrchd-process-step">04</span><h3>Пошиття й контроль</h3><p>Навантажені шви прострочуються двічі, виріб перевіряється вручну.</p></div> <div class="ukrchd-process-card"><span class="ukrchd-process-step">05</span><h3>Відправка в Ужгород</h3><p>Пакуємо й передаємо у Нову пошту в будь-яке відділення міста чи області.</p></div> </div> </section> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> <div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-34-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/34/desc/zakhisnij-chokhol-dlja-tandira-zelenij" class="pi-card__link"> <img id="inf3-gphoto-34" class="pi-card__photo" alt="Захисний чохол для тандира зелений" src="/_sh/00/34m.jpg" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/34m.jpg" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/34/desc/zakhisnij-chokhol-dlja-tandira-zelenij">Захисний чохол для тандира зелений</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-34-price">1100.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-34-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-34-basket" onclick="add2Basket('34','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-35-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/35/desc/zakhisnij-chokhol-chornij-na-tandir" class="pi-card__link"> <img id="inf3-gphoto-35" class="pi-card__photo" alt="Захисний чохол чорний на тандир" src="/_sh/00/35m.webp" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/35m.webp" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/35/desc/zakhisnij-chokhol-chornij-na-tandir">Захисний чохол чорний на тандир</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-35-price">950.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-35-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-35-basket" onclick="add2Basket('35','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-36-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/36/desc/chokhol-na-tandir-z-tkanini-oksfordr-sirij" class="pi-card__link"> <img id="inf3-gphoto-36" class="pi-card__photo" alt="Чохол на тандир з тканини оксфордр сірій" src="/_sh/00/36m.webp" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/36m.webp" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/36/desc/chokhol-na-tandir-z-tkanini-oksfordr-sirij">Чохол на тандир з тканини оксфордр сірій</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-36-price">1250.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-36-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-36-basket" onclick="add2Basket('36','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-37-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/37/desc/kupiti-zakhisnij-chokhol-z-tkanini-oksford" class="pi-card__link"> <img id="inf3-gphoto-37" class="pi-card__photo" alt="Купити Захисний чохол з тканини оксфорд" src="/_sh/00/37m.png" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/37m.png" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/37/desc/kupiti-zakhisnij-chokhol-z-tkanini-oksford">Купити Захисний чохол з тканини оксфорд</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-37-price">1380.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-37-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-37-basket" onclick="add2Basket('37','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-38-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/38/desc/kupiti-zakhisnij-chokhol-zakhist-vid-sonjachnikh-promeniv-doshhiv-ta-snigu-dlja-tandira" class="pi-card__link"> <img id="inf3-gphoto-38" class="pi-card__photo" alt="Купити захисний чохол захист від сонячних променів дощів та снігу для тандира" src="/_sh/00/38m.png" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/38m.png" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/38/desc/kupiti-zakhisnij-chokhol-zakhist-vid-sonjachnikh-promeniv-doshhiv-ta-snigu-dlja-tandira">Купити захисний чохол захист від сонячних променів дощів та снігу для тандира</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-38-price">1380.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-38-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-38-basket" onclick="add2Basket('38','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-39-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/39/desc/zakhisnij-chokhol-dlja-tandira-z-oksforda-600d" class="pi-card__link"> <img id="inf3-gphoto-39" class="pi-card__photo" alt="Захисний чохол для тандира з оксфорда 600D" src="/_sh/00/39m.png" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/39m.png" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/39/desc/zakhisnij-chokhol-dlja-tandira-z-oksforda-600d">Захисний чохол для тандира з оксфорда 600D</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-39-price">1450.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-39-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-39-basket" onclick="add2Basket('39','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-40-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/40/desc/kupiti-malenkij-zakhisnij-chokhol-dlja-tandira" class="pi-card__link"> <img id="inf3-gphoto-40" class="pi-card__photo" alt="Купити маленький захисний чохол для тандира" src="/_sh/00/40m.webp" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/40m.webp" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/40/desc/kupiti-malenkij-zakhisnij-chokhol-dlja-tandira">Купити маленький захисний чохол для тандира</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-40-price">950.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-40-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-40-basket" onclick="add2Basket('40','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><div class="pi-col goods-wrapper col-lg-4 col-md-6 col-xs-6"> <article class="pi-card"> <figure class="pi-card__img"> <div class="pi-card__wish"><div id="inf3-41-wish" class="wish wadd" onclick="wishlist(this);" title="Добавить в список желаний"></div></div> <a href="/shop/41/desc/kupiti-zakhisnij-chokhol-na-70-90-litriv" class="pi-card__link"> <img id="inf3-gphoto-41" class="pi-card__photo" alt="купити захисний чохол на 70-90 літрів" src="/_sh/00/41m.webp" loading="lazy"> <img class="pi-card__photo pi-card__photo--2" alt="" data-thumb="/_sh/00/41m.webp" loading="lazy"> </a> </figure> <div class="pi-card__body"> <div class="pi-card__name"> <a href="/shop/41/desc/kupiti-zakhisnij-chokhol-na-70-90-litriv">купити захисний чохол на 70-90 літрів</a> </div> <div class="pi-card__cat"> <a href="/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">Чохли для тандирів</a> </div> <div class="pi-card__foot"> <div class="pi-card__price"> <span class="inf3-good-41-price">1150.00Грн</span> </div> <div class="pi-card__cart js-goods-to-cart"> <input type="text" id="qinf3-41-basket" value="1" size="3" onfocus="this.select()" oninput="return checkNumber(this, event, '1');"><input type="button" id="binf3-41-basket" onclick="add2Basket('41','inf3');" value="У кошик"> </div> </div> </div> </article> </div> <script> (function () { /* 1. Стили подключаются один раз на страницу, сколько бы товаров ни было */ if (!document.getElementById('pi-style')) { var css = ` .pi-grid-row{display:flex;flex-wrap:wrap} .pi-grid-row:before,.pi-grid-row:after{display:none!important} .pi-col{display:flex;float:none!important;margin-bottom:30px} .pi-card{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;background:#fafafa;border:1px solid #eee;border-radius:4px;overflow:hidden} .pi-card__img{position:relative;margin:0;aspect-ratio:1/1;background:#fff} .pi-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0} .pi-card__photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s} .pi-card__photo--2{opacity:0;pointer-events:none} @media (hover:hover){.pi-card__img:hover .pi-card__photo--2.is-ready{opacity:1}} .pi-card__badge{position:absolute;top:10px;left:10px;z-index:2;padding:3px 8px;background:#e53935;color:#fff;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px} .pi-card__wish{position:absolute;top:8px;right:8px;z-index:2} .pi-card__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px} .pi-card__name{font-size:18px;line-height:1.35;min-height:4.05em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .pi-card__name a{color:#333;text-decoration:none} .pi-card__name a:hover{color:#e53935} .pi-card__cat{margin-top:6px;font-size:14px;line-height:1.3;color:#999} .pi-card__cat a{color:inherit;text-decoration:none} .pi-card__foot{margin-top:auto;padding-top:16px} .pi-card__price{font-size:22px;font-weight:700;line-height:1.2;color:#333} .pi-card__price s{margin-left:8px;font-size:15px;font-weight:400;color:#aaa} .pi-card__cart{margin-top:14px} .pi-card__cart>*{max-width:100%} .pi-card__opt{display:block;padding:11px 10px;text-align:center;border:1px solid #e53935;border-radius:2px;background:#fff;color:#e53935;font-size:16px;text-decoration:none} .pi-card__opt:hover{background:#e53935;color:#fff} @media (max-width:767px){ .pi-col{padding-left:6px;padding-right:6px;margin-bottom:12px} .pi-card__body{padding:10px 10px 12px} .pi-card__name{font-size:14px} .pi-card__cat{font-size:12px} .pi-card__foot{padding-top:10px} .pi-card__price{font-size:17px} .pi-card__price s{font-size:12px;margin-left:5px} .pi-card__cart{margin-top:10px} .pi-card__opt{font-size:14px;padding:9px 6px} .pi-card__badge{top:6px;left:6px;font-size:12px;padding:2px 6px} .pi-card__wish{top:4px;right:4px} }`; var st = document.createElement('style'); st.id = 'pi-style'; st.appendChild(document.createTextNode(css)); document.head.appendChild(st); } /* 2. Родительский ряд делаем flex-сеткой, чтобы карточки были одной высоты */ var cols = document.querySelectorAll('.pi-col'); Array.prototype.forEach.call(cols, function (c) { if (c.parentNode && c.parentNode.className.indexOf('pi-grid-row') === -1) { c.parentNode.className += ' pi-grid-row'; } }); /* 3. Вторая фотография товара (показывается при наведении, если она есть) */ var imgs = document.querySelectorAll('.pi-card__photo--2[data-thumb]'); Array.prototype.forEach.call(imgs, function (img) { var thumb = img.getAttribute('data-thumb'); img.removeAttribute('data-thumb'); var second = thumb.replace(/(\d+\w)(\.jpg)/, function (str, p1, p2) { return p1 + '_1' + p2; }); if (second === thumb) { img.parentNode.removeChild(img); return; } img.onload = function () { img.className += ' is-ready'; }; img.onerror = function () { if (img.parentNode) img.parentNode.removeChild(img); }; img.src = second; }); })(); </script><script> if ( typeof(uCoz) != 'object' ) { window.uCoz = {"shopPriceByQuantity":"1","shop_price_separator":"","sh_curr_def":1,"ver":1,"mf":"2ukr-rotang","shop_price_f":["%01.2f",""],"sh_goods":{},"sh_curr":{"1":{"name":"Грина","code":"UAN","disp":"Грн","rate":1,"default":1,"dpos":0}}}; } else { if ( typeof(uCoz.sh_goods) == 'undefined' ) { var shop_js_def = {"shopPriceByQuantity":"1","shop_price_separator":"","sh_curr_def":1,"ver":1,"mf":"2ukr-rotang","shop_price_f":["%01.2f",""],"sh_goods":{},"sh_curr":{"1":{"name":"Грина","code":"UAN","disp":"Грн","rate":1,"default":1,"dpos":0}}}, i; for ( i in shop_js_def ) { if ( typeof(uCoz.i) == 'undefined' ) { window.uCoz[i] = shop_js_def[i] } } } }; uCoz.sh_goods[34] = {price:1100.00,old_price:0.00,imgs:["/_sh/00/34m.jpg"]};uCoz.sh_goods[35] = {price:950.00,old_price:0.00,imgs:["/_sh/00/35m.webp"]};uCoz.sh_goods[36] = {price:1250.00,old_price:0.00,imgs:["/_sh/00/36m.webp"]};uCoz.sh_goods[37] = {price:1380.00,old_price:0.00,imgs:["/_sh/00/37m.png"]};uCoz.sh_goods[38] = {price:1380.00,old_price:0.00,imgs:["/_sh/00/38m.png"]};uCoz.sh_goods[39] = {price:1450.00,old_price:0.00,imgs:["/_sh/00/39m.png"]};uCoz.sh_goods[40] = {price:950.00,old_price:0.00,imgs:["/_sh/00/40m.webp","/_sh/00/40m_1.webp"]};uCoz.sh_goods[41] = {price:1150.00,old_price:0.00,imgs:["/_sh/00/41m.webp"]}; </script><script src="/.s/src/shop_utils.js"></script> <section> <div class="ukrchd-eyebrow">Індивідуальний підхід</div> <h2>Чому чохол варто шити на замовлення</h2> <p>Магазинний чохол шиється під усереднені розміри й погано сідає на нетипову річ. Тому пропонуємо окремо <a href="https://ukr-chohol.com.ua/shop/zakhisni-chokhli-dlja-sadovikh-mebliv/chokhli-dlja-krisel">чохли для садового крісла</a>, якщо потрібно захистити один предмет, і <a href="https://ukr-chohol.com.ua/shop/zakhisni-chokhli-dlja-sadovikh-mebliv/chokhli-dlja-komplektiv-mebliv">чохли для комплектів вуличних меблів</a>, коли йдеться про стіл із кількома стільцями чи весь терасний набір одразу.</p> <p>На подвір'ях в Ужгороді мангал чи барбекю такий самий звичний атрибут, як і в інших регіонах. Для стаціонарного грилю з кришкою й бічними поличками шиємо окремий <a href="https://ukr-chohol.com.ua/shop/chokhli-dlja-mangaliv/dlja-barbekju">чохол для барбекю</a>, а власникам глиняних чи цегляних печей пропонуємо <a href="https://ukr-chohol.com.ua/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv">захисні чохли для тандирів</a>, які закривають конструкцію від опадів і зберігають стінки сухими між готуваннями.</p> <p>Матеріал для всіх виробів це щільний тентовий Оксфорд із водовідштовхувальним просоченням. Тканина не пропускає дощ, тримає колір під сонцем і не рветься на вітрі, а дихаюча структура не дає меблям чи обладнанню запарюватись усередині чохла навіть у вологому закарпатському кліматі.</p> <div class="ukrchd-chips"> <span class="ukrchd-chip">Вологозахист</span> <span class="ukrchd-chip">УФ стійкість</span> <span class="ukrchd-chip">Щільне плетіння</span> <span class="ukrchd-chip">Вентиляція без цвілі</span> </div> </section> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> <section id="ukrchdPicker"> <div class="ukrchd-eyebrow">Інтерактивний підбір</div> <h2>Підберіть свій чохол за 30 секунд</h2> <div class="ukrchd-picker" id="ukrchdPickerWidget"> <div class="ukrchd-picker-progress"><div class="ukrchd-picker-dot" data-dot="1"></div><div class="ukrchd-picker-dot" data-dot="2"></div><div class="ukrchd-picker-dot" data-dot="3"></div></div> <div class="ukrchd-picker-step is-active" data-step="1"> <div class="ukrchd-picker-q">Що потрібно захистити?</div> <div class="ukrchd-picker-grid"> <button type="button" class="ukrchd-picker-opt" data-object="kreslo"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M6 10V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4M4 10h16v6H4z"/><path d="M6 16v3M18 16v3"/></svg>Садове крісло</button> <button type="button" class="ukrchd-picker-opt" data-object="komplekt"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 12V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5M4 12v6M20 12v6M4 15h16"/></svg>Комплект меблів</button> <button type="button" class="ukrchd-picker-opt" data-object="generator"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="3" y="7" width="18" height="12" rx="1.5"/><path d="M7 7V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/></svg>Генератор</button> <button type="button" class="ukrchd-picker-opt" data-object="swing"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 4v16M20 4v16M4 4h16M8 4v6l4 4 4-4V4"/></svg>Гойдалка</button> <button type="button" class="ukrchd-picker-opt" data-object="sandbox"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 16l3-9h12l3 9M3 16h18"/></svg>Пісочниця</button> <button type="button" class="ukrchd-picker-opt" data-object="barbecue"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><ellipse cx="12" cy="9" rx="7" ry="3"/><path d="M5 9v7a7 3 0 0 0 14 0V9"/></svg>Барбекю</button> <button type="button" class="ukrchd-picker-opt" data-object="tandyr"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M8 20c0-6 1-9 4-13 3 4 4 7 4 13z"/><ellipse cx="12" cy="20" rx="6" ry="1.6"/></svg>Тандир</button> </div> </div> <div class="ukrchd-picker-step" data-step="2"> <div class="ukrchd-picker-q">Який приблизний розмір виробу?</div> <div class="ukrchd-picker-grid"> <button type="button" class="ukrchd-picker-opt" data-size="small">Невеликий<br>(1 предмет)</button> <button type="button" class="ukrchd-picker-opt" data-size="medium">Середній<br>(2 4 предмети)</button> <button type="button" class="ukrchd-picker-opt" data-size="large">Великий<br>(комплект)</button> </div> <a href="#" class="ukrchd-picker-back" data-back="1">← Назад</a> </div> <div class="ukrchd-picker-result" id="ukrchdPickerResult"> <span class="ukrchd-picker-result-badge">Ваш варіант</span> <h3 id="ukrchdPickerResultTitle">—</h3> <p id="ukrchdPickerResultText">—</p> <div class="ukrchd-picker-result-actions"> <a href="#" class="ukrchd-picker-result-primary" id="ukrchdPickerResultLink" target="_blank" rel="noopener">Переглянути категорію</a> <a href="#ukrchd" class="ukrchd-picker-result-ghost">Залишити заявку</a> </div> <a href="#" class="ukrchd-picker-restart" id="ukrchdPickerRestart">↺ Почати заново</a> </div> </div> </section> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> <section> <div class="ukrchd-eyebrow">Наочно</div> <h2>Крісло кокон: до і після пошиття чохла</h2> <div class="ukrchd-compare-wrap"> <div class="ukrchd-compare" id="ukrchdCompare"> <img src="https://ukr-chohol.com.ua/posle.webp" alt="Крісло кокон у захисному чохлі Ukr-Chohol"> <div class="ukrchd-compare-before-wrap" id="ukrchdBeforeWrap"><img src="https://ukr-chohol.com.ua/do.jpg" alt="Крісло кокон без захисного чохла"></div> <div class="ukrchd-compare-divider" id="ukrchdDivider"></div> <span class="ukrchd-compare-tag before">До</span> <span class="ukrchd-compare-tag after">Після</span> <div class="ukrchd-compare-handle" id="ukrchdHandle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5"/></svg></div> <input type="range" min="0" max="100" value="50" class="ukrchd-compare-range" id="ukrchdRange" aria-label="Порівняти крісло до і після пошиття чохла"> </div> <p class="ukrchd-compare-caption">Реальний приклад роботи Ukr-Chohol: чохол на крісло кокон, пошитий за мірками клієнта.</p> </div> </section> <svg class="ukrchd-seam" viewBox="0 0 1120 26" preserveAspectRatio="none" aria-hidden="true"><path d="M0,13 L1120,13"/></svg> <section> <div class="ukrchd-eyebrow">Питання</div> <h2>Що зазвичай запитують клієнти з Ужгорода</h2> <div class="ukrchd-faq" id="ukrchdFaq"> <div class="ukrchd-faq-item is-open"> <button type="button" class="ukrchd-faq-q"><span>Скільки часу займає весь процес?</span><span class="ukrchd-plus">+</span></button> <div class="ukrchd-faq-a"><p>Термін пошиття узгоджується одразу після заявки, доставка по Ужгороду та області зазвичай займає 1 2 дні.</p></div> </div> <div class="ukrchd-faq-item"> <button type="button" class="ukrchd-faq-q"><span>Чи потрібно приїжджати особисто для зняття мірок?</span><span class="ukrchd-plus">+</span></button> <div class="ukrchd-faq-a"><p>Ні, усі мірки знімаються дистанційно за фото та вашими замірами.</p></div> </div> <div class="ukrchd-faq-item"> <button type="button" class="ukrchd-faq-q"><span>Від чого залежить остаточна вартість пошиття?</span><span class="ukrchd-plus">+</span></button> <div class="ukrchd-faq-a"><p>Від розмірів конструкції, форми та витрати тканини. Точну ціну назвемо після отримання фото й замірів.</p></div> </div> <div class="ukrchd-faq-item"> <button type="button" class="ukrchd-faq-q"><span>Чи доставляєте замовлення в інші міста Закарпатської області?</span><span class="ukrchd-plus">+</span></button> <div class="ukrchd-faq-a"><p>Так, готові чохли регулярно відправляємо Новою поштою в міста області. Перелік наведено нижче на сторінці.</p></div> </div> </div> </section> <section> <div class="ukrchd-eyebrow">Географія доставки</div> <h2>Відправляємо чохли по всій Закарпатській області</h2> <p class="ukrchd-lede">Крім самого Ужгорода, регулярно приймаємо замовлення та відправляємо готові чохли Новою поштою в такі міста області:</p> <div class="ukrchd-oblast-grid"> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Мукачево</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Хуст</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Берегове</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Виноградів</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Тячів</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Рахів</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Свалява</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Іршava</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Перечин</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Чоп</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Великий Бичків</div> <div class="ukrchd-oblast-city"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 21s7-7.2 7-12a7 7 0 1 0-14 0c0 4.8 7 12 7 12z"/><circle cx="12" cy="9" r="2.4"/></svg>Виловатне</div> </div> <p style="margin-top:18px;font-size:14px;">Не знайшли своє місто в списку? Напишіть нам, Нова пошта охоплює практично всі населені пункти Закарпатської області.</p> </section> </div> <div class="ukrchd-cta"> <div class="ukrchd-eyebrow" style="justify-content:center;">Замовлення в Ужгороді та області</div> <h2>Надішліть фото своєї конструкції</h2> <p>Консультація й узгодження розмірів безкоштовні.</p> <div class="ukrchd-cta-actions"> <a class="ukrchd-btn ukrchd-btn-primary" href="tel:+380638194773">Подзвонити: 0638194773</a> <a class="ukrchd-btn ukrchd-btn-ghost" href="#ukrchd">Залишити заявку вище</a> </div> </div> <script> (function(){ var root = document.getElementById('ukrchd'); if(!root) return; (function expandLayout(){ function closestByClass(el, cls){ while(el && el.parentElement){ el = el.parentElement; if(el.classList && el.classList.contains(cls)) return el; } return null; } var row = (root.closest && root.closest('.row')) || closestByClass(root, 'row'); if(!row) return; var sidebar = row.querySelector('.col-lg-3, .col-md-3, .right-column'); if(sidebar){ sidebar.style.display = 'none'; } var contentCol = (root.closest && root.closest('[class*="col-lg-9"]')) || closestByClass(root, 'col-lg-9'); if(contentCol){ contentCol.style.width='100%'; contentCol.style.maxWidth='100%'; contentCol.style.flex='0 0 100%'; } })(); var seams = root.querySelectorAll('.ukrchd-seam'); if('IntersectionObserver' in window){ var io = new IntersectionObserver(function(entries){ entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-sewn'); io.unobserve(e.target); } }); }, {threshold:.4}); seams.forEach(function(s){ io.observe(s); }); } else { seams.forEach(function(s){ s.classList.add('is-sewn'); }); } var tabBtns = root.querySelectorAll('.ukrchd-tab-btn'); var panels = root.querySelectorAll('.ukrchd-tab-panel'); tabBtns.forEach(function(btn){ btn.addEventListener('click', function(){ tabBtns.forEach(function(b){ b.classList.remove('is-active'); }); panels.forEach(function(p){ p.classList.remove('is-active'); }); btn.classList.add('is-active'); var target = root.querySelector('.ukrchd-tab-panel[data-panel="'+btn.getAttribute('data-tab')+'"]'); if(target) target.classList.add('is-active'); }); }); var faqItems = root.querySelectorAll('.ukrchd-faq-item'); faqItems.forEach(function(item){ var q = item.querySelector('.ukrchd-faq-q'); q.addEventListener('click', function(){ var wasOpen = item.classList.contains('is-open'); faqItems.forEach(function(i){ i.classList.remove('is-open'); }); if(!wasOpen) item.classList.add('is-open'); }); }); var compare = document.getElementById('ukrchdCompare'); var beforeWrap = document.getElementById('ukrchdBeforeWrap'); var divider = document.getElementById('ukrchdDivider'); var handle = document.getElementById('ukrchdHandle'); var range = document.getElementById('ukrchdRange'); function setCompareWidth(){ var w = compare.getBoundingClientRect().width; beforeWrap.style.setProperty('--ukrchd-cw', w + 'px'); } function update(val){ beforeWrap.style.width = val + '%'; divider.style.left = val + '%'; handle.style.left = val + '%'; } if(compare && range){ setCompareWidth(); update(range.value); window.addEventListener('resize', setCompareWidth); range.addEventListener('input', function(){ update(this.value); }); } var pickerData = { kreslo:{ label:'Садове крісло', link:'https://ukr-chohol.com.ua/shop/zakhisni-chokhli-dlja-sadovikh-mebliv/chokhli-dlja-krisel', small:'Для одного крісла чи шезлонга шиємо чохол з отворами під ніжки.', medium:'Для кількох крісел можна пошити однакові чохли для цілого набору.', large:'Для крісла нестандартної форми крій будується індивідуально за фото.'}, komplekt:{ label:'Комплект меблів', link:'https://ukr-chohol.com.ua/shop/zakhisni-chokhli-dlja-sadovikh-mebliv/chokhli-dlja-komplektiv-mebliv', small:'Для столика й двох стільців підійде один суцільний чохол.', medium:'Для обіднього комплекту враховуємо форму кожного предмета в одній викрійці.', large:'Для великого терасного набору крій погоджуємо індивідуально.'}, generator:{ label:'Генератор', link:'https://ukr-chohol.com.ua/shop/chokhli-dlja-generatoriv', small:'Компактний чохол з доступом до панелі керування.', medium:'Додаткові вентиляційні прорізи, щоб техніка не перегрівалась.', large:'Посилені шви та кріплення під конкретну модель.'}, swing:{ label:'Гойдалка', link:'https://ukr-chohol.com.ua/shop/chokhli-dlja-sadovikh-gojdalok', small:'Компактний чохол з отвором під стійку кріплення.', medium:'Враховуємо форму тенту й підлокітників.', large:'Крій узгоджуємо за фото для нестандартної форми.'}, sandbox:{ label:'Пісочниця', link:'https://ukr-chohol.com.ua/shop/chokhli-dlja-pisochnic', small:'Легкий чохол з натяжкою по контуру бортиків.', medium:'Враховуємо форму дашка чи відкидної частини.', large:'Комбінований крій для великої ігрової зони.'}, barbecue:{ label:'Барбекю', link:'https://ukr-chohol.com.ua/shop/chokhli-dlja-mangaliv/dlja-barbekju', small:'Чохол закриває кришку й корпус від роси та дощу.', medium:'Враховуємо форму бічних поличок.', large:'Крій робимо індивідуально за фото для великого барбекю-комплексу.'}, tandyr:{ label:'Тандир', link:'https://ukr-chohol.com.ua/shop/chokhli-dlja-mangaliv/chokhli-dlja-tandiriv', small:'Чохол закриває корпус і зберігає стінки сухими.', medium:'Враховуємо форму кришки й ручок.', large:'Крій узгоджуємо індивідуально для тандира з підставкою.'} }; var pickerState = { object:null, size:null }; var pickerWidget = document.getElementById('ukrchdPickerWidget'); var pickerResult = document.getElementById('ukrchdPickerResult'); var pickerDots = root.querySelectorAll('.ukrchd-picker-dot'); function pickerShowStep(n){ root.querySelectorAll('.ukrchd-picker-step').forEach(function(s){ s.classList.remove('is-active'); }); pickerResult.classList.remove('is-active'); if(n <= 2){ var step = root.querySelector('.ukrchd-picker-step[data-step="'+n+'"]'); if(step) step.classList.add('is-active'); } else { pickerResult.classList.add('is-active'); } pickerDots.forEach(function(d){ var dn = parseInt(d.getAttribute('data-dot'), 10); if(dn < n) d.classList.add('is-done'); else d.classList.remove('is-done'); }); } if(pickerWidget){ pickerWidget.querySelectorAll('.ukrchd-picker-opt[data-object]').forEach(function(btn){ btn.addEventListener('click', function(){ pickerState.object = btn.getAttribute('data-object'); pickerShowStep(2); }); }); pickerWidget.querySelectorAll('.ukrchd-picker-opt[data-size]').forEach(function(btn){ btn.addEventListener('click', function(){ pickerState.size = btn.getAttribute('data-size'); var data = pickerData[pickerState.object]; if(data){ document.getElementById('ukrchdPickerResultTitle').textContent = data.label; document.getElementById('ukrchdPickerResultText').textContent = data[pickerState.size]; document.getElementById('ukrchdPickerResultLink').setAttribute('href', data.link); } pickerShowStep(3); }); }); pickerWidget.querySelectorAll('[data-back]').forEach(function(btn){ btn.addEventListener('click', function(e){ e.preventDefault(); pickerShowStep(parseInt(btn.getAttribute('data-back'), 10)); }); }); var restart = document.getElementById('ukrchdPickerRestart'); if(restart){ restart.addEventListener('click', function(e){ e.preventDefault(); pickerState = { object:null, size:null }; pickerShowStep(1); }); } } })(); </script> </div></div> </div> </div> </div> </div> <div class="col-lg-3"> <aside class="right-column"> <!--U1CLEFTER1Z--><!-- <block1> --> <!-- </block1> --> <!-- <block2> --> <!-- </block2> --> <!-- <block3> --> <!-- </block3> --> <!-- <block5> --> <!-- </block5> --><!--/U1CLEFTER1Z--> </aside> </div> </div> </div> </div> </div> <!--U1BFOOTER1Z--><!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1DDM7NMDRG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1DDM7NMDRG'); </script> <!-- ============================================================ FOOTER — Ukr-Chohol.com.ua Палітра й мотив пошиття (строчка) відповідають тематиці: захисні чохли з тканини оксфорд 600D на замовлення. Всі системні змінні шаблону (, і т.д.) збережені без змін — просто вставте цей блок замість старого. ============================================================ --> <style> :root{ --uc-forest: #26362B; --uc-forest-2: #33473A; --uc-oxford: #A79C86; /* колір тканини оксфорд */ --uc-cream: #F4F0E6; --uc-rust: #B65B32; /* акцент — прошивка/нитка */ --uc-line: rgba(244,240,230,0.16); --uc-text-dim: rgba(244,240,230,0.62); } .uc-footer{ background: var(--uc-forest); color: var(--uc-cream); font-family: "Manrope","Segoe UI",Arial,sans-serif; position: relative; overflow: hidden; } /* декоративна "строчка" — шов чохла, що проходить по верху футера */ .uc-stitch{ height: 14px; background-image: repeating-linear-gradient( 90deg, var(--uc-rust) 0 10px, transparent 10px 20px ); background-position: center; background-size: 20px 2px; background-repeat: repeat-x; opacity: 0.85; } .uc-footer__inner{ max-width: 1200px; margin: 0 auto; padding: 56px 24px 40px; } .uc-footer__grid{ display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.1fr; gap: 40px; } @media (max-width: 900px){ .uc-footer__grid{ grid-template-columns: 1fr 1fr; row-gap: 36px; } } @media (max-width: 560px){ .uc-footer__grid{ grid-template-columns: 1fr; } } .uc-footer h4{ font-family: "Fraunces","Georgia",serif; font-weight: 600; font-size: 19px; letter-spacing: 0.2px; margin: 0 0 18px; color: var(--uc-cream); } /* ---------- Колонка "Про нас" ---------- */ .uc-brand{ font-family: "Fraunces","Georgia",serif; font-size: 26px; font-weight: 700; margin: 0 0 10px; color: var(--uc-cream); } .uc-brand span{ color: var(--uc-oxford); } .uc-tagline{ font-size: 14.5px; line-height: 1.6; color: var(--uc-text-dim); max-width: 34ch; margin: 0 0 22px; } .uc-badges{ display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 22px; } .uc-badge{ font-size: 12.5px; padding: 6px 12px; border: 1px solid var(--uc-line); border-radius: 3px; color: var(--uc-oxford); } .uc-social{ display: flex; gap: 12px; list-style: none; margin: 0; padding: 0; } .uc-social a{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--uc-line); border-radius: 50%; color: var(--uc-cream); text-decoration: none; font-size: 14px; transition: border-color .2s ease, color .2s ease, transform .2s ease; } .uc-social a:hover{ border-color: var(--uc-rust); color: var(--uc-rust); transform: translateY(-2px); } /* ---------- Колонки-списки ---------- */ .uc-list{ list-style: none; margin: 0; padding: 0; } .uc-list li{ margin-bottom: 11px; } .uc-list a{ color: var(--uc-text-dim); text-decoration: none; font-size: 14.5px; position: relative; padding-left: 14px; transition: color .2s ease, padding-left .2s ease; } .uc-list a::before{ content: "—"; position: absolute; left: 0; color: var(--uc-rust); } .uc-list a:hover{ color: var(--uc-cream); padding-left: 18px; } /* ---------- Блок доставки по регіонах (колонки) ---------- */ .uc-regions{ font-size: 13.5px; line-height: 1.9; color: var(--uc-text-dim); } .uc-regions strong{ color: var(--uc-cream); } .uc-regions-grid{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px 24px; margin-top: 16px; } .uc-regions-column{ display: flex; flex-direction: column; gap: 8px; } .uc-regions-city{ font-size: 14px; color: var(--uc-text-dim); } .uc-regions-city a{ color: var(--uc-text-dim); text-decoration: none; transition: color .2s ease; } .uc-regions-city a:hover{ color: var(--uc-rust); text-decoration: underline; } @media (max-width: 900px){ .uc-regions-grid{ grid-template-columns: repeat(4, 1fr); gap: 12px 16px; } } @media (max-width: 640px){ .uc-regions-grid{ grid-template-columns: repeat(3, 1fr); gap: 8px 12px; } .uc-regions-city{ font-size: 13px; } } @media (max-width: 480px){ .uc-regions-grid{ grid-template-columns: repeat(2, 1fr); gap: 6px 10px; } } /* ---------- Контакти ---------- */ .uc-contact-item{ margin-bottom: 18px; } .uc-contact-label{ display: block; font-size: 12px; text-transform: none; color: var(--uc-oxford); margin-bottom: 4px; } .uc-phone{ font-family: "Fraunces","Georgia",serif; font-size: 22px; color: var(--uc-cream); text-decoration: none; display: inline-block; } .uc-phone:hover{ color: var(--uc-rust); } .uc-hours{ font-size: 14.5px; color: var(--uc-text-dim); } .uc-cta{ display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 11px 20px; background: var(--uc-rust); color: var(--uc-cream); font-size: 14px; font-weight: 600; text-decoration: none; border-radius: 3px; transition: background .2s ease; } .uc-cta:hover{ background: #9c4b28; } /* ---------- Низ футера ---------- */ .uc-footer__bottom{ border-top: 1px solid var(--uc-line); } .uc-footer__bottom-inner{ max-width: 1200px; margin: 0 auto; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--uc-text-dim); } .uc-footer__bottom a{ color: var(--uc-text-dim); text-decoration: underline; } .uc-footer__bottom a:hover{ color: var(--uc-cream); } </style> <footer class="uc-footer"> <div class="uc-stitch" aria-hidden="true"></div> <div class="uc-footer__inner"> <div class="uc-footer__grid"> <!-- Про нас --> <div> <p class="uc-brand">UKR<span>·</span>Chohol</p> <p class="uc-tagline"> Шиємо захисні чохли з тканини оксфорд 600D для садових меблів, мангалів, грилів, генераторів та техніки — за вашими розмірами, з доставкою по всій Україні. </p> <div class="uc-badges"> <span class="uc-badge">Оксфорд 600D</span> <span class="uc-badge">Пошиття 2–3 дні</span> <span class="uc-badge">Будь-який розмір</span> </div> <ul class="uc-social"> <li><a href="https://ok.ru/group/54236427256018" aria-label="Однокласники" target="_blank" rel="noopener">ok</a></li> <li><a href="http://instagram.com/" aria-label="Instagram" target="_blank" rel="noopener">ig</a></li> <li><a href="https://www.facebook.com/Ukr-Rotang-703108660063924/" aria-label="Facebook" target="_blank" rel="noopener">fb</a></li> </ul> </div> <!-- Каталог --> <div> <h4>Каталог</h4> <ul class="uc-list"> <li><a href="/shop/zakhisni-chokhli-dlja-sadovikh-mebliv">Чохли для садових меблів</a></li> <li><a href="/shop/chokhli-dlja-mangaliv">Чохли для мангалів та грилів</a></li> <li><a href="/shop/chokhli-dlja-sadovoji-tekhniki">Чохли для садової техніки</a></li> <li><a href="/shop/chokhli-dlja-generatoriv">Чохли для генераторів</a></li> <li><a href="/shop/zakhisni-chokhli-na-zamovlennja">Чохол на замовлення</a></li> </ul> </div> <!-- Корисні посилання --> <div> <h4>Корисні посилання</h4> <ul class="uc-list"> <li><a href="https://ukr-chohol.com.ua/index/kak_sdelat_zamery/0-7">Як зробити виміри?</a></li> <li><a href="/index/o_nas/0-6">Про компанію</a></li> <li><a href="/index/dostavka_i_oplata/0-2">Оплата і доставка</a></li> <li><a href="/gb">Відгуки</a></li> <li><a href="/shop/wishlist">Список бажань</a></li> </ul> </div> <!-- Контакти --> <div> <h4>Зв'язатись з нами</h4> <div class="uc-contact-item"> <span class="uc-contact-label">Телефон</span> <a class="uc-phone" href="tel:0638194773">0 (63) 819 47 73</a> </div> <div class="uc-contact-item"> <span class="uc-contact-label">Графік роботи</span> <span class="uc-hours">Щодня, 9:00 – 20:00</span> </div> <a class="uc-cta" href="/shop/zakhisni-chokhli-na-zamovlennja">Замовити чохол</a> </div> </div> <div class="uc-stitch" style="margin-top:44px;" aria-hidden="true"></div> <!-- Блок доставки по регіонах з сіткою колонок --> <div class="uc-regions"> <strong>Доставка по регіонах:</strong> <div class="uc-regions-grid"> <div class="uc-regions-column"> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/zashhitnye_chekhly_dlja_mebeli_v_kieve/0-9">Київ</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/kupit_zashhitnyj_chekhol_dlja_mebeli_v_dnepre/0-10">Дніпро</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/kharkov/0-13">Харків</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/nikolaev/0-14">Миколаїв</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/poltava/0-17">Полтава</a></div> </div> <div class="uc-regions-column"> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/kupiti_zakhisni_chokhli_dlja_mebliv_v_odesi/0-11">Одеса</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/lvov/0-12">Львів</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/ivano_frankovsk/0-15">Івано-Франківськ</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/zhitomir/0-16">Житомир</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/vinnica/0-22">Вінниця</a></div> </div> <div class="uc-regions-column"> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/zaporozhe/0-18">Запоріжжя</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/khmelnickij/0-19">Хмельницький</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/luck/0-20">Луцьк</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/ternopol/0-21">Тернопіль</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/kremenchuk/0-23">Кременчук</a></div> </div> <div class="uc-regions-column"> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/samar/0-38">Самар</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/chernivci/0-24">Чернівці</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/sumi/0-25">Суми</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/kropivnickij/0-26">Кіровоград</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/pavlograd/0-27">Павлоград</a></div> </div> <div class="uc-regions-column"> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/rivne/0-28">Рівне</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/cherkasy/0-29">Черкаси</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/belaja_cerkov/0-30">Біла Церква</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/krivoj_rog/0-31">Кривий Ріг</a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/berdichev/0-32">Бердичев </a></div> </div> <div class="uc-regions-column"> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/uzhgorod/0-33">Ужгород </a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/mukachevo/0-34">Мукачево </a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/strij/0-35">Стрий </a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/irpin/0-36">Ірпінь </a></div> <div class="uc-regions-city"><a href="https://ukr-chohol.com.ua/index/kherson/0-37">Херсон </a></div> </div> </div> </div> </div> <div class="uc-footer__bottom"> <div class="uc-footer__bottom-inner"> <span>© 2026 Ukr-Chohol.com.ua — пошиття захисних чохлів на замовлення</span> <span></span> </div> </div> </footer> <div class="scroll-to-top js-to-top"></div> <!-- Скрипти шаблону — без змін --> <script src="/plugins/bootstrap/js/bootstrap.min.js"></script> <script src="/plugins/form-styler/jquery.formstyler.js"></script> <script src="/plugins/jquery.cookie.js"></script> <script src="/plugins/owl-carousel/owl.carousel.js"></script> <script src="/plugins/jquery.elevatezoom.min.js"></script> <script src="/plugins/notice/jquery.notice.js"></script> <script src="/plugins/prism/prism.js"></script> <script src="/plugins/customizer/customizer.js"></script> <script src="/js/main.js"></script><!--/U1BFOOTER1Z--> </body> </html> <!-- 0.01811 (s756) -->