Мембрана для баков 80л с горловиной 89мм

:root{ --page-bg: #f9f9f9; --text: #222; --accent: #004d4d; --card-bg: #ffffff; --cta-bg: #e65327; --cta-hover: #cc4720; --cta-text: #ffffff; --card-min-height: 440px; --cta-width: 220px; --cta-height: 44px; } html,body{height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased} .wrap{max-width:1200px;margin:20px auto;padding:0 18px} h1{color:var(--accent);font-size:28px;margin:0 0 8px} h2{color:var(--accent);font-size:20px;margin:22px 0 10px} h3{margin:8px 0 6px;color:#0a5650} p{margin:0 0 12px;line-height:1.55} ul{margin:0 0 12px 20px} table{width:100%;border-collapse:collapse;margin:12px 0 18px} th,td{border:1px solid #ddd;padding:8px;text-align:left} th{background:#f0f0f0} /* карточки товаров */ .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:18px } .card { background:var(--card-bg); border-radius:12px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.06); display:flex; flex-direction:column; min-height:var(--card-min-height) } .card .card-body{flex:1;display:flex;flex-direction:column} .card img{ width:100%; height:180px; object-fit:contain; background:#f7f7f7; border-radius:8px; margin-bottom:14px } .card h3{margin:0 0 8px;color:#0a5650} .card p{margin:0 0 14px;color:#4b4b4b} .card .card-footer{ margin-top:auto; display:flex; justify-content:center; padding-top:6px } /* CTA */ .cta-button{ display:inline-flex;align-items:center;justify-content:center; width:var(--cta-width);height:var(--cta-height); background-color:var(--cta-bg) !important; color:var(--cta-text) !important; -webkit-text-fill-color:var(--cta-text) !important; text-decoration:none !important;border-radius:8px;border:0; font-weight:700;font-size:15px; box-shadow:0 2px 6px rgba(0,0,0,0.12); transition:background-color .18s ease, transform .08s ease, box-shadow .18s ease; cursor:pointer; } .cta-button:hover,.cta-button:focus{ background-color:var(--cta-hover) !important; transform:translateY(-2px); outline:none; box-shadow:0 6px 14px rgba(0,0,0,0.18); color:var(--cta-text) !important; -webkit-text-fill-color:var(--cta-text) !important; } .cta-button:focus { box-shadow:0 0 0 4px rgba(230,83,39,0.12); } .catalog-cta { display:block; max-width:360px; margin:28px auto 0; text-align:center; } /* шаги + hover zoom (на карточках) */ .steps { margin-top:28px; display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:18px; width:100%;} .step { background:var(--card-bg); padding:14px; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.06); text-align:center; } .zoom { position:relative; overflow:hidden; border-radius:8px; background:#fafafa; display:block; cursor:zoom-in; } .zoom img { width:100%; height:160px; object-fit:cover; border-radius:8px; display:block; transform:scale(1); transition:transform .25s ease; } .zoom:hover img, .zoom:focus-visible img { transform:scale(1.1); } .zoom:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,77,77,.18)} /* лайтбокс */ .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:1000} .lightbox.active{display:flex} .lightbox__stage{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:96vw} .lightbox__img{max-width:92vw;max-height:70vh;border-radius:10px;box-shadow:0 0 24px rgba(0,0,0,.5);cursor:pointer; transition: transform .2s ease; transform-origin:center center} .lightbox__img.is-portrait{max-height:85vh;max-width:80vw} .lightbox__img.is-landscape{max-height:70vh;max-width:92vw} .lightbox__img.zoomed{ transform: scale(1.6); cursor: move; } /* зум в лайтбоксе */ .lightbox__caption{color:#fff;background:rgba(0,0,0,.42);padding:8px 12px;border-radius:8px;font-weight:700} .lightbox__close,.lightbox__nav,.lightbox__fs{ position:fixed;top:18px;color:#fff;background:rgba(0,0,0,.45); border:0;border-radius:10px;padding:10px 14px;font-size:16px;cursor:pointer } .lightbox__close{right:18px} .lightbox__nav{top:50%;transform:translateY(-50%);font-size:20px} .lightbox__prev{left:18px} .lightbox__next{right:18px} .lightbox__fs{right:64px} .lightbox__close:hover,.lightbox__nav:hover,.lightbox__fs:hover{background:rgba(0,0,0,.6)} /* миниатюры */ .thumbs{display:flex;gap:10px;max-width:92vw;overflow:auto;padding:8px;background:rgba(0,0,0,.35);border-radius:10px} .thumbs::-webkit-scrollbar{height:8px} .thumbs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:8px} .thumb{flex:0 0 auto;border:2px solid transparent;border-radius:8px;outline:none;cursor:pointer;background:transparent;padding:0} .thumb img{display:block;width:128px;height:80px;object-fit:cover;border-radius:6px;opacity:.85;transition:opacity .15s ease, transform .15s ease} .thumb:hover img,.thumb:focus img{opacity:1;transform:scale(1.03)} .thumb[aria-selected="true"]{border-color:#fff} .thumb[aria-selected="true"] img{opacity:1} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* Полный экран — изображение ещё крупнее */ .lightbox__stage:fullscreen .lightbox__img { max-height: 90vh; max-width: 95vw; } .lightbox__fs { display:flex; align-items:center; gap:6px; } .lightbox__fs svg { display:block; } /* адаптив */ @media (prefers-reduced-motion:reduce){.zoom img,.cta-button{transition:none}} @media (max-width: 720px){ :root { --cta-width: 200px; --card-min-height: 360px; } .card img, .step img { height:150px } .lightbox__fs{ right:58px } } @media (max-width: 420px){ :root { --cta-width: 100%; } .card { min-height: auto; } .card .card-footer { justify-content:center; } } Коротко: мембрана (груша) разделяет воду и воздух, поддерживает давление и снижает число включений насоса. Ниже — как определить износ, выбрать мембрану и заменить её своими руками. Популярные модели Мембрана для баков 24 л (горловина 89 мм) Универсальный размер для бытовых систем, материал — бутил/каучук (зависит от производителя). Купить Мембрана для баков 35/50 л (горловина 89 мм) Оптимальна для дачных и домашних систем — стабильная работа при средних объёмах. Подробнее Мембрана 100 л (проходная, горловина 89 мм) Решение для крупных баков — проходит через горловину, упрощая монтаж и обслуживание. Заказать Смотреть все мембраны Что такое мембрана и её работа Внутри бака установлена резиновая «груша»: вода — внутри мембраны, воздух — между мембраной и корпусом. При подаче воды мембрана расширяется и сжимает воздух; при открытии крана воздух выталкивает воду, поддерживая напор и уменьшая частоту включений насоса. Проверка целостности Через ниппель: нажмите на клапан — выходит воздух → мембрана цела; вода → повреждение. По симптомам: частые включения насоса, скачки давления, конденсат на баке, подтёк из ниппеля. Признаки, что нужна замена Насос срабатывает чаще без увеличения расхода. Манометр «скачет», напор нестабилен. Вода из воздушного клапана. Сильное запотевание или капли на корпусе бака. Как выбрать мембрану Объём бака: 5, 24, 50, 100 л и т. п. Форма: сферическая, цилиндрическая, конусная. Диаметр горловины (например, 89 мм). Допустимые давление и температура (смотрите паспорт бака). Материал Преимущества Недостатки Каучуковые полимеры Доступная цена Повышенная пористость, быстрый износ Бутил Эластичность, срок службы 3–5 лет Чувствителен к резким скачкам давления EPDM До ~100 тыс. циклов, устойчива к агрессивной воде Качество зависит от производителя Пошаговая замена Шаг 1 Отключите питание насоса и слейте воду из системы. Шаг 2 Сбросьте давление, нажав на ниппель. Шаг 3 Открутите крепёж и снимите фланец, извлеките старую мембрану. Шаг 4 Протрите бак, установите новую мембрану и закрутите фланец крест-накрест. Накачайте воздух (обычно ~1,5 бара). Как продлить срок службы Проверяйте давление воздуха каждые 6 месяцев. Ставьте механические фильтры перед баком. Избегайте резких перепадов температуры. Следите, чтобы мембрана не терлась о корпус (контроль фланца и установки). ✕ ‹ › Шаг (function(){ const triggers = Array.from(document.querySelectorAll('.lb-trigger')); const lightbox = document.getElementById('lightbox'); const stage = lightbox.querySelector('.lightbox__stage'); const img = document.getElementById('lbImg'); const cap = document.getElementById('lbCap'); const counter = document.getElementById('lbCounter'); const btnPrev = document.getElementById('lbPrev'); const btnNext = document.getElementById('lbNext'); const btnClose = document.getElementById('lbClose'); const btnFs = document.getElementById('lbFs'); const iconEnterFs = document.getElementById('iconEnterFs'); const iconExitFs = document.getElementById('iconExitFs'); const thumbsBox = document.getElementById('lbThumbs'); const isMobile = matchMedia('(max-width: 720px)').matches || 'ontouchstart' in window; let current = 0, startX = 0, endX = 0, lastFocused = null; let thumbs = []; let hoverZoomEnabled = !isMobile; // включаем зум только на десктопе function setFsIcons(isFullscreen){ if(isFullscreen){ iconEnterFs.style.display = 'none'; iconExitFs.style.display = ''; btnFs.title = 'Выйти из полного экрана'; btnFs.setAttribute('aria-label','Выйти из полного экрана'); }else{ iconEnterFs.style.display = ''; iconExitFs.style.display = 'none'; btnFs.title = 'Полный экран'; btnFs.setAttribute('aria-label','Полный экран'); } } function buildThumbs(){ thumbsBox.innerHTML = ''; thumbs = triggers.map((t,i)=>{ const b = document.createElement('button'); b.className = 'thumb'; b.setAttribute('role','option'); b.setAttribute('aria-selected','false'); b.setAttribute('aria-label', (t.dataset.caption || `Шаг ${i+1}`)); b.dataset.index = i; const prefer = t.dataset.thumb || t.querySelector('img')?.src || t.dataset.full || t.href; const im = document.createElement('img'); im.loading = 'lazy'; im.src = prefer; im.alt = ''; im.onerror = function(){ console.warn('Не удалось загрузить миниатюру:', prefer, 'для шага', i+1); im.src = 'https://via.placeholder.com/300x200?text=Шаг+' + (i+1); }; b.appendChild(im); b.addEventListener('click', ()=>{ open(i); }); b.addEventListener('keydown', (e)=>{ if(e.key === 'ArrowRight'){ e.preventDefault(); focusThumb((i+1)%thumbs.length); } if(e.key === 'ArrowLeft'){ e.preventDefault(); focusThumb((i-1+thumbs.length)%thumbs.length); } if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); open(i); } }); thumbsBox.appendChild(b); return b; }); } function focusThumb(i){ thumbs[i].focus({preventScroll:true}); thumbs[i].scrollIntoView({inline:'center',block:'nearest',behavior: isMobile ? 'auto' : 'smooth'}); } function markThumb(){ thumbs.forEach((t,idx)=> t.setAttribute('aria-selected', String(idx===current))); } function scrollActiveThumbIntoCenter(){ const activeThumb = thumbs[current]; if(!activeThumb) return; activeThumb.scrollIntoView({inline:'center',block:'nearest',behavior: isMobile ? 'auto' : 'smooth'}); } function open(index){ current = index; lastFocused = document.activeElement; update(); lightbox.classList.add('active'); document.body.style.overflow = 'hidden'; btnClose.focus(); markThumb(); scrollActiveThumbIntoCenter(); } function close(){ lightbox.classList.remove('active'); img.src = ''; img.classList.remove('is-portrait','is-landscape','zoomed'); document.body.style.overflow = ''; if (document.fullscreenElement) { document.exitFullscreen().catch(()=>{}); } setFsIcons(false); if (lastFocused) lastFocused.focus(); } function fitByOrientation(){ const nw = img.naturalWidth || 1; const nh = img.naturalHeight || 1; img.classList.toggle('is-portrait', nh > nw); img.classList.toggle('is-landscape', nw >= nh); } function update(){ const t = triggers[current]; const nextSrc = t.dataset.full || t.href; img.src = nextSrc; img.alt = t.querySelector('img')?.alt || ''; cap.textContent = t.dataset.caption || ''; counter.textContent = `Изображение ${current+1} из ${triggers.length}`; markThumb(); scrollActiveThumbIntoCenter(); img.classList.remove('zoomed'); // сбрасываем зум при смене кадра } function prev(){ current = (current - 1 + triggers.length) % triggers.length; update(); } function next(){ current = (current + 1) % triggers.length; update(); } // Клик по большому изображению — следующий слайд (кроме случая, когда активен зум) img.addEventListener('click', (e)=>{ if(img.classList.contains('zoomed')) return; // при зуме не листаем e.stopPropagation(); next(); }); // Двойной клик по изображению — вход/выход в Fullscreen img.addEventListener('dblclick', (e)=>{ e.stopPropagation(); toggleFullscreen(); }); // Ховер-зум в лайтбоксе (только десктоп) if (hoverZoomEnabled){ img.addEventListener('mouseenter', ()=>{ img.classList.add('zoomed'); }); img.addEventListener('mousemove', (e)=>{ if(!img.classList.contains('zoomed')) return; const rect = img.getBoundingClientRect(); const x = ((e.clientX - rect.left) / rect.width) * 100; const y = ((e.clientY - rect.top) / rect.height) * 100; img.style.transformOrigin = `${x}% ${y}%`; }); img.addEventListener('mouseleave', ()=>{ img.classList.remove('zoomed'); img.style.transformOrigin = 'center center'; }); } // Когда картинка загрузилась — определить ориентацию и выставить классы img.addEventListener('load', fitByOrientation); // Fullscreen API function toggleFullscreen(){ const target = stage; // во весь экран — вся сцена лайтбокса if (!document.fullscreenElement){ if (target.requestFullscreen){ target.requestFullscreen().then(()=> setFsIcons(true)).catch(()=>{}); } } else { document.exitFullscreen().then(()=> setFsIcons(false)).catch(()=>{}); } } document.addEventListener('fullscreenchange', ()=>{ setFsIcons(!!document.fullscreenElement); }); // init buildThumbs(); triggers.forEach((t,i)=> t.addEventListener('click', e=>{ e.preventDefault(); open(i); })); btnPrev.addEventListener('click', prev); btnNext.addEventListener('click', next); btnClose.addEventListener('click', close); btnFs.addEventListener('click', toggleFullscreen); // клавиатура document.addEventListener('keydown', e=>{ if(!lightbox.classList.contains('active')) return; if(e.key === 'Escape') close(); if(e.key === 'ArrowLeft') prev(); if(e.key === 'ArrowRight') next(); if(e.key.toLowerCase() === 'f'){ toggleFullscreen(); } }); // клик по фону — закрыть lightbox.addEventListener('click', e=>{ const clickInsideStage = stage.contains(e.target); if(!clickInsideStage) close(); }); // свайпы lightbox.addEventListener('touchstart', e=>{ startX = e.changedTouches[0].clientX; }, {passive:true}); lightbox.addEventListener('touchend', e=>{ endX = e.changedTouches[0].clientX; const dx = endX - startX; if(Math.abs(dx) > 40){ dx > 0 ? prev() : next(); } }, {passive:true}); })();