{"id":1471,"date":"2024-12-09T09:46:55","date_gmt":"2024-12-09T09:46:55","guid":{"rendered":"https:\/\/zaszto.hu\/?page_id=1471"},"modified":"2026-02-26T20:17:18","modified_gmt":"2026-02-26T20:17:18","slug":"csatorna-moso-fejek","status":"publish","type":"page","link":"https:\/\/zaszto.hu\/english\/csatorna-moso-fejek\/","title":{"rendered":"Sewer washing heads"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1471\" class=\"elementor elementor-1471\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9038ae elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"a9038ae\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:8.4,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:51,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c2c1427\" data-id=\"c2c1427\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4724125 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4724125\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e02a96c\" data-id=\"e02a96c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-738c25a elementor-widget-tablet__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"738c25a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Csatorna mos\u00f3 fejek<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-af8bb4e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"af8bb4e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee9a28c\" data-id=\"ee9a28c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e7f3c3d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e7f3c3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Csatorna mos\u00f3 fejek:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f8202f elementor-widget elementor-widget-text-editor\" data-id=\"8f8202f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Csatorna alj\u00e1n l\u00e9v\u0151 er\u0151s lerak\u00f3d\u00e1sok tiszt\u00edt\u00e1s\u00e1ra. K\u0151, iszap, kavics, s\u00f3der, cement\u00e1l\u00f3dott \u00fcled\u00e9k elt\u00e1vol\u00edt\u00e1s\u00e1ra.<\/li><li>Optimaliz\u00e1lt v\u00edzfelhaszn\u00e1l\u00e1s, nagy bont\u00f3k\u00e9pess\u00e9g. Egyenes forg\u00f3 csatlakoz\u00f3 haszn\u00e1lata sz\u00fcks\u00e9ges. Kiegyens\u00falyozott mos\u00f3fejek. Nagy s\u00falya biztos\u00edtja a mos\u00f3fej megfelel\u0151 poz\u00edci\u00f3j\u00e1t a csatorn\u00e1ban.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-2f1f741 e-flex e-con-boxed e-con e-parent\" data-id=\"2f1f741\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9cc096a e-con-full e-flex e-con e-child\" data-id=\"9cc096a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33b5865 elementor-widget elementor-widget-html\" data-id=\"33b5865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Google Font import *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* F\u0151 kont\u00e9ner *\/\n.product-showcase {\n  font-family: 'Inter', sans-serif;\n  background-color: #ffffff;\n  border-radius: 24px;\n  padding: 32px;\n  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);\n  border: 1px solid #f0f0f0;\n  \/* JAV\u00cdT\u00c1S: K\u00f6z\u00e9pre igaz\u00edt\u00e1s \u00e9s maxim\u00e1lis sz\u00e9less\u00e9g *\/\n  max-width: 1140px;\n  margin: 0 auto 40px auto;\n}\n\n\/* C\u00edmsor *\/\n.product-showcase-header .title { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: #111827; }\n.product-showcase-header .description { font-size: 16px; color: #6b7280; margin-bottom: 32px; max-width: 90%; }\n\n\/* F\u0151 elrendez\u00e9s *\/\n.product-showcase-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 40px;\n}\n\n\/* Interakt\u00edv panel (jobb oszlop) *\/\n.product-showcase-interactive {\n  flex: 1 1 60%;\n}\n.product-showcase-interactive h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: #374151;\n  margin-top: 0;\n  margin-bottom: 12px;\n}\n.product-select {\n  width: 100%; padding: 16px; font-size: 16px; border-radius: 12px; border: 1px solid #e5e7eb;\n  background-color: #f9fafb; margin-bottom: 24px; font-weight: 500; -webkit-appearance: none;\n  appearance: none; background-image: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23374151\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>');\n  background-repeat: no-repeat; background-position: right 16px center; background-size: 20px;\n}\n.product-details-display {\n  background-color: #f9fafb; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb;\n  min-height: 200px;\n  transition: opacity 0.3s ease;\n}\n.product-details-display .detail-row {\n  display: flex; justify-content: space-between; padding: 12px 0;\n  font-size: 15px; border-bottom: 1px dotted #e5e7eb;\n}\n.product-details-display .detail-row:last-of-type { border-bottom: none; }\n.product-details-display .detail-label { font-weight: 600; color: #374151; }\n.product-details-display .detail-value { color: #6b7280; font-weight: 500; text-align: right; }\n.product-details-display .placeholder-text { color: #9ca3af; }\n.quote-button {\n  background: #0d6efd; color: white; border: none; border-radius: 8px; padding: 12px 24px;\n  font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; margin-top: 24px; width: 100%;\n  \/* JAV\u00cdT\u00c1S: St\u00edlusok, hogy a link gombk\u00e9nt n\u00e9zzen ki *\/\n  display: block;\n  text-decoration: none;\n  text-align: center;\n  box-sizing: border-box;\n}\n.quote-button:hover {\n  background: #0052cc;\n  transform: translateY(-2px);\n  \/* JAV\u00cdT\u00c1S: A sz\u00f6veg sz\u00edne maradjon feh\u00e9r *\/\n  color: white;\n}\n\n\/* --- K\u00c9PV\u00c1LT\u00d3 (K\u00d6RHINTA) ST\u00cdLUSOK --- *\/\n.product-carousel-wrapper {\n  flex: 1 1 40%;\n  position: relative;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1);\n  aspect-ratio: 1 \/ 1;\n}\n.carousel-track {\n  display: flex;\n  height: 100%;\n  transition: transform 0.6s ease-in-out;\n}\n.carousel-slide { flex: 0 0 100%; height: 100%; }\n.carousel-slide img { width: 100%; height: 100%; object-fit: cover; }\n.carousel-dots {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 10px;\n}\n.carousel-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #cccccc; \n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  padding: 0;\n}\n.carousel-dot:hover {\n  background-color: #aeaeae;\n}\n.carousel-dot.active {\n  background-color: #0d6efd;\n  transform: scale(1.1);\n}\n\n\/* MOBIL N\u00c9ZET (768px alatt) *\/\n@media (max-width: 768px) {\n  .product-showcase-main { flex-direction: column; }\n  .product-carousel-wrapper { width: 100%; }\n  .product-showcase-interactive { width: 100%; }\n  .product-showcase-header .title { font-size: 24px; }\n  .product-showcase { padding: 20px; }\n}\n<\/style>\n\n<div id=\"product-showcase-papucs2\" class=\"product-showcase\">\n  <div class=\"product-showcase-header\">\n    <h2 class=\"title\">\u00daj Papucs fej 4 m\u00e9retben<\/h2>\n    <p class=\"description\">Modern tiszt\u00edt\u00f3fejek \u00e1ltal\u00e1nos dugul\u00e1sok elh\u00e1r\u00edt\u00e1s\u00e1hoz <\/p>\n  <\/div>\n  \n  <div class=\"product-showcase-main\">\n    <div class=\"product-carousel-wrapper\">\n      <div class=\"carousel-track\">\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/09\/e81ec806-65c1-4b8d-87df-737dba4b677f.png\" alt=\"5\/4 fej\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/09\/Uj-papucs-5-4.png\" alt=\"5\/4 fej2\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/09\/36186720-b8a2-4cb9-b105-6882a3879751.png\" alt=\"1\/2 fej\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/09\/Uj-papucs-1-col.png\" alt=\"1 col fej\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/09\/Uj-papucs-3-4.png\" alt=\"3=4 col fej\"><\/div>\n      <\/div>\n      <div class=\"carousel-dots\"><\/div>\n    <\/div>\n\n    <div class=\"product-showcase-interactive\">\n      <h3>V\u00e1lasszon t\u00edpust a list\u00e1b\u00f3l:<\/h3>\n      <select class=\"product-select\">\n        <\/select>\n      <div class=\"product-details-display\">\n        <p class=\"placeholder-text\">A term\u00e9k adatai itt fognak megjelenni.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n    const showcaseContainer = document.querySelector('#product-showcase-papucs2');\n    if (!showcaseContainer) { return; }\n\n    \/* ---- LENY\u00cdL\u00d3 MEN\u00dc LOGIKA ---- *\/\n    const products = [\n        { id: 'p1', cikkszam: '-', name: '5\/4\"', connection: 'B 5\/4\"', nozzles: '6', angle: 'v\u00e1laszthat\u00f3', size: '250x300', weight: '22', channel_dia: '500-1500', flow: '200-700' },\n        { id: 'p2', cikkszam: '-', name: '1\"', connection: 'B 1\"', nozzles: '4', angle: 'v\u00e1laszthat\u00f3', size: '200x250', weight: '14', channel_dia: '300-600', flow: '100-500' },\n        { id: 'p3', cikkszam: '-', name: '3\/4\"', connection: 'B 3\/4\"', nozzles: '4', angle: 'v\u00e1laszthat\u00f3', size: '150x230', weight: '8', channel_dia: '200-500', flow: '100-300' },\n        { id: 'p4', cikkszam: '-', name: '1\/2\"', connection: 'B 1\/2\"', nozzles: '2', angle: '20', size: '120x150', weight: '2', channel_dia: '200-400', flow: '70-300' }\n    ];\n    const dropdown = showcaseContainer.querySelector('.product-select');\n    const detailsContainer = showcaseContainer.querySelector('.product-details-display');\n\n    if (dropdown && detailsContainer) {\n        let dropdownHTML = '<option value=\"\">K\u00e9rj\u00fck, v\u00e1lasszon...<\/option>';\n        products.forEach(p => {\n            dropdownHTML += `<option value=\"${p.id}\">${p.name}<\/option>`;\n        });\n        dropdown.innerHTML = dropdownHTML;\n\n        dropdown.addEventListener('change', function() {\n            const selectedId = this.value;\n            const selectedProduct = products.find(p => p.id === selectedId);\n\n            detailsContainer.style.opacity = 0;\n            setTimeout(() => {\n                if (selectedProduct) {\n                    \/\/ L\u00e9trehozzuk a param\u00e9tert a f\u0151 n\u00e9vb\u0151l \u00e9s az alv\u00e1ltozat nev\u00e9b\u0151l\n                    const encodedSubject = encodeURIComponent(\"Aj\u00e1nlatk\u00e9r\u00e9s: \u00daj Papucs fej - \" + selectedProduct.name);\n\n                    detailsContainer.innerHTML = `\n                        <div class=\"detail-row\"><span class=\"detail-label\">Cikksz\u00e1m<\/span><span class=\"detail-value\">${selectedProduct.cikkszam}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">Csatlakoz\u00e1s<\/span><span class=\"detail-value\">${selectedProduct.connection}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">F\u00fav\u00f3k\u00e1k (db)<\/span><span class=\"detail-value\">${selectedProduct.nozzles}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">V\u00edzkil\u00e9p\u00e9si sz\u00f6g (\u00b0)<\/span><span class=\"detail-value\">${selectedProduct.angle}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">M\u00e9ret (mm)<\/span><span class=\"detail-value\">${selectedProduct.size}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">S\u00faly (kg)<\/span><span class=\"detail-value\">${selectedProduct.weight}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">Csatorna \u00d8 (mm)<\/span><span class=\"detail-value\">${selectedProduct.channel_dia}<\/span><\/div>\n                        <div class=\"detail-row\"><span class=\"detail-label\">V\u00edz\u00e1tfoly\u00e1s (l\/min)<\/span><span class=\"detail-value\">${selectedProduct.flow}<\/span><\/div>\n                        <a href=\"https:\/\/zaszto.hu\/?targy=${encodedSubject}#kapcsolatfelvetel\" class=\"quote-button\">Aj\u00e1nlatk\u00e9r\u00e9s erre a t\u00edpusra<\/a>\n                    `;\n                } else {\n                    detailsContainer.innerHTML = '<p class=\"placeholder-text\">A term\u00e9k adatai itt fognak megjelenni.<\/p>';\n                }\n                detailsContainer.style.opacity = 1;\n            }, 200);\n        });\n    }\n\n    \/* ---- K\u00c9PV\u00c1LT\u00d3 (K\u00d6RHINTA) LOGIKA ---- *\/\n    const track = showcaseContainer.querySelector('.carousel-track');\n    if (!track) return;\n    \n    const slides = Array.from(track.children);\n    const dotsNav = showcaseContainer.querySelector('.carousel-dots');\n    \n    let currentIndex = 0;\n    let autoPlayInterval;\n\n    if (slides.length <= 1) {\n        if(dotsNav) dotsNav.style.display = 'none';\n        return;\n    }\n\n    slides.forEach((slide, index) => {\n        const dot = document.createElement('button');\n        dot.classList.add('carousel-dot');\n        if (index === 0) dot.classList.add('active');\n        dotsNav.appendChild(dot);\n        dot.addEventListener('click', () => {\n             moveToSlide(index);\n             resetAutoPlay();\n        });\n    });\n    const dots = Array.from(dotsNav.children);\n\n    const moveToSlide = (targetIndex) => {\n        track.style.transform = 'translateX(-' + 100 * targetIndex + '%)';\n        if(dots[currentIndex]) dots[currentIndex].classList.remove('active');\n        if(dots[targetIndex]) dots[targetIndex].classList.add('active');\n        currentIndex = targetIndex;\n    };\n\n    const resetAutoPlay = () => {\n        clearInterval(autoPlayInterval);\n        autoPlayInterval = setInterval(() => {\n            const nextIndex = (currentIndex + 1) % slides.length;\n            moveToSlide(nextIndex);\n        }, 4000);\n    };\n    \n    showcaseContainer.addEventListener('mouseenter', () => clearInterval(autoPlayInterval));\n    showcaseContainer.addEventListener('mouseleave', resetAutoPlay);\n\n    resetAutoPlay();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0aeee8 e-flex e-con-boxed e-con e-parent\" data-id=\"b0aeee8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23c491b elementor-widget elementor-widget-html\" data-id=\"23c491b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Google Font import *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* F\u0151 kont\u00e9ner *\/\n.product-showcase {\n  font-family: 'Inter', sans-serif;\n  background-color: #ffffff;\n  border-radius: 24px;\n  padding: 32px;\n  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);\n  border: 1px solid #f0f0f0;\n  \/* JAV\u00cdT\u00c1S: K\u00f6z\u00e9pre igaz\u00edt\u00e1s \u00e9s maxim\u00e1lis sz\u00e9less\u00e9g *\/\n  max-width: 1140px;\n  margin: 0 auto 40px auto;\n}\n\n\/* C\u00edmsor *\/\n.product-showcase-header .title { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: #111827; }\n.product-showcase-header .description { font-size: 16px; color: #6b7280; margin-bottom: 32px; max-width: 90%; }\n\n\/* F\u0151 elrendez\u00e9s *\/\n.product-showcase-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 40px;\n}\n\n\/* Interakt\u00edv panel (jobb oszlop) *\/\n.product-showcase-interactive {\n  flex: 1 1 60%;\n}\n.product-details-display {\n  background-color: #f9fafb; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb;\n  min-height: 200px;\n}\n.product-details-display .detail-row {\n  display: flex; justify-content: space-between; padding: 12px 0;\n  font-size: 15px; border-bottom: 1px dotted #e5e7eb;\n}\n.product-details-display .detail-row:last-of-type { border-bottom: none; }\n.product-details-display .detail-label { font-weight: 600; color: #374151; }\n.product-details-display .detail-value { color: #6b7280; font-weight: 500; text-align: right; }\n.quote-button {\n  background: #0d6efd; color: white; border: none; border-radius: 8px; padding: 12px 24px;\n  font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; margin-top: 24px; width: 100%;\n  \/* JAV\u00cdT\u00c1S: St\u00edlusok, hogy a link gombk\u00e9nt n\u00e9zzen ki *\/\n  display: block;\n  text-decoration: none;\n  text-align: center;\n  box-sizing: border-box;\n}\n.quote-button:hover {\n  background: #0052cc;\n  transform: translateY(-2px);\n  \/* JAV\u00cdT\u00c1S: A sz\u00f6veg sz\u00edne maradjon feh\u00e9r *\/\n  color: white;\n}\n\n\/* --- K\u00c9PV\u00c1LT\u00d3 (K\u00d6RHINTA) ST\u00cdLUSOK --- *\/\n.product-carousel-wrapper {\n  flex: 1 1 40%;\n  position: relative;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1);\n  aspect-ratio: 1 \/ 1;\n}\n.carousel-track {\n  display: flex;\n  height: 100%;\n  transition: transform 0.6s ease-in-out;\n}\n.carousel-slide { flex: 0 0 100%; height: 100%; }\n.carousel-slide img { width: 100%; height: 100%; object-fit: cover; }\n.carousel-dots {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 10px;\n}\n.carousel-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #cccccc; \n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  padding: 0;\n}\n.carousel-dot:hover {\n  background-color: #aeaeae;\n}\n.carousel-dot.active {\n  background-color: #0d6efd;\n  transform: scale(1.1);\n}\n\n\/* MOBIL N\u00c9ZET (768px alatt) *\/\n@media (max-width: 768px) {\n  .product-showcase-main { flex-direction: column; }\n  .product-carousel-wrapper { width: 100%; }\n  .product-showcase-interactive { width: 100%; }\n  .product-showcase-header .title { font-size: 24px; }\n  .product-showcase { padding: 20px; }\n}\n<\/style>\n\n<div id=\"product-showcase-szanko\" class=\"product-showcase\">\n  <div class=\"product-showcase-header\">\n    <h2 class=\"title\">Sz\u00e1nk\u00f3<\/h2>\n    <p class=\"description\">Nagy teljes\u00edtm\u00e9ny\u0171, speci\u00e1lis kialak\u00edt\u00e1s\u00fa tiszt\u00edt\u00f3fej a legmakacsabb lerak\u00f3d\u00e1sok \u00e9s gy\u00f6kerek elt\u00e1vol\u00edt\u00e1s\u00e1hoz.<\/p>\n  <\/div>\n  \n  <div class=\"product-showcase-main\">\n    <div class=\"product-carousel-wrapper\">\n      <div class=\"carousel-track\">\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/szanko_1.webp\" alt=\"Sz\u00e1nk\u00f3 1. k\u00e9p\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/szanko_2.webp\" alt=\"Sz\u00e1nk\u00f3 2. k\u00e9p\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/szanko_2-1.webp\" alt=\"Sz\u00e1nk\u00f3 3. k\u00e9p\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/szanko_1-1.webp\" alt=\"Sz\u00e1nk\u00f3 4. k\u00e9p\"><\/div>\n      <\/div>\n      <div class=\"carousel-dots\"><\/div>\n    <\/div>\n\n    <div class=\"product-showcase-interactive\">\n      <div class=\"product-details-display\">\n        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n    const showcaseContainer = document.querySelector('#product-showcase-szanko');\n    if (!showcaseContainer) { return; }\n\n    \/* ---- ADATOK \u00c9S AUTOMATIKUS MEGJELEN\u00cdT\u00c9S ---- *\/\n    const product = { id: '10.153', name: 'Sz\u00e1nk\u00f3', connection: 'B 1\"', nozzles: '8', angle: '20', size: '130x250', weight: '9', channel_dia: '400-800', flow: '100-680' };\n    const detailsContainer = showcaseContainer.querySelector('.product-details-display');\n\n    if (detailsContainer) {\n        \/\/ L\u00e9trehozzuk a param\u00e9tert\n        const encodedSubject = encodeURIComponent(\"Aj\u00e1nlatk\u00e9r\u00e9s: \" + product.name + \" (\" + product.id + \")\");\n\n        detailsContainer.innerHTML = `\n            <div class=\"detail-row\"><span class=\"detail-label\">Cikksz\u00e1m<\/span><span class=\"detail-value\">${product.id}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">Csatlakoz\u00e1s<\/span><span class=\"detail-value\">${product.connection}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">F\u00fav\u00f3k\u00e1k (db)<\/span><span class=\"detail-value\">${product.nozzles}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">V\u00edzkil\u00e9p\u00e9si sz\u00f6g (\u00b0)<\/span><span class=\"detail-value\">${product.angle}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">M\u00e9ret (mm)<\/span><span class=\"detail-value\">${product.size}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">S\u00faly (kg)<\/span><span class=\"detail-value\">${product.weight}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">Csatorna \u00d8 (mm)<\/span><span class=\"detail-value\">${product.channel_dia}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">V\u00edz\u00e1tfoly\u00e1s (l\/min)<\/span><span class=\"detail-value\">${product.flow}<\/span><\/div>\n            <a href=\"https:\/\/zaszto.hu\/?targy=${encodedSubject}#kapcsolatfelvetel\" class=\"quote-button\">Aj\u00e1nlatk\u00e9r\u00e9s erre a t\u00edpusra<\/a>\n        `;\n    }\n\n    \/* ---- K\u00c9PV\u00c1LT\u00d3 (K\u00d6RHINTA) LOGIKA ---- *\/\n    const track = showcaseContainer.querySelector('.carousel-track');\n    if (!track) return;\n    \n    const slides = Array.from(track.children);\n    const dotsNav = showcaseContainer.querySelector('.carousel-dots');\n    \n    let currentIndex = 0;\n    let autoPlayInterval;\n\n    if (slides.length <= 1) {\n        if(dotsNav) dotsNav.style.display = 'none';\n        return;\n    }\n\n    slides.forEach((slide, index) => {\n        const dot = document.createElement('button');\n        dot.classList.add('carousel-dot');\n        if (index === 0) dot.classList.add('active');\n        dotsNav.appendChild(dot);\n        dot.addEventListener('click', () => {\n             moveToSlide(index);\n             resetAutoPlay();\n        });\n    });\n    const dots = Array.from(dotsNav.children);\n\n    const moveToSlide = (targetIndex) => {\n        track.style.transform = 'translateX(-' + 100 * targetIndex + '%)';\n        if(dots[currentIndex]) dots[currentIndex].classList.remove('active');\n        if(dots[targetIndex]) dots[targetIndex].classList.add('active');\n        currentIndex = targetIndex;\n    };\n\n    const resetAutoPlay = () => {\n        clearInterval(autoPlayInterval);\n        autoPlayInterval = setInterval(() => {\n            const nextIndex = (currentIndex + 1) % slides.length;\n            moveToSlide(nextIndex);\n        }, 4000);\n    };\n    \n    showcaseContainer.addEventListener('mouseenter', () => clearInterval(autoPlayInterval));\n    showcaseContainer.addEventListener('mouseleave', resetAutoPlay);\n\n    resetAutoPlay();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0457834 elementor-widget elementor-widget-html\" data-id=\"0457834\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Google Font import *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* F\u0151 kont\u00e9ner *\/\n.product-showcase {\n  font-family: 'Inter', sans-serif;\n  background-color: #ffffff;\n  border-radius: 24px;\n  padding: 32px;\n  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);\n  border: 1px solid #f0f0f0;\n  \/* JAV\u00cdT\u00c1S: K\u00f6z\u00e9pre igaz\u00edt\u00e1s \u00e9s maxim\u00e1lis sz\u00e9less\u00e9g be\u00e1ll\u00edt\u00e1sa *\/\n  max-width: 1140px;\n  margin: 0 auto 40px auto;\n}\n\n\/* C\u00edmsor *\/\n.product-showcase-header .title { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: #111827; }\n.product-showcase-header .description { font-size: 16px; color: #6b7280; margin-bottom: 32px; max-width: 90%; }\n\n\/* F\u0151 elrendez\u00e9s *\/\n.product-showcase-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 40px;\n}\n\n\/* Interakt\u00edv panel (jobb oszlop) *\/\n.product-showcase-interactive {\n  flex: 1 1 60%;\n}\n.product-details-display {\n  background-color: #f9fafb; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb;\n  min-height: 200px;\n}\n.product-details-display .detail-row {\n  display: flex; justify-content: space-between; padding: 12px 0;\n  font-size: 15px; border-bottom: 1px dotted #e5e7eb;\n}\n.product-details-display .detail-row:last-of-type { border-bottom: none; }\n.product-details-display .detail-label { font-weight: 600; color: #374151; }\n.product-details-display .detail-value { color: #6b7280; font-weight: 500; text-align: right; }\n.quote-button {\n  background: #0d6efd; color: white; border: none; border-radius: 8px; padding: 12px 24px;\n  font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; margin-top: 24px; width: 100%;\n  \/* JAV\u00cdT\u00c1S: St\u00edlusok, hogy a link gombk\u00e9nt n\u00e9zzen ki *\/\n  display: block;\n  text-decoration: none;\n  text-align: center;\n  box-sizing: border-box;\n}\n.quote-button:hover {\n  background: #0052cc;\n  transform: translateY(-2px);\n  \/* JAV\u00cdT\u00c1S: A sz\u00f6veg sz\u00edne maradjon feh\u00e9r *\/\n  color: white;\n}\n\n\/* --- K\u00c9PV\u00c1LT\u00d3 (K\u00d6RHINTA) ST\u00cdLUSOK --- *\/\n.product-carousel-wrapper {\n  flex: 1 1 40%;\n  position: relative;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1);\n  aspect-ratio: 1 \/ 1;\n}\n.carousel-track {\n  display: flex;\n  height: 100%;\n  transition: transform 0.6s ease-in-out;\n}\n.carousel-slide { flex: 0 0 100%; height: 100%; }\n.carousel-slide img { width: 100%; height: 100%; object-fit: cover; }\n.carousel-dots {\n  position: absolute;\n  bottom: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 10px;\n}\n.carousel-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background-color: #cccccc; \n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  padding: 0;\n}\n.carousel-dot:hover {\n  background-color: #aeaeae;\n}\n.carousel-dot.active {\n  background-color: #0d6efd;\n  transform: scale(1.1);\n}\n\n\/* MOBIL N\u00c9ZET (768px alatt) *\/\n@media (max-width: 768px) {\n  .product-showcase-main { flex-direction: column; }\n  .product-carousel-wrapper { width: 100%; }\n  .product-showcase-interactive { width: 100%; }\n  .product-showcase-header .title { font-size: 24px; }\n  .product-showcase { padding: 20px; }\n}\n<\/style>\n\n<div id=\"product-showcase-laposfej\" class=\"product-showcase\">\n  <div class=\"product-showcase-header\">\n    <h2 class=\"title\">Lapos fej<\/h2>\n    <p class=\"description\">Nagy hat\u00e9konys\u00e1g\u00fa tiszt\u00edt\u00f3fej iszapos, homokos lerak\u00f3d\u00e1sok elt\u00e1vol\u00edt\u00e1s\u00e1ra a cs\u0151vezet\u00e9k alj\u00e1r\u00f3l.<\/p>\n  <\/div>\n  \n  <div class=\"product-showcase-main\">\n    <div class=\"product-carousel-wrapper\">\n      <div class=\"carousel-track\">\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/laposfej_1.webp\" alt=\"Laposfej 1. k\u00e9p\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/laposfej_2.webp\" alt=\"Laposfej 2. k\u00e9p\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/lapos_1.webp\" alt=\"Laposfej 3. k\u00e9p\"><\/div>\n        <div class=\"carousel-slide\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/08\/lapos_2.webp\" alt=\"Laposfej 4. k\u00e9p\"><\/div>\n      <\/div>\n      <div class=\"carousel-dots\"><\/div>\n    <\/div>\n\n    <div class=\"product-showcase-interactive\">\n      <div class=\"product-details-display\">\n        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n    const showcaseContainer = document.querySelector('#product-showcase-laposfej');\n    if (!showcaseContainer) { return; }\n\n    \/* ---- ADATOK \u00c9S AUTOMATIKUS MEGJELEN\u00cdT\u00c9S ---- *\/\n    const product = { id: '10.152', name: 'Lapos fej', connection: 'B 5\/4\"', nozzles: '8', angle: '20', size: '210x350', weight: '11', channel_dia: '500-1000', flow: '100-680' };\n    const detailsContainer = showcaseContainer.querySelector('.product-details-display');\n\n    if (detailsContainer) {\n        \/\/ L\u00e9trehozzuk a param\u00e9tert\n        const encodedSubject = encodeURIComponent(\"Aj\u00e1nlatk\u00e9r\u00e9s: \" + product.name + \" (\" + product.id + \")\");\n\n        detailsContainer.innerHTML = `\n            <div class=\"detail-row\"><span class=\"detail-label\">Cikksz\u00e1m<\/span><span class=\"detail-value\">${product.id}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">Csatlakoz\u00e1s<\/span><span class=\"detail-value\">${product.connection}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">F\u00fav\u00f3k\u00e1k (db)<\/span><span class=\"detail-value\">${product.nozzles}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">V\u00edzkil\u00e9p\u00e9si sz\u00f6g (\u00b0)<\/span><span class=\"detail-value\">${product.angle}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">M\u00e9ret (mm)<\/span><span class=\"detail-value\">${product.size}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">S\u00faly (kg)<\/span><span class=\"detail-value\">${product.weight}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">Csatorna \u00d8 (mm)<\/span><span class=\"detail-value\">${product.channel_dia}<\/span><\/div>\n            <div class=\"detail-row\"><span class=\"detail-label\">V\u00edz\u00e1tfoly\u00e1s (l\/min)<\/span><span class=\"detail-value\">${product.flow}<\/span><\/div>\n            <a href=\"https:\/\/zaszto.hu\/?targy=${encodedSubject}#kapcsolatfelvetel\" class=\"quote-button\">Aj\u00e1nlatk\u00e9r\u00e9s erre a t\u00edpusra<\/a>\n        `;\n    }\n\n    \/* ---- K\u00c9PV\u00c1LT\u00d3 (K\u00d6RHINTA) LOGIKA ---- *\/\n    const track = showcaseContainer.querySelector('.carousel-track');\n    if (!track) return;\n    \n    const slides = Array.from(track.children);\n    const dotsNav = showcaseContainer.querySelector('.carousel-dots');\n    \n    let currentIndex = 0;\n    let autoPlayInterval;\n\n    if (slides.length <= 1) {\n        if(dotsNav) dotsNav.style.display = 'none';\n        return;\n    }\n\n    slides.forEach((slide, index) => {\n        const dot = document.createElement('button');\n        dot.classList.add('carousel-dot');\n        if (index === 0) dot.classList.add('active');\n        dotsNav.appendChild(dot);\n        dot.addEventListener('click', () => {\n             moveToSlide(index);\n             resetAutoPlay();\n        });\n    });\n    const dots = Array.from(dotsNav.children);\n\n    const moveToSlide = (targetIndex) => {\n        track.style.transform = 'translateX(-' + 100 * targetIndex + '%)';\n        if(dots[currentIndex]) dots[currentIndex].classList.remove('active');\n        if(dots[targetIndex]) dots[targetIndex].classList.add('active');\n        currentIndex = targetIndex;\n    };\n\n    const resetAutoPlay = () => {\n        clearInterval(autoPlayInterval);\n        autoPlayInterval = setInterval(() => {\n            const nextIndex = (currentIndex + 1) % slides.length;\n            moveToSlide(nextIndex);\n        }, 4000);\n    };\n    \n    showcaseContainer.addEventListener('mouseenter', () => clearInterval(autoPlayInterval));\n    showcaseContainer.addEventListener('mouseleave', resetAutoPlay);\n\n    resetAutoPlay();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Csatorna mos\u00f3 fejek Csatorna mos\u00f3 fejek: Csatorna alj\u00e1n l\u00e9v\u0151 er\u0151s lerak\u00f3d\u00e1sok tiszt\u00edt\u00e1s\u00e1ra. K\u0151, iszap, kavics, s\u00f3der, cement\u00e1l\u00f3dott \u00fcled\u00e9k elt\u00e1vol\u00edt\u00e1s\u00e1ra. Optimaliz\u00e1lt v\u00edzfelhaszn\u00e1l\u00e1s, nagy bont\u00f3k\u00e9pess\u00e9g. Egyenes forg\u00f3 csatlakoz\u00f3 haszn\u00e1lata sz\u00fcks\u00e9ges. Kiegyens\u00falyozott mos\u00f3fejek. Nagy s\u00falya biztos\u00edtja a mos\u00f3fej megfelel\u0151 poz\u00edci\u00f3j\u00e1t a csatorn\u00e1ban. \u00daj Papucs fej 4 m\u00e9retben Modern tiszt\u00edt\u00f3fejek \u00e1ltal\u00e1nos dugul\u00e1sok elh\u00e1r\u00edt\u00e1s\u00e1hoz V\u00e1lasszon t\u00edpust a list\u00e1b\u00f3l: A term\u00e9k&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Csatorna mos\u00f3 fejek - Zaszt\u00f3 KFT","_seopress_titles_desc":"Csatorna mos\u00f3 fejek: Csatorna alj\u00e1n l\u00e9v\u0151 er\u0151s lerak\u00f3d\u00e1sok tiszt\u00edt\u00e1s\u00e1ra. K\u0151, iszap, kavics, s\u00f3der, cement\u00e1l\u00f3dott \u00fcled\u00e9k elt\u00e1vol\u00edt\u00e1s\u00e1ra.","_seopress_robots_index":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/pages\/1471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/comments?post=1471"}],"version-history":[{"count":9,"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/pages\/1471\/revisions"}],"predecessor-version":[{"id":5890,"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/pages\/1471\/revisions\/5890"}],"wp:attachment":[{"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/media?parent=1471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}