{"id":474,"date":"2026-06-19T16:37:36","date_gmt":"2026-06-19T14:37:36","guid":{"rendered":"https:\/\/instalacyjny.com\/?page_id=474"},"modified":"2026-06-19T16:41:20","modified_gmt":"2026-06-19T14:41:20","slug":"nav","status":"publish","type":"page","link":"https:\/\/instalacyjny.com\/index.php\/nav\/","title":{"rendered":"nav"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"474\" class=\"elementor elementor-474\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72d4f8c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72d4f8c\" 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-top-column elementor-element elementor-element-74209a8\" data-id=\"74209a8\" 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-5100cab elementor-widget elementor-widget-html\" data-id=\"5100cab\" 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<div class=\"katalog-techniczny-v4\">\r\n    \r\n    <header class=\"sekcja-naglowek-mini\">\r\n        <div class=\"naglowek-top-bar\">\r\n            <a href=\"javascript:history.back()\" class=\"btn-wstecz\" title=\"Cofnij\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>\r\n                <span>powr\u00f3t<\/span>\r\n            <\/a>\r\n            <div class=\"logo-artbud\">ARTBUD<\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <nav class=\"katalog-nav-container\">\r\n        <ul class=\"katalog-nav\">\r\n            \r\n            <li class=\"nav-item-brand\" id=\"brand-kaisai\">\r\n                <span class=\"nav-brand-trigger\">\r\n                    KAISAI <i class=\"arrow-indicator\"><\/i>\r\n                <\/span>\r\n                <ul class=\"dropdown-menu-premium\">\r\n                    <li><a href=\"\/klimatyzacja\/kaisai-scienne\" class=\"nav-sub-link\" id=\"link-kaisai-scienne\">Klimatyzatory \u015bcienne (1:1)<\/a><\/li>\r\n                    <li><a href=\"\/klimatyzacja\/kaisai-multi\" class=\"nav-sub-link\" id=\"link-kaisai-multi\">Zestawy Multi-Split<\/a><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n\r\n            <li class=\"nav-item-brand brand-hidden\" id=\"brand-gree\">\r\n                <span class=\"nav-brand-trigger\">\r\n                    GREE <i class=\"arrow-indicator\"><\/i>\r\n                <\/span>\r\n                <ul class=\"dropdown-menu-premium\">\r\n                    <li><a href=\"\/klimatyzacja\/gree-scienne\" class=\"nav-sub-link\" id=\"link-gree-scienne\">Klimatyzatory \u015bcienne (1:1)<\/a><\/li>\r\n                    <li><a href=\"\/klimatyzacja\/gree-multi\" class=\"nav-sub-link\" id=\"link-gree-multi\">Zestawy Multi-Split<\/a><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n\r\n            <li class=\"nav-item-brand brand-hidden\" id=\"brand-aux\">\r\n                <span class=\"nav-brand-trigger\">\r\n                    AUX <i class=\"arrow-indicator\"><\/i>\r\n                <\/span>\r\n                <ul class=\"dropdown-menu-premium\">\r\n                    <li><a href=\"\/klimatyzacja\/aux-scienne\" class=\"nav-sub-link\" id=\"link-aux-scienne\">Klimatyzatory \u015bcienne (1:1)<\/a><\/li>\r\n                    <li><a href=\"\/klimatyzacja\/aux-multi\" class=\"nav-sub-link\" id=\"link-aux-multi\">Zestawy Multi-Split<\/a><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n\r\n        <\/ul>\r\n    <\/nav>\r\n<\/div>\r\n\r\n<style>\r\n    body {\r\n        background-color: #fcfcfc;\r\n        margin: 0;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n    .naglowek-top-bar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        max-width: 1200px;\r\n        margin: 20px auto 15px auto;\r\n        padding: 0 15px;\r\n        box-sizing: border-box;\r\n    }\r\n    .btn-wstecz {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        text-decoration: none;\r\n        color: #777;\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .btn-wstecz:hover { color: #107a8b; }\r\n    .btn-wstecz svg { width: 14px; height: 14px; }\r\n    .logo-artbud {\r\n        font-weight: 800;\r\n        font-size: 1.3rem;\r\n        letter-spacing: 1.5px;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    \/* NAV CONTROLLER *\/\r\n    .katalog-nav-container {\r\n        border-top: 1px solid #eaeaea;\r\n        border-bottom: 1px solid #eaeaea;\r\n        background: #ffffff;\r\n        margin: 0 auto 30px auto;\r\n        max-width: 1200px;\r\n    }\r\n    .katalog-nav {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 20px;\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    .nav-item-brand { position: relative; }\r\n    \r\n    .brand-hidden {\r\n        display: none !important;\r\n    }\r\n\r\n    .nav-brand-trigger {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 18px 25px;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        color: #555;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        letter-spacing: 2px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        -webkit-tap-highlight-color: transparent; \/* Usuwa niebieski b\u0142ysk po klikni\u0119ciu na mobile *\/\r\n    }\r\n\r\n    \/* Linia pod\u015bwietlaj\u0105ca pod mark\u0105 *\/\r\n    .nav-brand-trigger::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 2px;\r\n        background: #107a8b;\r\n        transition: width 0.25s ease;\r\n    }\r\n    \r\n    \/* Wsp\u00f3lne stany pod\u015bwietlenia dla komputera (hover) i telefonu (klasy aktywne) *\/\r\n    .nav-item-brand:hover .nav-brand-trigger::after,\r\n    .nav-item-brand.brand-active .nav-brand-trigger::after,\r\n    .nav-item-brand.mobile-open .nav-brand-trigger::after {\r\n        width: 75%;\r\n    }\r\n    .nav-item-brand:hover .nav-brand-trigger,\r\n    .nav-item-brand.brand-active .nav-brand-trigger,\r\n    .nav-item-brand.mobile-open .nav-brand-trigger {\r\n        color: #107a8b;\r\n    }\r\n\r\n    .arrow-indicator {\r\n        border: solid currentColor;\r\n        border-width: 0 1.5px 1.5px 0;\r\n        display: inline-block;\r\n        padding: 2.5px;\r\n        transform: rotate(45deg);\r\n        margin-bottom: 2px;\r\n        transition: transform 0.25s ease;\r\n    }\r\n    .nav-item-brand:hover .arrow-indicator,\r\n    .nav-item-brand.mobile-open .arrow-indicator { \r\n        transform: rotate(-135deg); \r\n    }\r\n\r\n    \/* DROPDOWN (Baza widoku dla PC) *\/\r\n    .dropdown-menu-premium {\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(10px);\r\n        background: #ffffff;\r\n        min-width: 260px;\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);\r\n        border: 1px solid #eaeaea;\r\n        border-radius: 6px;\r\n        padding: 6px 0;\r\n        list-style: none;\r\n        margin: 0;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;\r\n        z-index: 999;\r\n    }\r\n    \r\n    \/* Na komputerach (powy\u017cej 768px) menu rozwija si\u0119 po najechaniu myszk\u0105 *\/\r\n    @media (min-width: 769px) {\r\n        .nav-item-brand:hover .dropdown-menu-premium {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateX(-50%) translateY(0);\r\n        }\r\n    }\r\n    \r\n    .dropdown-menu-premium li a {\r\n        display: block;\r\n        padding: 12px 20px;\r\n        color: #555;\r\n        text-decoration: none;\r\n        font-size: 0.85rem;\r\n        font-weight: 500;\r\n        letter-spacing: 0.3px;\r\n        transition: all 0.2s ease;\r\n        text-align: center;\r\n    }\r\n    .dropdown-menu-premium li a:hover,\r\n    .dropdown-menu-premium li a.sub-active {\r\n        background: #f0f7f8;\r\n        color: #107a8b;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* RESPONDOWANIE: SMARTFONY I TABLETY (Maksymalnie 768px szeroko\u015bci) *\/\r\n    @media (max-width: 768px) {\r\n        .katalog-nav { \r\n            flex-direction: column; \r\n            gap: 0; \r\n            width: 100%; \r\n        }\r\n        .nav-item-brand {\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n        .nav-brand-trigger { \r\n            padding: 15px; \r\n            justify-content: center; \r\n            width: 100%; \r\n            box-sizing: border-box; \r\n            border-bottom: 1px solid #f7f7f7;\r\n        }\r\n        .dropdown-menu-premium {\r\n            position: relative; \r\n            top: 0; \r\n            left: 0; \r\n            transform: none !important;\r\n            box-shadow: none; \r\n            border: none; \r\n            border-top: 1px dashed #eee;\r\n            background: #fafafa; \r\n            width: 100%;\r\n            \/* Na mobile ukrywamy standardowo i sterujemy skryptem JS *\/\r\n            display: none; \r\n            opacity: 1; \r\n            visibility: visible; \r\n        }\r\n        \/* Gdy skrypt doda klas\u0119 .mobile-open, menu schodkowo si\u0119 poka\u017ce *\/\r\n        .nav-item-brand.mobile-open .dropdown-menu-premium { \r\n            display: block; \r\n        }\r\n        .nav-brand-trigger::after { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ --- TW\u00d3J ORYGINALNY AUTOPILOT STRON ---\r\n    const currentPath = window.location.pathname;\r\n\r\n    const routes = [\r\n        { path: 'kaisai-scienne', brandId: 'brand-kaisai', linkId: 'link-kaisai-scienne' },\r\n        { path: 'kaisai-multi',    brandId: 'brand-kaisai', linkId: 'link-kaisai-multi' },\r\n        { path: 'gree-scienne',   brandId: 'brand-gree',   linkId: 'link-gree-scienne' },\r\n        { path: 'gree-multi',      brandId: 'brand-gree',   linkId: 'link-gree-multi' },\r\n        { path: 'aux-scienne',    brandId: 'brand-aux',    linkId: 'link-aux-scienne' },\r\n        { path: 'aux-multi',       brandId: 'brand-aux',    linkId: 'link-aux-multi' }\r\n    ];\r\n\r\n    routes.forEach(route => {\r\n        if (currentPath.includes(route.path)) {\r\n            const brandEl = document.getElementById(route.brandId);\r\n            const linkEl = document.getElementById(route.linkId);\r\n            \r\n            if (brandEl) brandEl.classList.add('brand-active');\r\n            if (linkEl) linkEl.classList.add('sub-active');\r\n        }\r\n    });\r\n\r\n    \/\/ --- NOWA OBS\u0141UGA KLIKANIA DLA EKRAN\u00d3W DOTYKOWYCH ---\r\n    const triggers = document.querySelectorAll('.nav-brand-trigger');\r\n    \r\n    triggers.forEach(trigger => {\r\n        trigger.addEventListener('click', function(e) {\r\n            \/\/ Skrypt dzia\u0142a tylko na smartfonach\/tabletach (poni\u017cej 769\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>powr\u00f3t ARTBUD KAISAI Klimatyzatory \u015bcienne (1:1) Zestawy Multi-Split GREE Klimatyzatory \u015bcienne (1:1) Zestawy Multi-Split AUX Klimatyzatory \u015bcienne (1:1) Zestawy Multi-Split document.addEventListener(&#8220;DOMContentLoaded&#8221;, function() { \/\/ &#8212; TW\u00d3J ORYGINALNY AUTOPILOT STRON &#8212; const currentPath = window.location.pathname; const routes = [ { path: &#8216;kaisai-scienne&#8217;, brandId: &#8216;brand-kaisai&#8217;, linkId: &#8216;link-kaisai-scienne&#8217; }, { path: &#8216;kaisai-multi&#8217;, brandId: &#8216;brand-kaisai&#8217;, linkId: &#8216;link-kaisai-multi&#8217; }, { &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/instalacyjny.com\/index.php\/nav\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;nav&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-474","page","type-page","status-publish","hentry","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/pages\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/comments?post=474"}],"version-history":[{"count":4,"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/pages\/474\/revisions"}],"predecessor-version":[{"id":482,"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/pages\/474\/revisions\/482"}],"wp:attachment":[{"href":"https:\/\/instalacyjny.com\/index.php\/wp-json\/wp\/v2\/media?parent=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}