{"id":7,"date":"2026-04-03T18:11:56","date_gmt":"2026-04-03T16:11:56","guid":{"rendered":"http:\/\/bramy.mrjpoland.com\/?page_id=7"},"modified":"2026-04-04T16:29:41","modified_gmt":"2026-04-04T14:29:41","slug":"strona-domowa","status":"publish","type":"page","link":"https:\/\/bramy.mrjpoland.com\/","title":{"rendered":"Strona domowa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8337cc6 e-flex e-con-boxed e-con e-parent\" data-id=\"8337cc6\" 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-9e15b8f elementor-widget elementor-widget-html\" data-id=\"9e15b8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- NOWE STYLE TYLKO DLA TEGO WID\u017bETU (Cennik i Synergia) --- *\/\r\n    .pricing-box { background: #fff; border: 2px dashed #cbd5e1; border-radius: 12px; padding: 20px; margin-bottom: 25px; }\r\n    .pricing-title { font-size: 13px; font-weight: 800; color: #64748b; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .price-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 15px; color: #475569; }\r\n    .price-row:last-child { margin-bottom: 0; }\r\n    .price-val { font-weight: 800; color: #e63946; font-size: 18px; text-align: right; }\r\n    \r\n    .synergy-wrapper { margin-top: 35px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; display: inline-block; width: 100%; }\r\n    .synergy-header { font-size: 13px; font-weight: 700; color: #64748b; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .synergy-logos { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }\r\n    \r\n    \/* Zwi\u0119kszono wysoko\u015b\u0107 logotyp\u00f3w do 60px *\/\r\n    .synergy-logo { height: 60px; display: flex; align-items: center; font-weight: 800; font-size: 22px; color: #0f172a; } \r\n    .synergy-logo a { display: flex; align-items: center; height: 100%; }\r\n    .synergy-logo img { height: 100%; width: auto; object-fit: contain; }\r\n    \r\n    \/* Powi\u0119kszono znak plus, by pasowa\u0142 do wi\u0119kszych logotyp\u00f3w *\/\r\n    .synergy-plus { color: #e63946; font-weight: 800; font-size: 32px; } \r\n    \r\n    .synergy-desc { margin-top: 15px; font-size: 14px; color: #475569; line-height: 1.6; }\r\n    .synergy-desc a.producer-link { color: #e63946; font-weight: 600; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.3s ease; }\r\n    .synergy-desc a.producer-link:hover { border-bottom-color: #e63946; }\r\n    \r\n    .producer-info { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #cbd5e1; font-size: 13px; }\r\n\r\n    @media (max-width: 768px) {\r\n        .price-row { flex-direction: column; align-items: flex-start; gap: 4px; }\r\n        .price-val { text-align: left; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mrj-bramy-master\">\r\n    <div class=\"mrj-container\">\r\n        <div class=\"gates-hero-layout mrj-animate\">\r\n            <div class=\"mrj-slider-wrapper\">\r\n                <div class=\"mrj-slider-view\">\r\n                    <div class=\"mrj-slides\" id=\"mrjGatesSlider\">\r\n                        <div class=\"mrj-slide\"><img decoding=\"async\" src=\"https:\/\/mrjpoland.com\/wp-content\/uploads\/2026\/03\/Brama-1.jpg\" alt=\"Brama Standard\"><\/div>\r\n                        <div class=\"mrj-slide\"><img decoding=\"async\" src=\"https:\/\/mrjpoland.com\/wp-content\/uploads\/2026\/03\/Brama-2.jpg\" alt=\"Brama Kamie\u0144\"><\/div>\r\n                        <div class=\"mrj-slide\"><img decoding=\"async\" src=\"https:\/\/mrjpoland.com\/wp-content\/uploads\/2026\/03\/Brama-3.jpg\" alt=\"Brama Geometria\"><\/div>\r\n                        <div class=\"mrj-slide\"><img decoding=\"async\" src=\"https:\/\/mrjpoland.com\/wp-content\/uploads\/2026\/03\/Brama-4.jpg\" alt=\"Brama Natura\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"slider-controls\">\r\n                    <div class=\"slider-btn prev\" onclick=\"moveGateSlide(-1)\" title=\"Poprzednie\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/div>\r\n                    <div class=\"slider-dots\" id=\"mrjSliderDots\"><\/div>\r\n                    <div class=\"slider-btn next\" onclick=\"moveGateSlide(1)\" title=\"Nast\u0119pne\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gates-info-grid gates-info\">\r\n                <div class=\"info-text-col\">\r\n                    <h1>Bramy Przesuwne i Furtki na Wymiar<\/h1>\r\n                    <p class=\"gates-desc\">Zaprojektuj nowoczesny wjazd na swoj\u0105 posesj\u0119. Oferujemy solidne bramy samono\u015bne i furtki. Powy\u017csze zdj\u0119cia to tylko przyk\u0142ady \u2013 <strong>jeste\u015bmy w stanie wypali\u0107 laserowo dowolny wz\u00f3r<\/strong> wed\u0142ug Twojego pomys\u0142u!<\/p>\r\n                    \r\n                    <ul class=\"patterns-list\">\r\n                        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><span><strong>Wzory przyk\u0142adowe:<\/strong> Panel siatkowy, Blacha ci\u0119ta laserowo (Kamie\u0144, Geometria).<\/span><\/li>\r\n                        <li><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4\"><\/path><\/svg><span><strong>Tw\u00f3j w\u0142asny projekt:<\/strong> Prze\u015blij nam inspiracj\u0119, a my wypalimy w blachach (1.5mm) dok\u0142adnie taki wz\u00f3r, jakiego oczekujesz.<\/span><\/li>\r\n                    <\/ul>\r\n\r\n                    <div class=\"synergy-wrapper\">\r\n                        <div class=\"synergy-header\">Gwarancja jako\u015bci dzi\u0119ki wsp\u00f3\u0142pracy<\/div>\r\n                        <div class=\"synergy-logos\">\r\n                            <div class=\"synergy-logo\">\r\n                                <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/logo-pierwotne.png\" alt=\"Logo MRJ Poland\">\r\n                            <\/div>\r\n                            \r\n                            <div class=\"synergy-plus\">+<\/div>\r\n                            \r\n                            <div class=\"synergy-logo\">\r\n                                <a href=\"https:\/\/gctechnik.pl\" target=\"_blank\" title=\"Przejd\u017a na stron\u0119 producenta GC Technik\">\r\n                                    <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Zrzut-ekranu-2026-04-03-183758-1.png\" alt=\"Logo GC Technik\">\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"synergy-desc\">\r\n                            <strong>Wsp\u00f3\u0142praca:<\/strong> MRJ Poland zapewnia kompleksow\u0105 obs\u0142ug\u0119, doradztwo i wycen\u0119 Twojego projektu, podczas gdy specjali\u015bci z parku maszynowego GC Technik dbaj\u0105 o perfekcyjne wykonanie i produkcj\u0119 konstrukcji.\r\n                            \r\n                            <div class=\"producer-info\">\r\n                                <strong>O producencie:<\/strong> <a href=\"https:\/\/gctechnik.pl\" target=\"_blank\" class=\"producer-link\">GC Technik<\/a> to innowacyjny park maszynowy specjalizuj\u0105cy si\u0119 w zaawansowanej obr\u00f3bce metali, ci\u0119ciu laserowym CNC oraz budowie wytrzyma\u0142ych konstrukcji stalowych. Poznaj mo\u017cliwo\u015bci technologiczne na <a href=\"https:\/\/gctechnik.pl\" target=\"_blank\" class=\"producer-link\">gctechnik.pl<\/a>.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"info-spec-col\">\r\n                    <div class=\"gates-alert\">\r\n                        <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n                        <p>Otrzymujesz gotow\u0105 konstrukcj\u0119 pod monta\u017c prosto od producenta, jednak <strong>kompleksow\u0105 wycen\u0105 i obs\u0142ug\u0105 zajmujemy si\u0119 my.<\/strong> Nie \u015bwiadczymy us\u0142ug monta\u017cowych.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"pricing-box\">\r\n                        <div class=\"pricing-title\">Cennik Orientacyjny<\/div>\r\n                        <div class=\"price-row\">\r\n                            <span>Wype\u0142nienie panelem siatkowym<\/span>\r\n                            <span class=\"price-val\">od 950 z\u0142 \/ mb<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-row\">\r\n                            <span>Wzory wycinane laserowo (CNC)<\/span>\r\n                            <span class=\"price-val\">od 1700 z\u0142 \/ mb<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"specs-grid\">\r\n                        <div class=\"spec-item\"><span class=\"spec-label\">Bramy (Szer. Standard)<\/span><span class=\"spec-val\">3000 \/ 4000 \/ 5000 mm<\/span><\/div>\r\n                        <div class=\"spec-item\"><span class=\"spec-label\">Furtki (Szer. Standard)<\/span><span class=\"spec-val\">800 \/ 900 \/ 1000 mm<\/span><\/div>\r\n                        <div class=\"spec-item\"><span class=\"spec-label\">Nietypowe Wymiary<\/span><span class=\"spec-val\">Tak (indywidualna wycena)<\/span><\/div>\r\n                        <div class=\"spec-item\"><span class=\"spec-label\">Profile (Jezdny | Rama)<\/span><span class=\"spec-val\">80x80x5 | 60x40x2<\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"#wycenaForm\" class=\"btn-cta\">Darmowa Wycena Online<\/a>\r\n                    \r\n                    <div class=\"contact-card\">\r\n                        <div class=\"contact-row\">\r\n                            <strong>Biuro obs\u0142ugi (MRJ Poland):<\/strong>\r\n                            <span>\ud83d\udcde 795 517 003<\/span>\r\n                            <span>\u2709\ufe0f towaroteka1234@gmail.com<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-b26a26b e-flex e-con-boxed e-con e-parent\" data-id=\"b26a26b\" 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-8da110b elementor-widget elementor-widget-html\" data-id=\"8da110b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- KONTENER WID\u017bETU DETALE (Z EFEKTEM 3D) --- *\/\r\n    .det-widget {\r\n        max-width: 1400px;\r\n        margin: 60px auto; \/* Wi\u0119kszy margines dla oddzielenia od poprzedniej sekcji *\/\r\n        padding: 60px 40px;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        background-color: #f8fafc; \/* Lekko ciemniejsze, szare t\u0142o *\/\r\n        border-radius: 24px; \/* Zaokr\u0105glone rogi dla efektu nowoczesnej karty *\/\r\n        box-sizing: border-box;\r\n        \/* Efekt 3D \/ wystawania ponad reszt\u0119 strony *\/\r\n        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(226, 232, 240, 0.6);\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n    .det-widget * { box-sizing: border-box; }\r\n\r\n    .det-header { text-align: center; margin-bottom: 45px; }\r\n    .det-title { \r\n        font-size: 34px; \r\n        color: #0f172a; \r\n        margin: 0 0 15px 0; \r\n        font-weight: 800; \r\n        line-height: 1.2; \r\n    }\r\n    .det-title span { color: #e63946; }\r\n    \r\n    .det-subtitle { \r\n        font-size: 16px; \r\n        color: #475569; \r\n        max-width: 700px; \r\n        margin: 0 auto; \r\n        line-height: 1.6; \r\n    }\r\n\r\n    \/* --- SIATKA KART --- *\/\r\n    .det-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .det-card {\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        aspect-ratio: 1\/1;\r\n        background: #ffffff; \/* Bia\u0142e t\u0142o kart, by kontrastowa\u0142y z t\u0142em wid\u017cetu *\/\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .det-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        display: block;\r\n    }\r\n\r\n    .det-card:hover img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* --- NAK\u0141ADKA Z TEKSTEM --- *\/\r\n    .det-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        padding: 50px 25px 25px 25px;\r\n        background: linear-gradient(to top, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.6) 50%, transparent 100%);\r\n        color: #ffffff;\r\n    }\r\n\r\n    .det-overlay h4 {\r\n        margin: 0 0 8px 0;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.3px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .det-overlay h4::before {\r\n        content: \"\";\r\n        display: inline-block;\r\n        width: 8px;\r\n        height: 8px;\r\n        background-color: #e63946;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .det-overlay p {\r\n        margin: 0;\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #cbd5e1;\r\n    }\r\n\r\n    \/* --- RESPONSYWNO\u015a\u0106 --- *\/\r\n    @media (max-width: 900px) {\r\n        .det-widget {\r\n            padding: 40px 20px;\r\n            border-radius: 16px;\r\n        }\r\n        .det-grid { grid-template-columns: 1fr; gap: 20px; }\r\n        .det-card { aspect-ratio: 16\/9; }\r\n        .det-title { font-size: 28px; }\r\n        .det-overlay { padding: 40px 20px 20px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"det-widget\">\r\n    <div class=\"det-header\">\r\n        <h2 class=\"det-title\">Jako\u015b\u0107 ukryta w <span>detalach<\/span><\/h2>\r\n        <p class=\"det-subtitle\">Zobacz, dlaczego nasze konstrukcje gwarantuj\u0105 wieloletni\u0105 trwa\u0142o\u015b\u0107 i nieskaziteln\u0105 estetyk\u0119.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"det-grid\">\r\n        <div class=\"det-card\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_5mjbgm5mjbgm5mjb.png\" alt=\"Ci\u0119cie laserem CNC\">\r\n            <div class=\"det-overlay\">\r\n                <p>G\u0142adkie, nienaganne kraw\u0119dzie ka\u017cdego wzoru wycinanego w blasze 1.5mm.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"det-card\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_st6hpsst6hpsst6h.png\" alt=\"Masywna konstrukcja i spawy\">\r\n            <div class=\"det-overlay\">\r\n                <p>Starannie wykonane spoiny ramy (profil 60x40x2) zapewniaj\u0105 maksymaln\u0105 sztywno\u015b\u0107.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"det-card\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_f4e3c9f4e3c9f4e3.png\" alt=\"Zabezpieczenie antykorozyjne\">\r\n            <div class=\"det-overlay\">\r\n                <p>Opcja profesjonalnego malowania proszkowego chroni\u0105cego przed rdzewieniem.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-d75de12 e-flex e-con-boxed e-con e-parent\" data-id=\"d75de12\" 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-8af06d4 elementor-widget elementor-widget-html\" data-id=\"8af06d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- KONTENER WID\u017bETU ZAM\u00d3WIENIA --- *\/\r\n    .ord-widget {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        background-color: #ffffff;\r\n        box-sizing: border-box;\r\n    }\r\n    .ord-widget * { box-sizing: border-box; }\r\n\r\n    .ord-header { text-align: center; margin-bottom: 50px; }\r\n    .ord-title { font-size: 32px; color: #0f172a; margin: 0 0 10px 0; font-weight: 800; line-height: 1.2; }\r\n    .ord-subtitle { font-size: 16px; color: #64748b; max-width: 700px; margin: 0 auto; line-height: 1.6; }\r\n\r\n    \/* --- SIATKA KROK\u00d3W --- *\/\r\n    .ord-grid {\r\n        display: grid;\r\n        \/* Automatyczne zawijanie kart w zale\u017cno\u015bci od dost\u0119pnego miejsca *\/\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 30px;\r\n        padding-top: 15px; \/* Miejsce na wystaj\u0105ce numery *\/\r\n    }\r\n\r\n    \/* --- KARTA KROKU --- *\/\r\n    .ord-card {\r\n        background: #fff;\r\n        padding: 40px 25px 30px 25px;\r\n        border-radius: 16px;\r\n        text-align: center;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);\r\n        position: relative;\r\n        transition: transform 0.3s, border-color 0.3s;\r\n    }\r\n    \r\n    .ord-card:hover {\r\n        transform: translateY(-8px);\r\n        border-color: #cbd5e1;\r\n    }\r\n\r\n    \/* --- NUMEREK I IKONA --- *\/\r\n    .ord-number {\r\n        position: absolute;\r\n        top: -17px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: #e63946;\r\n        color: #fff;\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 800;\r\n        font-size: 15px;\r\n        border: 4px solid #ffffff;\r\n        box-shadow: 0 4px 10px rgba(230, 57, 70, 0.2);\r\n    }\r\n\r\n    .ord-icon-wrap {\r\n        width: 70px;\r\n        height: 70px;\r\n        background: rgba(230, 57, 70, 0.1);\r\n        color: #e63946;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 20px auto;\r\n    }\r\n\r\n    .ord-icon-wrap svg {\r\n        width: 30px;\r\n        height: 30px;\r\n        fill: none;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n    }\r\n\r\n    \/* --- TEKST W KARCIE --- *\/\r\n    .ord-step-title {\r\n        font-size: 18px;\r\n        color: #0f172a;\r\n        margin: 0 0 10px 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .ord-step-desc {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- RESPONSYWNO\u015a\u0106 --- *\/\r\n    @media (max-width: 600px) {\r\n        .ord-title { font-size: 26px; }\r\n        .ord-card { padding: 35px 20px 25px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ord-widget\">\r\n    <div class=\"ord-header\">\r\n        <h2 class=\"ord-title\">Jak z\u0142o\u017cy\u0107 zam\u00f3wienie?<\/h2>\r\n        <p class=\"ord-subtitle\">Wszystkie formalno\u015bci za\u0142atwisz bezpo\u015brednio z nami \u2013 szybko i przejrzy\u015bcie.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"ord-grid\">\r\n        <div class=\"ord-card\">\r\n            <div class=\"ord-number\">1<\/div>\r\n            <div class=\"ord-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"ord-step-title\">Wymiary i Wz\u00f3r<\/h3>\r\n            <p class=\"ord-step-desc\">Zdecyduj o wymiarach. Wybierz wz\u00f3r wype\u0142nienia lub przygotuj w\u0142asn\u0105 inspiracj\u0119.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ord-card\">\r\n            <div class=\"ord-number\">2<\/div>\r\n            <div class=\"ord-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"ord-step-title\">Wycena u nas<\/h3>\r\n            <p class=\"ord-step-desc\">Wype\u0142nij formularz na stronie. Przygotujemy dla Ciebie pe\u0142n\u0105, transparentn\u0105 ofert\u0119.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ord-card\">\r\n            <div class=\"ord-number\">3<\/div>\r\n            <div class=\"ord-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"ord-step-title\">Realizacja<\/h3>\r\n            <p class=\"ord-step-desc\">Nasz partner rusza z prac\u0105. Rama jest spawana, a wz\u00f3r wypalany na precyzyjnych maszynach.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ord-card\">\r\n            <div class=\"ord-number\">4<\/div>\r\n            <div class=\"ord-icon-wrap\">\r\n                <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M5 13l4 4L19 7\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"ord-step-title\">Gotowe do odbioru<\/h3>\r\n            <p class=\"ord-step-desc\">Odbierasz konstrukcj\u0119 i montujesz na przygotowanych s\u0142upkach.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-389b73b e-flex e-con-boxed e-con e-parent\" data-id=\"389b73b\" 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-4f3e42b elementor-widget elementor-widget-html\" data-id=\"4f3e42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- KONTENER WID\u017bETU GALERII (Z EFEKTEM 3D) --- *\/\r\n    .gal-widget {\r\n        max-width: 1400px;\r\n        margin: 60px auto; \r\n        padding: 60px 40px;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        background-color: #f8fafc;\r\n        border-radius: 24px;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(226, 232, 240, 0.6);\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n    .gal-widget * { box-sizing: border-box; }\r\n\r\n    \/* --- NAG\u0141\u00d3WEK --- *\/\r\n    .gal-header { text-align: center; margin-bottom: 45px; }\r\n    .gal-title { \r\n        font-size: 34px; \r\n        color: #0f172a; \r\n        margin: 0 0 15px 0; \r\n        font-weight: 800; \r\n        line-height: 1.2; \r\n    }\r\n    .gal-title span { color: #e63946; } \r\n    \r\n    .gal-subtitle { \r\n        font-size: 16px; \r\n        color: #475569; \r\n        max-width: 700px; \r\n        margin: 0 auto; \r\n        line-height: 1.6; \r\n    }\r\n\r\n    \/* --- SIATKA ZDJ\u0118\u0106 (UK\u0141AD ASYMETRYCZNY \/ BENTO) --- *\/\r\n    .gal-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    \/* --- POJEDYNCZE ZDJ\u0118CIE --- *\/\r\n    .gal-item {\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        display: block;\r\n        background-color: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); \r\n        position: relative;\r\n    }\r\n\r\n    .gal-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .gal-item:hover img {\r\n        transform: scale(1.08); \r\n    }\r\n\r\n    \/* --- POZYCJONOWANIE I IDEALNE WYR\u00d3WNANIE WYSOKO\u015aCI --- *\/\r\n\r\n    \/* Zdj\u0119cie 1 (G\u00f3rne Lewe) - Wyznacza wysoko\u015b\u0107 ca\u0142ego pierwszego rz\u0119du *\/\r\n    .gal-item:nth-child(1) {\r\n        grid-column: span 2;\r\n        grid-row: 1;\r\n        aspect-ratio: 16 \/ 9; \r\n    }\r\n\r\n    \/* Zdj\u0119cie 2 (G\u00f3rne Prawe) - Automatycznie rozci\u0105ga si\u0119 do wysoko\u015bci Zdj\u0119cia 1 *\/\r\n    .gal-item:nth-child(2) {\r\n        grid-column: span 1;\r\n        grid-row: 1;\r\n        height: 100%; \r\n    }\r\n\r\n    \/* Zdj\u0119cie 3 (Dolne Lewe) - Automatycznie rozci\u0105ga si\u0119 do wysoko\u015bci Zdj\u0119cia 4 *\/\r\n    .gal-item:nth-child(3) {\r\n        grid-column: span 1;\r\n        grid-row: 2;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* Zdj\u0119cie 4 (Dolne Prawe) - Wyznacza wysoko\u015b\u0107 ca\u0142ego drugiego rz\u0119du *\/\r\n    .gal-item:nth-child(4) {\r\n        grid-column: span 2;\r\n        grid-row: 2;\r\n        aspect-ratio: 16 \/ 9; \r\n    }\r\n\r\n    \/* --- RESPONSYWNO\u015a\u0106 --- *\/\r\n    @media (max-width: 1024px) {\r\n        .gal-grid {\r\n            \/* Na tabletach robimy klasyczne 2 kolumny (2x2) *\/\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        .gal-item:nth-child(n) {\r\n            grid-column: span 1;\r\n            grid-row: auto;\r\n            aspect-ratio: 16 \/ 9; \/* Wymuszamy r\u00f3wne proporcje dla wszystkich *\/\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .gal-widget {\r\n            padding: 40px 20px;\r\n            border-radius: 16px;\r\n        }\r\n        .gal-grid { \r\n            grid-template-columns: 1fr; \r\n            gap: 20px; \r\n        }\r\n        .gal-title { font-size: 28px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"gal-widget\">\r\n    <div class=\"gal-header\">\r\n        <h2 class=\"gal-title\">Z \u017cycia wzi\u0119te \u2013 <span>nasze realizacje<\/span><\/h2>\r\n        <p class=\"gal-subtitle\">Zobacz, jak bramy od naszego producenta prezentuj\u0105 si\u0119 na realnych posesjach klient\u00f3w.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"gal-grid\">\r\n        <div class=\"gal-item\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/58035690-89fd-481c-91b5-913c3f9a058d.jpg\" alt=\"Realizacja bramy - nowoczesny wjazd\">\r\n        <\/div>\r\n        \r\n        <div class=\"gal-item\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_dam3nddam3nddam3.png\" alt=\"Realizacja bramy 2 - metalowe prz\u0119s\u0142a\">\r\n        <\/div>\r\n        \r\n        <div class=\"gal-item portrait\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_xwjutmxwjutmxwju.png\" alt=\"Realizacja furtki - nowoczesny wz\u00f3r\">\r\n        <\/div>\r\n        \r\n        <div class=\"gal-item\">\r\n            <img decoding=\"async\" src=\"http:\/\/bramy.mrjpoland.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2bt1cn2bt1cn2bt1.png\" alt=\"Gotowa brama z nap\u0119dem\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-49cb885 e-flex e-con-boxed e-con e-parent\" data-id=\"49cb885\" 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-e5a2f64 elementor-widget elementor-widget-html\" data-id=\"e5a2f64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- KONTENER WID\u017bETU OPINII (Z EFEKTEM 3D) --- *\/\r\n    .rev-widget {\r\n        max-width: 1400px;\r\n        margin: 60px auto; \/* Taki sam margines jak w poprzednich wid\u017cetach *\/\r\n        padding: 60px 40px;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        background-color: #f8fafc; \/* Jasne t\u0142o pasuj\u0105ce do reszty strony *\/\r\n        border-radius: 24px;\r\n        box-sizing: border-box;\r\n        \/* Efekt wystawania karty *\/\r\n        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(226, 232, 240, 0.6);\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n    .rev-widget * { box-sizing: border-box; }\r\n\r\n    \/* --- NAG\u0141\u00d3WEK --- *\/\r\n    .rev-header { text-align: center; margin-bottom: 45px; }\r\n    .rev-title { \r\n        font-size: 34px; \r\n        color: #0f172a; \r\n        margin: 0 0 15px 0; \r\n        font-weight: 800; \r\n        line-height: 1.2; \r\n    }\r\n    .rev-title span { color: #e63946; } \/* Czerwony akcent marki *\/\r\n    \r\n    .rev-subtitle { \r\n        font-size: 16px; \r\n        color: #475569; \r\n        max-width: 700px; \r\n        margin: 0 auto; \r\n        line-height: 1.6; \r\n    }\r\n\r\n    \/* --- SIATKA OPINII --- *\/\r\n    .rev-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    \/* --- POJEDYNCZA KARTA OPINII --- *\/\r\n    .rev-card {\r\n        background: #ffffff; \/* Bia\u0142e t\u0142o kontrastuj\u0105ce z t\u0142em wid\u017cetu *\/\r\n        padding: 30px;\r\n        border-radius: 12px;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    \/* Delikatne uniesienie karty po najechaniu *\/\r\n    .rev-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .rev-stars {\r\n        color: #fbbf24; \/* Z\u0142oty kolor gwiazdek *\/\r\n        display: flex;\r\n        gap: 3px;\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .rev-stars svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    .rev-text {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        color: #475569; \/* Ciemnoszary, czytelny tekst *\/\r\n        margin: 0 0 20px 0;\r\n        font-style: italic;\r\n        flex-grow: 1; \/* Popycha autora na d\u00f3\u0142, je\u015bli opinie maj\u0105 r\u00f3\u017cn\u0105 d\u0142ugo\u015b\u0107 *\/\r\n    }\r\n\r\n    \/* --- AUTOR --- *\/\r\n    .rev-author {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        border-top: 1px dashed #cbd5e1; \/* Odci\u0119cie autora od opinii *\/\r\n        padding-top: 20px;\r\n    }\r\n\r\n    .rev-avatar {\r\n        width: 42px;\r\n        height: 42px;\r\n        background: #e63946; \/* Kolor marki *\/\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        color: #ffffff;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .rev-name {\r\n        font-weight: 800;\r\n        font-size: 14px;\r\n        color: #0f172a;\r\n        display: block;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .rev-city {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        display: block;\r\n    }\r\n\r\n    \/* --- RESPONSYWNO\u015a\u0106 --- *\/\r\n    @media (max-width: 900px) {\r\n        .rev-widget { \r\n            padding: 40px 20px; \r\n            border-radius: 16px; \r\n        }\r\n        .rev-grid { grid-template-columns: 1fr; gap: 20px; }\r\n        .rev-title { font-size: 28px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"rev-widget\">\r\n    <div class=\"rev-header\">\r\n        <h2 class=\"rev-title\">Co m\u00f3wi\u0105 <span>nasi Klienci?<\/span><\/h2>\r\n        <p class=\"rev-subtitle\">Poznaj opinie os\u00f3b, kt\u00f3re ju\u017c zabezpieczy\u0142y swoj\u0105 posesj\u0119 dzi\u0119ki naszej wsp\u00f3\u0142pracy.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"rev-grid\">\r\n        <div class=\"rev-card\">\r\n            <div class=\"rev-stars\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-text\">\"Brama wygl\u0105da rewelacyjnie! Jako\u015b\u0107 ci\u0119cia lasera na \u017cywo robi ogromne wra\u017cenie, \u017cadnych niedor\u00f3bek. \u015awietny kontakt.\"<\/p>\r\n            <div class=\"rev-author\">\r\n                <div class=\"rev-avatar\">TK<\/div>\r\n                <div>\r\n                    <span class=\"rev-name\">Tomasz Kami\u0144ski<\/span>\r\n                    <span class=\"rev-city\">W\u0142oc\u0142awek<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rev-card\">\r\n            <div class=\"rev-stars\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-text\">\"Ba\u0142am si\u0119 zamawia\u0107 tak du\u017c\u0105 konstrukcj\u0119 przez internet. Brama solidnie zespawana. Wz\u00f3r geometryczny jest przepi\u0119kny.\"<\/p>\r\n            <div class=\"rev-author\">\r\n                <div class=\"rev-avatar\">AW<\/div>\r\n                <div>\r\n                    <span class=\"rev-name\">Anna Wieczorek<\/span>\r\n                    <span class=\"rev-city\">Toru\u0144<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rev-card\">\r\n            <div class=\"rev-stars\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-text\">\"Konkretnie i na temat. Konstrukcja swoje wa\u017cy. Polecam w 100%.\"<\/p>\r\n            <div class=\"rev-author\">\r\n                <div class=\"rev-avatar\">MR<\/div>\r\n                <div>\r\n                    <span class=\"rev-name\">Micha\u0142 Rogalski<\/span>\r\n                    <span class=\"rev-city\">P\u0142ock<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-ced4614 e-flex e-con-boxed e-con e-parent\" data-id=\"ced4614\" 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-aa24708 elementor-widget elementor-widget-html\" data-id=\"aa24708\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- KONTENER WID\u017bETU FORMULARZA (Z EFEKTEM 3D) --- *\/\r\n    .quote-widget {\r\n        max-width: 1400px;\r\n        margin: 60px auto; \r\n        padding: 60px 40px;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        background-color: #f8fafc; \r\n        border-radius: 24px;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(226, 232, 240, 0.6);\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n    .quote-widget * { box-sizing: border-box; }\r\n\r\n    \/* --- NAG\u0141\u00d3WEK --- *\/\r\n    .quote-header { text-align: center; margin-bottom: 45px; }\r\n    .quote-title { \r\n        font-size: 34px; \r\n        color: #0f172a; \r\n        margin: 0 0 15px 0; \r\n        font-weight: 800; \r\n        line-height: 1.2; \r\n    }\r\n    .quote-title span { color: #e63946; } \r\n    \r\n    .quote-subtitle { \r\n        font-size: 16px; \r\n        color: #475569; \r\n        max-width: 700px; \r\n        margin: 0 auto; \r\n        line-height: 1.6; \r\n    }\r\n\r\n    \/* --- POLE FORMULARZA --- *\/\r\n    .quote-form-wrapper {\r\n        max-width: 1000px; \r\n        margin: 0 auto;\r\n        background-color: #ffffff;\r\n        padding: 50px;\r\n        border-radius: 16px;\r\n        border: 1px solid #e2e8f0;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); \r\n    }\r\n\r\n    .quote-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 25px; \r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .quote-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    .quote-label {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a; \r\n    }\r\n\r\n    .quote-input {\r\n        padding: 0 20px; \/* Zmieniono padding pionowy na 0, bo wyznaczymy sta\u0142\u0105 wysoko\u015b\u0107 *\/\r\n        height: 54px; \/* Sztywna wysoko\u015b\u0107 zapobiega obcinaniu tekstu! *\/\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 8px;\r\n        font-size: 15px;\r\n        font-family: inherit;\r\n        color: #0f172a;\r\n        outline: none;\r\n        transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;\r\n        background-color: #f8fafc;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .quote-input:focus {\r\n        border-color: #e63946;\r\n        background-color: #ffffff;\r\n        box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1);\r\n    }\r\n\r\n    \/* Poprawka dla elementu Select *\/\r\n    select.quote-input {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 20px center;\r\n        background-size: 16px;\r\n        padding-right: 50px; \r\n        cursor: pointer;\r\n    }\r\n    select.quote-input::-ms-expand { display: none; }\r\n    \r\n    \/* Wyj\u0105tek dla d\u0142ugiego pola tekstowego (aby mog\u0142o by\u0107 wy\u017csze ni\u017c 54px) *\/\r\n    textarea.quote-input {\r\n        resize: vertical;\r\n        height: auto; \r\n        min-height: 120px;\r\n        padding: 16px 20px; \/* Przywracamy padding, bo ma auto-wysoko\u015b\u0107 *\/\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* --- PRZYCISK --- *\/\r\n    .quote-btn-wrapper {\r\n        text-align: center;\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .quote-btn {\r\n        background: #e63946;\r\n        color: #fff;\r\n        padding: 18px 45px;\r\n        border-radius: 8px;\r\n        font-weight: 800;\r\n        font-size: 16px;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;\r\n        display: inline-block;\r\n        box-shadow: 0 4px 15px rgba(230, 57, 70, 0.25);\r\n    }\r\n\r\n    .quote-btn:hover {\r\n        background-color: #d0323e;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 20px rgba(230, 57, 70, 0.3);\r\n    }\r\n\r\n    \/* --- RESPONSYWNO\u015a\u0106 --- *\/\r\n    @media (max-width: 900px) {\r\n        .quote-widget { \r\n            padding: 40px 20px; \r\n            border-radius: 16px; \r\n        }\r\n        .quote-form-wrapper { padding: 40px 30px; }\r\n        .quote-row { grid-template-columns: 1fr; gap: 20px; }\r\n        .quote-title { font-size: 28px; }\r\n        .quote-btn { width: 100%; } \r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n        .quote-form-wrapper { padding: 30px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"quote-widget\" id=\"wycenaForm\">\r\n    <div class=\"quote-header\">\r\n        <h2 class=\"quote-title\">Rozpocznijmy <span>wsp\u00f3\u0142prac\u0119<\/span><\/h2>\r\n        <p class=\"quote-subtitle\">Wype\u0142nij kr\u00f3tki formularz, a my skontaktujemy si\u0119 z Tob\u0105 ze wst\u0119pn\u0105 wycen\u0105 lub by om\u00f3wi\u0107 szczeg\u00f3\u0142y. To do niczego nie zobowi\u0105zuje!<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"quote-form-wrapper\">\r\n        <form action=\"https:\/\/formsubmit.co\/towaroteka1234@gmail.com\" method=\"POST\">\r\n            <input type=\"hidden\" name=\"_subject\" value=\"Nowe zapytanie o bram\u0119 ze strony B2B\">\r\n            <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n            <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n\r\n            <div class=\"quote-row\">\r\n                <div class=\"quote-group\">\r\n                    <label class=\"quote-label\">Czego potrzebujesz?<\/label>\r\n                    <select name=\"Rodzaj_zamowienia\" class=\"quote-input\" required>\r\n                        <option value=\"Tylko Brama\">Tylko Brama Przesuwna<\/option>\r\n                        <option value=\"Tylko Furtka\">Tylko Furtka<\/option>\r\n                        <option value=\"Brama + Furtka\">Komplet (Brama + Furtka)<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"quote-group\">\r\n                    <label class=\"quote-label\">Orientacyjna szeroko\u015b\u0107 (wjazdu)<\/label>\r\n                    <input type=\"text\" name=\"Szerokosc\" class=\"quote-input\" placeholder=\"np. 4 metry \/ 4000 mm\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"quote-row\">\r\n                <div class=\"quote-group\">\r\n                    <label class=\"quote-label\">Tw\u00f3j nr telefonu<\/label>\r\n                    <input type=\"tel\" name=\"Telefon\" class=\"quote-input\" placeholder=\"np. 500 123 456\" required>\r\n                <\/div>\r\n                <div class=\"quote-group\">\r\n                    <label class=\"quote-label\">Miejscowo\u015b\u0107 (do ew. transportu)<\/label>\r\n                    <input type=\"text\" name=\"Miasto\" class=\"quote-input\" placeholder=\"Wpisz nazw\u0119 miejscowo\u015bci\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"quote-group\">\r\n                <label class=\"quote-label\">Dodatkowe informacje \/ Jaki wz\u00f3r Ci\u0119 interesuje?<\/label>\r\n                <textarea name=\"Wiadomosc\" class=\"quote-input\" placeholder=\"Napisz, czy masz ju\u017c sw\u00f3j wz\u00f3r, czy chcia\u0142by\u015b bram\u0119 malowan\u0105 proszkowo, itp.\"><\/textarea>\r\n            <\/div>\r\n            \r\n            <div class=\"quote-btn-wrapper\">\r\n                <button type=\"submit\" class=\"quote-btn\">Popro\u015b o darmow\u0105 wycen\u0119<\/button>\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\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-0f947b6 e-flex e-con-boxed e-con e-parent\" data-id=\"0f947b6\" 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-31d2fcc elementor-widget elementor-widget-html\" data-id=\"31d2fcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- KONTENER WID\u017bETU FAQ (Z EFEKTEM 3D) --- *\/\r\n    .mrj-faq-widget {\r\n        max-width: 1400px;\r\n        margin: 60px auto; \r\n        padding: 60px 40px;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        background-color: #f8fafc; \r\n        border-radius: 24px;\r\n        box-sizing: border-box;\r\n        box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(226, 232, 240, 0.6);\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n    .mrj-faq-widget * { box-sizing: border-box; }\r\n\r\n    \/* --- NAG\u0141\u00d3WEK --- *\/\r\n    .mrj-faq-header { text-align: center; margin-bottom: 45px; }\r\n    .mrj-faq-title { \r\n        font-size: 34px; \r\n        color: #0f172a; \r\n        margin: 0 0 15px 0; \r\n        font-weight: 800; \r\n        line-height: 1.2; \r\n    }\r\n    \r\n    .mrj-faq-subtitle { \r\n        font-size: 16px; \r\n        color: #475569; \r\n        max-width: 700px; \r\n        margin: 0 auto; \r\n        line-height: 1.6; \r\n    }\r\n\r\n    \/* --- LISTA PYTA\u0143 --- *\/\r\n    .mrj-faq-wrapper {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .mrj-faq-item {\r\n        background: #ffffff; \/* Bia\u0142e t\u0142o kart dla kontrastu z t\u0142em wid\u017cetu *\/\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 12px;\r\n        margin-bottom: 15px;\r\n        overflow: hidden;\r\n        transition: 0.3s;\r\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .mrj-faq-item:hover {\r\n        border-color: #cbd5e1;\r\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* --- BELKA TYTU\u0141OWA PYTANIA --- *\/\r\n    .mrj-faq-summary {\r\n        padding: 22px 25px;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        color: #0f172a;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        list-style: none; \/* Usuwa domy\u015bln\u0105 strza\u0142k\u0119 w niekt\u00f3rych przegl\u0105darkach *\/\r\n        outline: none;\r\n    }\r\n\r\n    \/* Ukrycie domy\u015blnej strza\u0142ki w Safari\/Chrome *\/\r\n    .mrj-faq-summary::-webkit-details-marker { display: none; }\r\n\r\n    \/* Strza\u0142ka w\u0142asna (SVG) *\/\r\n    .mrj-faq-summary svg {\r\n        transition: transform 0.3s ease;\r\n        color: #e63946; \/* Akcent marki *\/\r\n        flex-shrink: 0;\r\n        margin-left: 15px;\r\n    }\r\n\r\n    \/* Animacja strza\u0142ki i t\u0142a po otwarciu *\/\r\n    details[open].mrj-faq-item .mrj-faq-summary svg {\r\n        transform: rotate(180deg);\r\n    }\r\n    \r\n    details[open].mrj-faq-item .mrj-faq-summary {\r\n        border-bottom: 1px solid #e2e8f0;\r\n        background: #f8fafc;\r\n    }\r\n\r\n    \/* --- TRE\u015a\u0106 ODPOWIEDZI --- *\/\r\n    .mrj-faq-content {\r\n        padding: 25px;\r\n        color: #475569;\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    \/* --- RESPONSYWNO\u015a\u0106 --- *\/\r\n    @media (max-width: 900px) {\r\n        .mrj-faq-widget { padding: 40px 20px; border-radius: 16px; }\r\n        .mrj-faq-title { font-size: 28px; }\r\n        .mrj-faq-summary { padding: 18px 20px; font-size: 15px; }\r\n        .mrj-faq-content { padding: 20px; font-size: 14px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mrj-faq-widget\">\r\n    <div class=\"mrj-faq-header\">\r\n        <h2 class=\"mrj-faq-title\">Najcz\u0119\u015bciej zadawane pytania<\/h2>\r\n        <p class=\"mrj-faq-subtitle\">Poznaj szczeg\u00f3\u0142y techniczne i zasady realizacji naszych zam\u00f3wie\u0144.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"mrj-faq-wrapper\">\r\n        <details class=\"mrj-faq-item\">\r\n            <summary class=\"mrj-faq-summary\">\r\n                1. Czy mog\u0119 zam\u00f3wi\u0107 bram\u0119 i furtk\u0119 z ca\u0142kowicie w\u0142asnym wzorem?\r\n                <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/summary>\r\n            <div class=\"mrj-faq-content\">Zdecydowanie tak! Powy\u017csze zdj\u0119cia to tylko popularne przyk\u0142ady. Nasze maszyny laserowe s\u0105 w stanie wyci\u0105\u0107 w blasze (1.5mm) niemal ka\u017cdy zaprojektowany wz\u00f3r \u2013 od inicja\u0142\u00f3w, przez motywy ro\u015blinne, po abstrakcyjn\u0105 geometri\u0119.<\/div>\r\n        <\/details>\r\n        \r\n        <details class=\"mrj-faq-item\">\r\n            <summary class=\"mrj-faq-summary\">\r\n                2. Jakie s\u0105 standardowe wymiary, a jak wyceniacie wymiary nietypowe?\r\n                <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/summary>\r\n            <div class=\"mrj-faq-content\">Nasze standardowe szeroko\u015bci \u015bwiat\u0142a wjazdu dla bram to 3000 mm, 4000 mm i 5000 mm. Dla furtek standard to 800, 900 lub 1000 mm. Jeste\u015bmy jednak producentem i mo\u017cemy wykona\u0107 konstrukcj\u0119 co do centymetra pod Tw\u00f3j wjazd. Wymiary i wzory nietypowe wyceniamy indywidualnie w zale\u017cno\u015bci od zu\u017cycia materia\u0142u i skomplikowania ci\u0119cia.<\/div>\r\n        <\/details>\r\n        \r\n        <details class=\"mrj-faq-item\">\r\n            <summary class=\"mrj-faq-summary\">\r\n                3. Czy w komplecie otrzymuj\u0119 w\u00f3zki jezdne i s\u0142upki?\r\n                <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/summary>\r\n            <div class=\"mrj-faq-content\">Standardowa wycena dotyczy najcz\u0119\u015bciej samej, zespawanej konstrukcji (skrzyd\u0142a bramy z profilem dolnym). Jednak na \u017cyczenie klienta bez problemu kompletujemy pe\u0142en zestaw monta\u017cowy \u2013 dopasowane w\u00f3zki jezdne, rolki prowadz\u0105ce, zamki oraz s\u0142upki stalowe. Daj nam zna\u0107 czego potrzebujesz!<\/div>\r\n        <\/details>\r\n        \r\n        <details class=\"mrj-faq-item\">\r\n            <summary class=\"mrj-faq-summary\">\r\n                4. Czy bramy s\u0105 malowane proszkowo \/ zabezpieczone przed rdz\u0105?\r\n                <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/summary>\r\n            <div class=\"mrj-faq-content\">Nasze konstrukcje mo\u017cemy przygotowa\u0107 w dw\u00f3ch wariantach: w stanie surowym do w\u0142asnego wyko\u0144czenia i zabezpieczenia przez klienta, lub (po wcze\u015bniejszym ustaleniu i wycenie) zabezpieczone antykorozyjnie i pomalowane proszkowo na wybrany kolor.<\/div>\r\n        <\/details>\r\n        \r\n        <details class=\"mrj-faq-item\">\r\n            <summary class=\"mrj-faq-summary\">\r\n                5. W jaki spos\u00f3b realizowana jest dostawa lub odbi\u00f3r?\r\n                <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/summary>\r\n            <div class=\"mrj-faq-content\">Ze wzgl\u0119du na wag\u0119 i gabaryty bramy samono\u015bnej (cz\u0119sto ponad 6 metr\u00f3w d\u0142ugo\u015bci ca\u0142kowitej), zalecamy odbi\u00f3r osobisty z naszego zak\u0142adu w\u0142asnym, dostosowanym transportem.<\/div>\r\n        <\/details>\r\n        \r\n        <details class=\"mrj-faq-item\">\r\n            <summary class=\"mrj-faq-summary\">\r\n                6. Czy oferujecie us\u0142ug\u0119 monta\u017cu na posesji?\r\n                <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/summary>\r\n            <div class=\"mrj-faq-content\">Nie, zajmujemy si\u0119 wy\u0142\u0105cznie produkcj\u0105. Gotowy produkt jest przeznaczony do monta\u017cu we w\u0142asnym zakresie lub przez Twoj\u0105 lokaln\u0105 ekip\u0119 budowlan\u0105 (wymagane jest wcze\u015bniejsze przygotowanie odpowiednich fundament\u00f3w\/wylewek pod w\u00f3zki jezdne).<\/div>\r\n        <\/details>\r\n    <\/div>\r\n<\/div>\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-9c56555 e-flex e-con-boxed e-con e-parent\" data-id=\"9c56555\" 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-aa07c6d elementor-widget elementor-widget-html\" data-id=\"aa07c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- WYMUSZENIE PE\u0141NEJ SZEROKO\u015aCI --- *\/\r\n    .mrj-bramy-master {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        color: #334155;\r\n        overflow-x: hidden;\r\n        background: #fff;\r\n    }\r\n    .mrj-bramy-master * { box-sizing: border-box; }\r\n\r\n    .mrj-container { max-width: 1400px; margin: 0 auto; padding: 80px 20px; }\r\n\r\n    \/* --- ANIMACJE (Scroll Fade-In) --- *\/\r\n    .mrj-animate {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        will-change: opacity, transform;\r\n    }\r\n    .mrj-animate.mrj-visible { opacity: 1; transform: translateY(0); }\r\n    .delay-1 { transition-delay: 0.1s; }\r\n    .delay-2 { transition-delay: 0.2s; }\r\n    .delay-3 { transition-delay: 0.3s; }\r\n\r\n    \/* --- 1. NOWY UK\u0141AD G\u0141\u00d3WNY --- *\/\r\n    .gates-hero-layout { display: flex; flex-direction: column; gap: 40px; }\r\n    .mrj-slider-wrapper { display: flex; flex-direction: column; gap: 15px; width: 100%; }\r\n    .mrj-slider-view { border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 15px 35px -10px rgba(0,0,0,0.08); background: #ffffff; }\r\n    .mrj-slides { display: flex; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; }\r\n    .mrj-slide { min-width: 100%; display: flex; align-items: center; justify-content: center; aspect-ratio: 21 \/ 9; position: relative; padding: 20px; }\r\n    .mrj-slide img { width: 100%; height: 100%; object-fit: contain; }\r\n    .slider-controls { display: flex; align-items: center; justify-content: space-between; padding: 0 10px; max-width: 400px; margin: 0 auto; width: 100%; }\r\n    .slider-btn { background: #ffffff !important; border: 1px solid #cbd5e1 !important; width: 44px !important; height: 44px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; color: #475569 !important; transition: all 0.2s !important; }\r\n    .slider-btn svg { width: 24px !important; height: 24px !important; stroke: currentColor !important; fill: none !important; stroke-width: 2 !important; }\r\n    .slider-btn:hover { background: #e63946 !important; color: #fff !important; border-color: #e63946 !important; }\r\n    .slider-dots { display: flex; align-items: center; gap: 8px; }\r\n    .slider-dot { width: 8px; height: 8px; border-radius: 50%; background: #cbd5e1; cursor: pointer; transition: 0.3s; }\r\n    .slider-dot.active { background: #e63946; width: 24px; border-radius: 4px; }\r\n    .gates-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }\r\n    .gates-info h1 { font-size: 38px; color: #0f172a; margin: 0 0 15px 0; line-height: 1.2; font-weight: 800; }\r\n    .gates-desc { font-size: 16px; color: #64748b; margin-bottom: 25px; line-height: 1.6; }\r\n    .gates-alert { background: rgba(230, 57, 70, 0.05); border-left: 4px solid #e63946; padding: 15px 20px; border-radius: 0 8px 8px 0; display: flex; gap: 12px; align-items: flex-start; margin-bottom: 25px; }\r\n    .gates-alert svg { flex-shrink: 0; color: #e63946; margin-top: 2px; }\r\n    .gates-alert p { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.5; color: #1e293b; }\r\n    .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 25px; background: #f8fafc; padding: 20px; border-radius: 12px; border: 1px solid #e2e8f0; }\r\n    .spec-item { display: flex; flex-direction: column; gap: 4px; }\r\n    .spec-label { font-size: 11px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .spec-val { font-size: 14px; font-weight: 700; color: #1e293b; }\r\n    .patterns-list { list-style: none; padding: 0; margin: 0; }\r\n    .patterns-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; margin-bottom: 15px; line-height: 1.5; }\r\n    .patterns-list li svg { flex-shrink: 0; color: #e63946; margin-top: 3px; }\r\n    .patterns-list li strong { color: #0f172a; }\r\n    .btn-cta { background: #e63946; color: #fff; padding: 18px 35px; border-radius: 8px; font-weight: 700; font-size: 16px; text-decoration: none; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; text-align: center; box-shadow: 0 4px 15px rgba(230, 57, 70, 0.25); border: none; cursor: pointer; }\r\n    .btn-cta:hover { background: #d0323e; transform: translateY(-2px); color: #fff; box-shadow: 0 8px 20px rgba(230, 57, 70, 0.3); }\r\n    .contact-card { margin-top: 15px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; }\r\n    .contact-row { display: flex; flex-direction: column; gap: 5px; font-size: 14px; color: #475569; }\r\n    .contact-row strong { color: #0f172a; font-size: 15px; border-bottom: 1px solid #e2e8f0; padding-bottom: 5px; margin-bottom: 5px; }\r\n    .contact-row span { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #1e293b; }\r\n\r\n    \/* --- GLOBALE SEKCJI --- *\/\r\n    .bg-light { background-color: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }\r\n    .section-title { text-align: center; font-size: 32px; color: #0f172a; margin-bottom: 15px; font-weight: 800; line-height: 1.2; }\r\n    .section-subtitle { text-align: center; font-size: 16px; color: #64748b; max-width: 700px; margin: 0 auto 50px auto; line-height: 1.6; }\r\n\r\n    \/* --- 2. JAK TO DZIA\u0141A --- *\/\r\n    .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }\r\n    .step-card { background: #fff; padding: 40px 25px 30px 25px; border-radius: 16px; text-align: center; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05); position: relative; transition: transform 0.3s; }\r\n    .step-card:hover { transform: translateY(-8px); border-color: #cbd5e1; }\r\n    .step-icon-wrap { width: 70px; height: 70px; background: rgba(230, 57, 70, 0.1); color: #e63946; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; }\r\n    .step-number { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #e63946; color: #fff; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; border: 4px solid #f8fafc; }\r\n    .step-title { font-size: 18px; color: #0f172a; margin-bottom: 10px; font-weight: 700; }\r\n    .step-desc { font-size: 14px; color: #64748b; line-height: 1.6; }\r\n\r\n    \/* --- 3. DETALE (PREMIUM) --- *\/\r\n    .details-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n    .detail-card { border-radius: 12px; overflow: hidden; position: relative; aspect-ratio: 1\/1; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); }\r\n    .detail-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }\r\n    .detail-card:hover img { transform: scale(1.08); }\r\n    .detail-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 20px 20px 20px; background: linear-gradient(to top, rgba(15,23,42,0.9), transparent); color: #fff; }\r\n    .detail-overlay h4 { margin: 0 0 5px 0; font-size: 18px; font-weight: 700; }\r\n    .detail-overlay p { margin: 0; font-size: 13px; opacity: 0.9; }\r\n\r\n    \/* --- 4. REALIZACJE (GALERIA) --- *\/\r\n    .gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .gallery-item { border-radius: 12px; overflow: hidden; aspect-ratio: 16\/9; display: block; border: 1px solid #e2e8f0; }\r\n    .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s; }\r\n    .gallery-item:hover img { opacity: 0.85; }\r\n\r\n    \/* --- 5. PRODUCENT --- *\/\r\n    .manufacturer-box { display: flex; gap: 40px; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 40px; max-width: 1000px; margin: 0 auto; box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05); }\r\n    .manufacturer-logo { flex-shrink: 0; width: 280px; text-align: center; background: #f8fafc; padding: 30px; border-radius: 12px; border: 1px solid #e2e8f0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\r\n    .manufacturer-logo img { width: 100%; max-width: 200px; height: auto; display: block; }\r\n    .manufacturer-content { flex-grow: 1; }\r\n    .manufacturer-content h3 { font-size: 26px; color: #0f172a; margin-bottom: 15px; font-weight: 800; }\r\n    .manufacturer-content p { font-size: 15px; color: #475569; line-height: 1.6; margin-bottom: 15px; }\r\n    .manufacturer-link { color: #e63946; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; }\r\n    .manufacturer-link:hover { text-decoration: underline; }\r\n\r\n    \/* --- 6. OPINIE (SOCIAL PROOF) --- *\/\r\n    .reviews-section { background: #0f172a; color: #f8fafc; }\r\n    .reviews-section .section-title { color: #fff; }\r\n    .reviews-section .section-subtitle { color: #94a3b8; }\r\n    .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\r\n    .review-card { background: #1e293b; padding: 30px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); }\r\n    .stars { color: #fbbf24; display: flex; gap: 3px; margin-bottom: 15px; }\r\n    .stars svg { width: 18px; height: 18px; fill: currentColor; }\r\n    .review-text { font-size: 15px; line-height: 1.6; color: #cbd5e1; margin-bottom: 20px; font-style: italic; }\r\n    .review-author { display: flex; align-items: center; gap: 12px; }\r\n    .review-avatar { width: 40px; height: 40px; background: #e63946; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; color: #fff; }\r\n    .review-name { font-weight: 700; font-size: 14px; color: #fff; display: block; }\r\n    .review-city { font-size: 12px; color: #94a3b8; }\r\n\r\n    \/* --- 7. FORMULARZ WYCENY --- *\/\r\n    .quote-form-wrapper { max-width: 800px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 16px; box-shadow: 0 15px 40px -15px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; }\r\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }\r\n    .form-group { display: flex; flex-direction: column; gap: 8px; }\r\n    .form-label { font-size: 13px; font-weight: 700; color: #475569; }\r\n    .form-input { padding: 14px 16px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 15px; font-family: inherit; color: #0f172a; outline: none; transition: 0.3s; background: #f8fafc; }\r\n    .form-input:focus { border-color: #e63946; background: #fff; box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1); }\r\n    \r\n    \/* --- 8. FAQ --- *\/\r\n    .faq-wrapper { max-width: 900px; margin: 0 auto; }\r\n    .faq-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 15px; overflow: hidden; transition: 0.3s; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }\r\n    .faq-item:hover { border-color: #cbd5e1; }\r\n    .faq-summary { padding: 22px 25px; font-weight: 700; font-size: 16px; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; list-style: none; }\r\n    .faq-summary::-webkit-details-marker { display: none; }\r\n    .faq-summary svg { transition: transform 0.3s; color: #e63946; flex-shrink: 0; margin-left: 15px; }\r\n    details[open] .faq-summary svg { transform: rotate(180deg); }\r\n    details[open] .faq-summary { border-bottom: 1px solid #e2e8f0; background: #f8fafc; }\r\n    .faq-content { padding: 25px; color: #475569; font-size: 15px; line-height: 1.6; }\r\n\r\n    \/* --- P\u0141YWAJ\u0104CY WHATSAPP --- *\/\r\n    .wa-float { position: fixed; bottom: 90px; right: 30px; width: 65px; height: 65px; background-color: #25D366; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); z-index: 99999; transition: transform 0.3s; text-decoration: none; }\r\n    .wa-float:hover { transform: translateY(-5px) scale(1.05); color: #fff; }\r\n    .wa-float svg { width: 34px; height: 34px; }\r\n    .wa-float::after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #25D366; animation: wa-pulse 2s infinite; }\r\n    @keyframes wa-pulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }\r\n\r\n    \/* --- RWD --- *\/\r\n    @media (max-width: 900px) {\r\n        .gates-info-grid { grid-template-columns: 1fr; gap: 20px; }\r\n        .mrj-slide { aspect-ratio: 16\/9; }\r\n        .details-grid { grid-template-columns: 1fr; }\r\n        .reviews-grid { grid-template-columns: 1fr; }\r\n        .form-row { grid-template-columns: 1fr; gap: 15px; }\r\n        .manufacturer-box { flex-direction: column; padding: 30px 20px; text-align: center; }\r\n        .manufacturer-logo { width: 100%; padding: 20px; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .mrj-container { padding: 60px 20px; }\r\n        .specs-grid, .gallery-grid { grid-template-columns: 1fr; gap: 15px; }\r\n        .wa-float { bottom: 85px; right: 20px; width: 55px; height: 55px; }\r\n        .wa-float svg { width: 28px; height: 28px; }\r\n        .gates-info h1 { font-size: 30px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/* --- LOGIKA SLIDERA I ANIMACJI --- *\/\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Slider\r\n        let currentGateSlide = 0;\r\n        const gateSlides = document.querySelectorAll('.mrj-slide');\r\n        const totalGateSlides = gateSlides.length;\r\n        const sliderTrack = document.getElementById('mrjGatesSlider');\r\n        const dotsContainer = document.getElementById('mrjSliderDots');\r\n\r\n        if(totalGateSlides > 0 && sliderTrack && dotsContainer) {\r\n            for (let i = 0; i < totalGateSlides; i++) {\r\n                const dot = document.createElement('div');\r\n                dot.classList.add('slider-dot');\r\n                if (i === 0) dot.classList.add('active');\r\n                dot.onclick = () => goToGateSlide(i);\r\n                dotsContainer.appendChild(dot);\r\n            }\r\n            const dots = document.querySelectorAll('.slider-dot');\r\n\r\n            function updateGateSlider() {\r\n                sliderTrack.style.transform = `translateX(-${currentGateSlide * 100}%)`;\r\n                dots.forEach(dot => dot.classList.remove('active'));\r\n                dots[currentGateSlide].classList.add('active');\r\n            }\r\n\r\n            window.moveGateSlide = function(step) {\r\n                currentGateSlide += step;\r\n                if (currentGateSlide < 0) currentGateSlide = totalGateSlides - 1;\r\n                if (currentGateSlide >= totalGateSlides) currentGateSlide = 0;\r\n                updateGateSlider();\r\n            }\r\n\r\n            window.goToGateSlide = function(index) {\r\n                currentGateSlide = index;\r\n                updateGateSlider();\r\n            }\r\n        }\r\n\r\n        \/\/ Obserwator do animacji (Fade-in na scrollu)\r\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('mrj-visible');\r\n                    observer.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.mrj-animate').forEach((elem) => {\r\n            observer.observe(elem);\r\n        });\r\n    });\r\n<\/script>\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>Bramy Przesuwne i Furtki na Wymiar Zaprojektuj nowoczesny wjazd na swoj\u0105 posesj\u0119. Oferujemy solidne bramy samono\u015bne i furtki. Powy\u017csze zdj\u0119cia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":116,"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/bramy.mrjpoland.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}