ZAWÓR ANTYZALANIOWY DO FILTRA WODY

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { –primary: #0066ff; –accent: #00d4aa; –bg: #fafbfc; –white: #ffffff; –text: #111827; –muted: #6b7280; –border: rgba(0, 0, 0, 0.06); } html { scroll-behavior: smooth; } body { font-family: 'Sora’, -apple-system, BlinkMacSystemFont, 'Segoe UI’, sans-serif; background: var(–bg); color: var(–text); line-height: 1.6; overflow-x: hidden; } /* ── HERO ─────────────────────────────────────────────── */ .hero { display: flex; align-items: center; justify-content: center; padding: 120px 32px 80px; position: relative; overflow: hidden; } .hero::before { content: ”; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 102, 255, 0.08) 0%, transparent 70%); pointer-events: none; } .hero__inner { position: relative; z-index: 1; max-width: 1000px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; } .hero__content h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.03em; margin-bottom: 24px; color: var(–text); } .hero__content p { font-size: 1.1rem; color: var(–muted); margin-bottom: 48px; line-height: 1.7; max-width: 480px; } .hero__cta { display: inline-flex; align-items: center; gap: 12px; background: var(–primary); color: white; font-size: 1rem; font-weight: 600; padding: 14px 32px; border-radius: 12px; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 16px rgba(0, 102, 255, 0.2); } .hero__cta:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 102, 255, 0.3); } .hero__image { position: relative; display: flex; align-items: center; justify-content: center; } .hero__image img { max-width: 100%; width: 100%; height: auto; filter: drop-shadow(0 16px 48px rgba(0, 0, 0, 0.08)); animation: float 6s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* ── SECTION ──────────────────────────────────────────── */ section { padding: 120px 32px; } .section__header { text-align: center; margin-bottom: 80px; max-width: 700px; margin-left: auto; margin-right: auto; } .section__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(–accent); margin-bottom: 12px; } .section__title { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 16px; color: var(–text); } .section__subtitle { font-size: 1.05rem; color: var(–muted); line-height: 1.7; } /* ── FEATURES ───────────────────────────────────────────── */ .features { background: var(–white); } .features__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; max-width: 1200px; margin: 0 auto; } .feature-card { padding: 40px 32px; border: 1px solid var(–border); border-radius: 16px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); transition: all 0.3s ease; } .feature-card:hover { border-color: var(–primary); box-shadow: 0 8px 32px rgba(0, 102, 255, 0.1); transform: translateY(-4px); } .feature-card__icon { font-size: 2.5rem; margin-bottom: 20px; display: block; } .feature-card__title { font-size: 1.2rem; font-weight: 700; margin-bottom: 12px; color: var(–text); } .feature-card__text { font-size: 0.95rem; color: var(–muted); line-height: 1.7; } /* ── SPECS ────────────────────────────────────────────── */ .specs { background: var(–bg); } .specs__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } .specs__image { position: relative; } .specs__image img { width: 100%; height: auto; border-radius: 20px; border: 1px solid var(–border); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06); } .specs__list { list-style: none; } .specs__item { padding: 20px 0; border-bottom: 1px solid var(–border); display: flex; gap: 16px; align-items: flex-start; } .specs__item:last-child { border-bottom: none; } .specs__item-icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; } .specs__item-content h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 4px; color: var(–text); } .specs__item-content p { font-size: 1.1rem; color: var(–muted); line-height: 1.6; } /* ── HOW IT WORKS ───────────────────────────────────────── */ .process { background: var(–white); } .process__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; } .process__step { text-align: center; position: relative; } .process__step-num { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(–primary), var(–accent)); color: white; font-size: 1.5rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; box-shadow: 0 8px 24px rgba(0, 102, 255, 0.2); } .process__step-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: var(–text); } .process__step-text { font-size: 0.9rem; color: var(–muted); line-height: 1.7; } /* ── KIT ──────────────────────────────────────────────── */ .kit { background: var(–bg); } .kit__inner { max-width: 1200px; margin: 0 auto; } .kit__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; } .kit__item { background: var(–white); border: 1px solid var(–border); border-radius: 16px; padding: 28px 24px; text-align: center; transition: all 0.3s ease; } .kit__item:hover { border-color: var(–accent); box-shadow: 0 8px 24px rgba(0, 212, 170, 0.1); transform: translateY(-4px); } .kit__item-icon { font-size: 2.2rem; margin-bottom: 16px; display: block; } .kit__item-title { font-size: 1rem; font-weight: 700; margin-bottom: 8px; color: var(–text); } .kit__item-text { font-size: 0.85rem; color: var(–muted); line-height: 1.6; } /* ── CTA ──────────────────────────────────────────────── */ .cta { padding: 160px 32px; background: var(–white); text-align: center; } .cta__title { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 24px; color: var(–text); } .cta__subtitle { font-size: 1.1rem; color: var(–muted); margin-bottom: 48px; max-width: 600px; margin-left: auto; margin-right: auto; } .cta__btn { display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, var(–primary), var(–accent)); color: white; font-size: 1.05rem; font-weight: 700; padding: 16px 40px; border-radius: 12px; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 24px rgba(0, 102, 255, 0.25); } .cta__btn:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0, 102, 255, 0.35); } /* ── FOOTER ───────────────────────────────────────────── */ footer { padding: 32px; text-align: center; color: var(–muted); font-size: 0.85rem; border-top: 1px solid var(–border); background: var(–white); } /* ── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 768px) { .hero__inner { grid-template-columns: 1fr; gap: 60px; } .hero__image { order: -1; } .specs__inner { grid-template-columns: 1fr; gap: 60px; } section { padding: 80px 24px; } .hero { padding: 80px 24px 60px; } .cta { padding: 100px 24px; } } @media (max-width: 480px) { .hero__content h1 { font-size: 2rem; } .section__title { font-size: 1.8rem; } .features__grid { grid-template-columns: 1fr; } .process__grid { grid-template-columns: 1fr; } } Zawór Antyzalaniowy 2×1/4″ Mechaniczne zabezpieczenie dla systemów podzlewozmywakowych i RO. Odcina dopływ wody automatycznie — bez prądu, bez elektroniki. Cechy Dlaczego warto wybrać Prosty, niezawodny i skuteczny — zawór działa tam, gdzie elektronika zawodzi. 💧 Ochrona przed zalaniem W chwili awarii automatycznie odcina dopływ wody, zanim dojdzie do szkód. ⚙️ Bez elektroniki Wkład z tworzywa pęcznieje pod wpływem wody — zero kabli, zero baterii. 🔄 Wielorazowy Po wymianie wkładu zawór jest gotowy do ponownego użycia. 🔗 Szybki montaż Złączki push-fit — podłączenie w kilka sekund bez narzędzi. 🏠 Uniwersalny Idealny do filtrów pod zlewozmywakiem i systemów RO. 🛡️ Spokój ducha Zainstaluj raz — zawór czuwa 24/7, nawet gdy Cię nie ma. Specyfikacja Zawartość zestawu 📎 Klipsy blokujące wężyk Zabezpieczają wąż przed przypadkowym wysunięciem. 🔩 Śruby montażowe Do trwałego mocowania zaworu do szafki lub ściany. 💧 2 wkłady odcinające Zapasowy wkład do natychmiastowego resetu po zadziałaniu. 🖇️ Taśma dwustronna Alternatywna metoda montażu — bez wiercenia, bez uszkodzeń. Jak to działa Cztery proste kroki Prosta fizyka, maksymalna skuteczność. 1 Montaż Podłącz zawór za pomocą złączek push-fit. Przykręć lub przyklej taśmą. 2 Wykrycie Wkład wchłania wodę i natychmiast zwiększa swoją objętość. 3 Odcięcie Spęczniały wkład blokuje przepływ — woda zostaje zamknięta. 4 Reset Wymień wkład — zawór gotowy do kolejnego użycia. Pakiet Kompletne wyposażenie Wszystko co potrzebujesz — od razu gotowe do montażu. 📎 Klipsy Zawleczki blokujące wężyk 🔩 Śruby Montażowe do szafki 💧 Wkłady 2 szt. odcinające wodę 🖇️ Taśma Dwustronna do montażu Chroń swój dom zanim będzie za późno Jeden zawór. Zero elektroniki. Pełna ochrona przed zalaniem.