{"id":1445,"date":"2024-12-09T09:02:59","date_gmt":"2024-12-09T09:02:59","guid":{"rendered":"https:\/\/zaszto.hu\/?page_id=1445"},"modified":"2025-08-07T16:35:06","modified_gmt":"2025-08-07T16:35:06","slug":"hidraulikatomlokgyartasa","status":"publish","type":"page","link":"https:\/\/zaszto.hu\/english\/hidraulikatomlokgyartasa\/","title":{"rendered":"Manufacture and repair of hydraulic hoses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1445\" class=\"elementor elementor-1445\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5915555 elementor-section-height-min-height elementor-section-items-top elementor-section-boxed elementor-section-height-default\" data-id=\"5915555\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52018ac\" data-id=\"52018ac\" 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-d67ff1b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d67ff1b\" 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\">Hidraulika t\u00f6ml\u0151k gy\u00e1rt\u00e1sa, jav\u00edt\u00e1sa<\/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<div class=\"elementor-element elementor-element-1a4bf27 e-flex e-con-boxed e-con e-parent\" data-id=\"1a4bf27\" 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-2908c18 elementor-widget elementor-widget-html\" data-id=\"2908c18\" 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>\r\n\/* Google Font import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n\/* --- ALAP ST\u00cdLUSOK --- *\/\r\n.showcase-container {\r\n  font-family: 'Inter', sans-serif;\r\n  background-color: #ffffff;\r\n  border-radius: 24px;\r\n  padding: 32px;\r\n  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);\r\n  border: 1px solid #f0f0f0;\r\n  max-width: 1140px;\r\n  margin: 0 auto 40px auto;\r\n}\r\n\r\n.showcase-header .super-title {\r\n  font-size: 14px; font-weight: 600; color: #6b7280;\r\n  margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px;\r\n}\r\n.showcase-header .title {\r\n  font-size: 32px;\r\n  font-weight: 700;\r\n  margin: 0 0 32px 0;\r\n  color: #111827;\r\n}\r\n\r\n\/* F\u00dcLES NAVIG\u00c1CI\u00d3 *\/\r\n.showcase-navigation { border-bottom: 2px solid #e5e7eb; margin-bottom: 32px; }\r\n.showcase-tabs { display: flex; gap: 12px; }\r\n.tab-link {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px; font-weight: 600;\r\n  color: #6b7280;\r\n  padding: 8px 16px;\r\n  border: none;\r\n  background-color: transparent;\r\n  border-bottom: 3px solid transparent;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  transform: translateY(2px);\r\n  white-space: nowrap;\r\n}\r\n.tab-link:hover, .tab-link:focus-visible { color: #0d6efd; outline: none; background-color: transparent; }\r\n.tab-link.active { color: #0d6efd; border-bottom-color: #0d6efd; background-color: transparent; }\r\n\r\n.showcase-nav-mobile { display: none; }\r\n.mobile-nav-select {\r\n  width: 100%; padding: 16px; font-size: 16px; border-radius: 12px; border: 1px solid #e5e7eb;\r\n  background-color: #f9fafb; font-weight: 600; color: #111827; -webkit-appearance: none;\r\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>');\r\n  background-repeat: no-repeat; background-position: right 16px center; background-size: 20px;\r\n}\r\n\r\n\/* F\u00dcL TARTALOM \u00c9S K\u00c1RTY\u00c1K *\/\r\n.showcase-panel { display: none; animation: fadeIn 0.5s ease; }\r\n.showcase-panel.active { display: block; }\r\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n.gallery-card {\r\n  background-color: #ffffff;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  border: 1px solid #e5e7eb;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n.gallery-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px -5px rgba(0,0,0,0.1); }\r\n.card-image-wrapper { aspect-ratio: 4 \/ 3; background-color: #f3f4f6; }\r\n.card-image-wrapper img { width: 100%; height: 100%; object-fit: cover; }\r\n.card-content { padding: 16px; text-align: center; min-height: 80px; display: flex; align-items: center; justify-content: center; }\r\n.card-content h4 { margin: 0; font-size: 16px; font-weight: 600; color: #111827; }\r\n\r\n\/* LIGHTBOX *\/\r\n.lightbox {\r\n  position: fixed; top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.85);\r\n  display: none; justify-content: center; align-items: center;\r\n  z-index: 1000; animation: fadeIn 0.3s ease;\r\n}\r\n.lightbox-content { position: relative; max-width: 90%; max-height: 85%; }\r\n.lightbox-content img { width: 100%; height: 100%; object-fit: contain; }\r\n.lightbox-close, .lightbox-prev, .lightbox-next {\r\n  position: absolute; color: white; font-size: 40px;\r\n  font-weight: bold; cursor: pointer; user-select: none;\r\n  transition: color 0.2s ease;\r\n}\r\n.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover { color: #ccc; }\r\n.lightbox-close { top: 15px; right: 35px; }\r\n.lightbox-prev, .lightbox-next { top: 50%; transform: translateY(-50%); }\r\n.lightbox-prev { left: 15px; }\r\n.lightbox-next { right: 15px; }\r\n\r\n\/* MOBIL N\u00c9ZET *\/\r\n@media (max-width: 992px) {\r\n  .gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 768px) {\r\n  .showcase-container { padding: 20px; }\r\n  .showcase-header .title { font-size: 26px; }\r\n  .showcase-tabs { display: none; }\r\n  .showcase-nav-mobile { display: block; margin-bottom: 24px; }\r\n  .showcase-navigation { border-bottom: none; }\r\n  .gallery-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"showcase-tomlok\" class=\"showcase-container\">\r\n  <div class=\"showcase-header\">\r\n    <p class=\"super-title\">T\u00f6ml\u0151k, csatlakoz\u00f3k gy\u00e1rt\u00e1sa \u00e9s jav\u00edt\u00e1sa<\/p>\r\n    <h2 class=\"title\">Hidraulika \u00e9s Szippant\u00f3 T\u00f6ml\u0151k<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"showcase-navigation\">\r\n    <div class=\"showcase-nav-mobile\"><\/div>\r\n    <nav class=\"showcase-tabs\">\r\n      <button class=\"tab-link active\" data-target=\"#panel-hidraulika\">Hidraulika t\u00f6ml\u0151k \u00e9s csatlakoz\u00f3k<\/button>\r\n      <button class=\"tab-link\" data-target=\"#panel-szippanto\">Szippant\u00f3 t\u00f6ml\u0151k<\/button>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <div class=\"showcase-content-panels\">\r\n    <div id=\"panel-hidraulika\" class=\"showcase-panel active\">\r\n      <div class=\"gallery-grid\">\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/2sn-semperit-2-acelbetetes-tomlo.webp\" alt=\"2SN Dupla ac\u00e9l bet\u00e9tes\"><\/div><div class=\"card-content\"><h4>2SN Dupla ac\u00e9l bet\u00e9tes<br>(DN5 - DN32)<\/h4><\/div><\/div>\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/4SP-4-acelbetetes-tomlo.webp\" alt=\"4SP N\u00e9gyszeres ac\u00e9lbet\u00e9tes\"><\/div><div class=\"card-content\"><h4>4SP N\u00e9gyszeres ac\u00e9lbet\u00e9tes<br>(DN10 - DN32)<\/h4><\/div><\/div>\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/Tomlopreseles.jpg\" alt=\"T\u00f6ml\u0151k v\u00e1g\u00e1sa, jav\u00edt\u00e1sa\"><\/div><div class=\"card-content\"><h4>T\u00f6ml\u0151k v\u00e1g\u00e1sa, jav\u00edt\u00e1sa, told\u00e1sa ig\u00e9ny szerint<\/h4><\/div><\/div>\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/standard-hidraulika-csatlakozok.png\" alt=\"Hollanderes \u00e9s k\u00fcls\u0151 menetes csatlakoz\u00f3k\"><\/div><div class=\"card-content\"><h4>Hollanderes \u00e9s k\u00fcls\u0151 menetes csatlakoz\u00f3k<\/h4><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div id=\"panel-szippanto\" class=\"showcase-panel\">\r\n       <div class=\"gallery-grid\">\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/Spurgo-csatornamoso-tomlo.jpg\" alt=\"Spurgo SPL csatornamos\u00f3 t\u00f6ml\u0151\"><\/div><div class=\"card-content\"><h4>Spurgo SPL csatornamos\u00f3 t\u00f6ml\u0151<\/h4><\/div><\/div>\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/PVC-csigatomlo.webp\" alt=\"PVC csigat\u00f6ml\u0151\"><\/div><div class=\"card-content\"><h4>PVC csigat\u00f6ml\u0151<\/h4><\/div><\/div>\r\n        <div class=\"gallery-card\"><div class=\"card-image-wrapper\"><img decoding=\"async\" src=\"https:\/\/zaszto.hu\/wp-content\/uploads\/2025\/01\/Arizona-superelastic.jpg\" alt=\"Arizona Superelastic sz\u00edv\u00f3t\u00f6ml\u0151\"><\/div><div class=\"card-content\"><h4>Arizona Superelastic sz\u00edv\u00f3t\u00f6ml\u0151<\/h4><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"lightbox-hidraulika\" class=\"lightbox\"><span class=\"lightbox-close\">&times;<\/span><span class=\"lightbox-prev\">\u2039<\/span><span class=\"lightbox-next\">\u203a<\/span><div class=\"lightbox-content\"><img decoding=\"async\" src=\"\" alt=\"Nagy\u00edtott k\u00e9p\"><\/div><\/div>\r\n<div id=\"lightbox-szippanto\" class=\"lightbox\"><span class=\"lightbox-close\">&times;<\/span><span class=\"lightbox-prev\">\u2039<\/span><span class=\"lightbox-next\">\u203a<\/span><div class=\"lightbox-content\"><img decoding=\"async\" src=\"\" alt=\"Nagy\u00edtott k\u00e9p\"><\/div><\/div>\r\n\r\n<script>\r\n(function() {\r\n    const showcase = document.querySelector('#showcase-tomlok');\r\n    if (!showcase) return;\r\n\r\n    \/\/ --- F\u00dcLES NAVIG\u00c1CI\u00d3 LOGIKA ---\r\n    const tabs = showcase.querySelectorAll('.tab-link');\r\n    const panels = showcase.querySelectorAll('.showcase-panel');\r\n    const mobileNavContainer = showcase.querySelector('.showcase-nav-mobile');\r\n\r\n    function switchContent(targetId) {\r\n        panels.forEach(p => p.classList.remove('active'));\r\n        showcase.querySelector(targetId).classList.add('active');\r\n    }\r\n    tabs.forEach(tab => {\r\n        tab.addEventListener('click', () => {\r\n            tabs.forEach(t => t.classList.remove('active'));\r\n            tab.classList.add('active');\r\n            switchContent(tab.dataset.target);\r\n        });\r\n    });\r\n    \r\n    let mobileSelectHTML = '<select class=\"mobile-nav-select\">';\r\n    tabs.forEach(tab => { mobileSelectHTML += `<option value=\"${tab.dataset.target}\">${tab.textContent}<\/option>`; });\r\n    mobileSelectHTML += '<\/select>';\r\n    mobileNavContainer.innerHTML = mobileSelectHTML;\r\n\r\n    const mobileSelect = showcase.querySelector('.mobile-nav-select');\r\n    mobileSelect.addEventListener('change', (e) => {\r\n        const activeTab = showcase.querySelector(`.tab-link[data-target=\"${e.target.value}\"]`);\r\n        tabs.forEach(t => t.classList.remove('active'));\r\n        if(activeTab) activeTab.classList.add('active');\r\n        switchContent(e.target.value);\r\n    });\r\n    \r\n    \/\/ --- LIGHTBOX GAL\u00c9RIA LOGIKA ---\r\n    function initLightbox(gallerySelector, lightboxId) {\r\n        const lightbox = document.getElementById(lightboxId);\r\n        if (!lightbox) return;\r\n\r\n        const galleryCards = showcase.querySelectorAll(`${gallerySelector} .gallery-card`);\r\n        if (galleryCards.length === 0) return;\r\n\r\n        const lightboxImg = lightbox.querySelector('.lightbox-content img');\r\n        const imageUrls = Array.from(galleryCards).map(card => card.querySelector('img').src);\r\n        let currentLightboxIndex = 0;\r\n\r\n        function openLightbox(index) {\r\n            currentLightboxIndex = index;\r\n            lightboxImg.src = imageUrls[currentLightboxIndex];\r\n            lightbox.style.display = 'flex';\r\n            document.addEventListener('keydown', handleEsc);\r\n        }\r\n        function closeLightbox() {\r\n            lightbox.style.display = 'none';\r\n            document.removeEventListener('keydown', handleEsc);\r\n        }\r\n        function showNextImage() {\r\n            currentLightboxIndex = (currentLightboxIndex + 1) % imageUrls.length;\r\n            lightboxImg.src = imageUrls[currentLightboxIndex];\r\n        }\r\n        function showPrevImage() {\r\n            currentLightboxIndex = (currentLightboxIndex - 1 + imageUrls.length) % imageUrls.length;\r\n            lightboxImg.src = imageUrls[currentLightboxIndex];\r\n        }\r\n        function handleEsc(e) { if (e.key === 'Escape') closeLightbox(); }\r\n\r\n        galleryCards.forEach((card, index) => {\r\n            card.addEventListener('click', () => openLightbox(index));\r\n        });\r\n\r\n        lightbox.querySelector('.lightbox-close').addEventListener('click', closeLightbox);\r\n        lightbox.querySelector('.lightbox-next').addEventListener('click', showNextImage);\r\n        lightbox.querySelector('.lightbox-prev').addEventListener('click', showPrevImage);\r\n        lightbox.addEventListener('click', (e) => { if (e.target === lightbox) closeLightbox(); });\r\n    }\r\n\r\n    \/\/ A k\u00e9t k\u00fcl\u00f6n gal\u00e9ria inicializ\u00e1l\u00e1sa\r\n    initLightbox('#panel-hidraulika', 'lightbox-hidraulika');\r\n    initLightbox('#panel-szippanto', 'lightbox-szippanto');\r\n\r\n})();\r\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>Hidraulika t\u00f6ml\u0151k gy\u00e1rt\u00e1sa, jav\u00edt\u00e1sa T\u00f6ml\u0151k, csatlakoz\u00f3k gy\u00e1rt\u00e1sa \u00e9s jav\u00edt\u00e1sa Hidraulika \u00e9s Szippant\u00f3 T\u00f6ml\u0151k Hidraulika t\u00f6ml\u0151k \u00e9s csatlakoz\u00f3k Szippant\u00f3 t\u00f6ml\u0151k 2SN Dupla ac\u00e9l bet\u00e9tes(DN5 &#8211; DN32) 4SP N\u00e9gyszeres ac\u00e9lbet\u00e9tes(DN10 &#8211; DN32) T\u00f6ml\u0151k v\u00e1g\u00e1sa, jav\u00edt\u00e1sa, told\u00e1sa ig\u00e9ny szerint Hollanderes \u00e9s k\u00fcls\u0151 menetes csatlakoz\u00f3k Spurgo SPL csatornamos\u00f3 t\u00f6ml\u0151 PVC csigat\u00f6ml\u0151 Arizona Superelastic sz\u00edv\u00f3t\u00f6ml\u0151 &times;\u2039\u203a &times;\u2039\u203a<\/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":"Egyedi hidraulika t\u00f6ml\u0151k gy\u00e1rt\u00e1sa \u00e9s jav\u00edt\u00e1sa - Zaszt\u00f3 Kft.","_seopress_titles_desc":"Gyors \u00e9s prec\u00edz hidraulika t\u00f6ml\u0151gy\u00e1rt\u00e1s \u00e9s jav\u00edt\u00e1s ipari \u00e9s egyedi ig\u00e9nyekhez. B\u00edzza r\u00e1nk hidraulikus rendszere karbantart\u00e1s\u00e1t!","_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-1445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/pages\/1445","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=1445"}],"version-history":[{"count":0,"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/pages\/1445\/revisions"}],"wp:attachment":[{"href":"https:\/\/zaszto.hu\/english\/wp-json\/wp\/v2\/media?parent=1445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}