{"id":2129,"date":"2025-07-31T16:42:51","date_gmt":"2025-07-31T16:42:51","guid":{"rendered":"http:\/\/hardchromeplate.com\/?page_id=2129"},"modified":"2026-07-27T13:48:47","modified_gmt":"2026-07-27T13:48:47","slug":"contact","status":"publish","type":"page","link":"https:\/\/hardchromeplate.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2129\" class=\"elementor elementor-2129\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa26046 e-flex e-con-boxed e-con e-parent\" data-id=\"aa26046\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eed313f animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"eed313f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Grupa ProExport<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f006df6 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f006df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" 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\">Skontaktuj si\u0119<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-739386d e-con-full e-flex e-con e-child\" data-id=\"739386d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aab59e5 elementor-widget elementor-widget-image\" data-id=\"aab59e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.5,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;widescreen&quot;,&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/09\/arrow_circle_down.png\" class=\"attachment-large size-large wp-image-2509\" alt=\"Proexport o nas\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc5564c e-con e-atomic-element e-flexbox-base e-bc5564c-5fd701c \" data-id=\"bc5564c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bc5564c\">\n    \t\t<div class=\"elementor-element elementor-element-3cca489 elementor-widget elementor-widget-html\" data-id=\"3cca489\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 KONTAKT \/ BLOK 1 \/ HERO CLEAN V3\r\n     Jedna kolumna, bez grafiki po prawej, bez ryzyka rozjazdu.\r\n\r\n     WA\u017bNE:\r\n     - ten blok NIE tworzy formularza,\r\n     - ten blok NIE zmienia wysy\u0142ki formularza,\r\n     - odnajduje obecny formularz Elementora form_id=\"655b4ce\",\r\n     - oznacza obecne pole wiadomo\u015bci:\r\n       #form-field-message \/ form_fields[message]\r\n     - zachowuje mechanik\u0119 briefu:\r\n       prx_quote_brief_v1\r\n       prx_quote_brief_pending_v1\r\n========================================================= -->\r\n\r\n<section class=\"prx-contact-clean-v3\" id=\"kontakt-techniczny\" aria-labelledby=\"prx-contact-clean-title\">\r\n  <style>\r\n    .prx-contact-clean-v3,\r\n    .prx-contact-clean-v3 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-contact-clean-v3 {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #df1010;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #263b4d;\r\n      --prx-muted: #607487;\r\n      --prx-border: #dce5ec;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 94px 22px 78px;\r\n      color: var(--prx-text);\r\n      font-family: \"Albert Sans\", Arial, sans-serif;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-contact-clean-v3::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 14% 18%, rgba(11, 52, 85, 0.07) 0%, rgba(11, 52, 85, 0) 34%),\r\n        radial-gradient(circle at 86% 14%, rgba(223, 16, 16, 0.045) 0%, rgba(223, 16, 16, 0) 29%);\r\n    }\r\n\r\n    .prx-contact-clean-v3::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 1px;\r\n      z-index: -1;\r\n      background: var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-clean-v3 a,\r\n    .prx-contact-clean-v3 button {\r\n      font: inherit;\r\n    }\r\n\r\n    .prx-contact-clean-v3 a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .prx-contact-clean-v3__inner {\r\n      width: min(100%, 1060px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .prx-contact-clean-v3__panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(32px, 5vw, 58px);\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.82));\r\n      box-shadow:\r\n        0 28px 80px rgba(7, 27, 51, 0.09),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    .prx-contact-clean-v3__panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-red), var(--prx-blue), var(--prx-navy));\r\n    }\r\n\r\n    .prx-contact-clean-v3__top {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      margin-bottom: clamp(32px, 4vw, 46px);\r\n      padding-bottom: 18px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-clean-v3__brand {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      color: var(--prx-navy);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-clean-v3__brand::before {\r\n      content: \"\";\r\n      width: 12px;\r\n      height: 12px;\r\n      border-radius: 4px;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-clean-v3__status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      font-weight: 750;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-contact-clean-v3__status::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 8px;\r\n      border-radius: 50%;\r\n      background: var(--prx-green);\r\n      box-shadow: 0 0 0 5px rgba(24, 131, 95, 0.1);\r\n    }\r\n\r\n    .prx-contact-clean-v3__content {\r\n      max-width: 870px;\r\n    }\r\n\r\n    .prx-contact-clean-v3__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 18px;\r\n      color: var(--prx-blue);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-clean-v3__label::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 2px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-clean-v3 h1 {\r\n      max-width: 920px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(42px, 6.2vw, 78px);\r\n      line-height: 0.98;\r\n      font-weight: 900;\r\n      letter-spacing: -0.058em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-clean-v3 h1 span {\r\n      color: var(--prx-blue);\r\n    }\r\n\r\n    .prx-contact-clean-v3__lead {\r\n      max-width: 820px;\r\n      margin: 28px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: clamp(17px, 1.55vw, 21px);\r\n      line-height: 1.72;\r\n      font-weight: 470;\r\n    }\r\n\r\n    .prx-contact-clean-v3__lead strong {\r\n      color: var(--prx-text);\r\n      font-weight: 820;\r\n    }\r\n\r\n    .prx-contact-clean-v3__brief {\r\n      display: none;\r\n      max-width: 820px;\r\n      margin-top: 24px;\r\n      padding: 16px 18px;\r\n      border: 1px solid rgba(24, 131, 95, 0.22);\r\n      border-radius: 15px;\r\n      background: #f1faf6;\r\n      color: #315f4e;\r\n      box-shadow: 0 10px 24px rgba(7, 27, 51, 0.055);\r\n    }\r\n\r\n    .prx-contact-clean-v3__brief.is-visible {\r\n      display: block;\r\n      animation: prx-contact-clean-enter 0.35s ease both;\r\n    }\r\n\r\n    .prx-contact-clean-v3__brief strong {\r\n      display: block;\r\n      margin-bottom: 3px;\r\n      color: var(--prx-navy);\r\n      font-size: 14px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-contact-clean-v3__brief p {\r\n      margin: 0;\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .prx-contact-clean-v3__actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .prx-contact-clean-v3__button {\r\n      min-height: 58px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 16px 24px;\r\n      border-radius: 12px;\r\n      font-size: 15px;\r\n      font-weight: 900;\r\n      line-height: 1.2;\r\n      cursor: pointer;\r\n      transition:\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease,\r\n        background 0.22s ease,\r\n        border-color 0.22s ease;\r\n    }\r\n\r\n    .prx-contact-clean-v3__button--primary,\r\n    .prx-contact-clean-v3__button--primary:visited,\r\n    .prx-contact-clean-v3__button--primary:hover,\r\n    .prx-contact-clean-v3__button--primary:focus,\r\n    .prx-contact-clean-v3__button--primary:active {\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      box-shadow: 0 16px 34px rgba(185, 0, 0, 0.2);\r\n    }\r\n\r\n    .prx-contact-clean-v3__button--primary * {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-contact-clean-v3__button--secondary,\r\n    .prx-contact-clean-v3__button--secondary:visited,\r\n    .prx-contact-clean-v3__button--secondary:hover,\r\n    .prx-contact-clean-v3__button--secondary:focus,\r\n    .prx-contact-clean-v3__button--secondary:active {\r\n      color: var(--prx-navy) !important;\r\n      border: 1px solid var(--prx-border);\r\n      background: #ffffff;\r\n    }\r\n\r\n    .prx-contact-clean-v3__button:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .prx-contact-clean-v3__button--primary:hover {\r\n      box-shadow: 0 20px 42px rgba(185, 0, 0, 0.27);\r\n    }\r\n\r\n    .prx-contact-clean-v3__button--secondary:hover {\r\n      border-color: #b8c7d2;\r\n      background: #fdfefe;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip {\r\n      position: relative;\r\n      max-width: 870px;\r\n      margin-top: 36px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 16px;\r\n      background: var(--prx-navy);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 35%;\r\n      left: -40%;\r\n      background:\r\n        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);\r\n      animation: prx-contact-clean-scan 5.8s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip-inner {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 0;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip-row {\r\n      display: grid;\r\n      grid-template-columns: 148px 1fr;\r\n      gap: 18px;\r\n      align-items: start;\r\n      padding: 18px 20px;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip-row + .prx-contact-clean-v3__strip-row {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip-kicker {\r\n      color: #8bb8d4;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip-text {\r\n      color: #d7e4ec;\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-clean-v3__strip-text strong {\r\n      color: #ffffff;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-clean-v3__list {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n      max-width: 870px;\r\n      margin-top: 20px;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .prx-contact-clean-v3__list li {\r\n      position: relative;\r\n      padding: 15px 18px 15px 45px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 14px;\r\n      background: rgba(255, 255, 255, 0.76);\r\n      color: var(--prx-text);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n      box-shadow: 0 8px 22px rgba(7, 27, 51, 0.045);\r\n    }\r\n\r\n    .prx-contact-clean-v3__list li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 18px;\r\n      top: 21px;\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 3px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-clean-v3__list strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-clean-v3__contact {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px 20px;\r\n      max-width: 870px;\r\n      margin-top: 26px;\r\n      padding-top: 22px;\r\n      border-top: 1px solid var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-clean-v3__contact a,\r\n    .prx-contact-clean-v3__contact a:visited,\r\n    .prx-contact-clean-v3__contact a:focus,\r\n    .prx-contact-clean-v3__contact a:active {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      color: var(--prx-navy) !important;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-clean-v3__contact a:hover {\r\n      color: var(--prx-red) !important;\r\n    }\r\n\r\n    .prx-contact-clean-v3__contact a + a::before {\r\n      content: \"\";\r\n      width: 1px;\r\n      height: 16px;\r\n      margin: 0 20px 0 0;\r\n      background: var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-clean-v3__live {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @keyframes prx-contact-clean-enter {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(7px);\r\n      }\r\n\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    @keyframes prx-contact-clean-scan {\r\n      0%,\r\n      72%,\r\n      100% {\r\n        left: -40%;\r\n      }\r\n\r\n      86% {\r\n        left: 105%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .prx-contact-clean-v3 {\r\n        padding: 56px 16px 46px;\r\n      }\r\n\r\n      .prx-contact-clean-v3__panel {\r\n        padding: 28px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .prx-contact-clean-v3__top {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n      }\r\n\r\n      .prx-contact-clean-v3__status {\r\n        white-space: normal;\r\n      }\r\n\r\n      .prx-contact-clean-v3 h1 {\r\n        font-size: clamp(39px, 12vw, 56px);\r\n        line-height: 1.03;\r\n      }\r\n\r\n      .prx-contact-clean-v3__lead {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .prx-contact-clean-v3__actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-clean-v3__button {\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-contact-clean-v3__strip-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 6px;\r\n        padding: 17px;\r\n      }\r\n\r\n      .prx-contact-clean-v3__list li {\r\n        padding: 14px 15px 14px 38px;\r\n        font-size: 14px;\r\n      }\r\n\r\n      .prx-contact-clean-v3__list li::before {\r\n        left: 16px;\r\n        top: 20px;\r\n      }\r\n\r\n      .prx-contact-clean-v3__contact {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n\r\n      .prx-contact-clean-v3__contact a + a::before {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-contact-clean-v3 *,\r\n      .prx-contact-clean-v3 *::before,\r\n      .prx-contact-clean-v3 *::after {\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-contact-clean-v3__inner\">\r\n    <div class=\"prx-contact-clean-v3__panel\">\r\n\r\n      <div class=\"prx-contact-clean-v3__top\">\r\n        <div class=\"prx-contact-clean-v3__brand\">\r\n          PROEXPORT \u00b7 kontakt techniczny\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-clean-v3__status\">\r\n          Zapytania techniczne, regeneracje i produkcja nowych detali\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-clean-v3__content\">\r\n\r\n        <div class=\"prx-contact-clean-v3__label\">\r\n          Kontakt\r\n        <\/div>\r\n\r\n        <h1 id=\"prx-contact-clean-title\">\r\n          Prze\u015blij dane.\r\n          <span>Ocenimy mo\u017cliwy zakres wykonania.<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"prx-contact-clean-v3__lead\">\r\n          Do rozpocz\u0119cia rozmowy wystarcz\u0105 zdj\u0119cia, podstawowe wymiary,\r\n          rysunek techniczny albo opis pracy elementu w maszynie.\r\n          <strong>Formularz poni\u017cej trafia do analizy technicznej PROEXPORT.<\/strong>\r\n        <\/p>\r\n\r\n        <div\r\n          class=\"prx-contact-clean-v3__brief\"\r\n          data-prx-brief-banner\r\n          role=\"status\"\r\n          aria-live=\"polite\"\r\n        >\r\n          <strong data-prx-brief-title>Brief techniczny zosta\u0142 wykryty.<\/strong>\r\n          <p>\r\n            Dane z kreatora zostan\u0105 dopisane do g\u0142\u00f3wnego pola wiadomo\u015bci\r\n            w obecnym formularzu kontaktowym.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-clean-v3__actions\">\r\n          <a\r\n            class=\"prx-contact-clean-v3__button prx-contact-clean-v3__button--primary\"\r\n            href=\"#prx-kontakt-formularz\"\r\n            data-prx-scroll-form\r\n          >\r\n            Przejd\u017a do formularza\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"prx-contact-clean-v3__button prx-contact-clean-v3__button--secondary\"\r\n            href=\"mailto:request@hardchromeplate.com\"\r\n          >\r\n            Napisz na e-mail\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-clean-v3__strip\" aria-label=\"Jak przygotowa\u0107 zapytanie\">\r\n          <div class=\"prx-contact-clean-v3__strip-inner\">\r\n\r\n            <div class=\"prx-contact-clean-v3__strip-row\">\r\n              <div class=\"prx-contact-clean-v3__strip-kicker\">\r\n                Co wys\u0142a\u0107\r\n              <\/div>\r\n\r\n              <div class=\"prx-contact-clean-v3__strip-text\">\r\n                <strong>Rysunek, zdj\u0119cia, wymiary lub opis problemu.<\/strong>\r\n                Nie ka\u017cda informacja musi by\u0107 dost\u0119pna od razu.\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"prx-contact-clean-v3__strip-row\">\r\n              <div class=\"prx-contact-clean-v3__strip-kicker\">\r\n                Co analizujemy\r\n              <\/div>\r\n\r\n              <div class=\"prx-contact-clean-v3__strip-text\">\r\n                Stan detalu, funkcj\u0119 powierzchni, warunki pracy i mo\u017cliwy\r\n                kierunek: wykonanie nowego elementu, regeneracja albo obr\u00f3bka.\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul class=\"prx-contact-clean-v3__list\">\r\n          <li>\r\n            <strong>Nowy detal:<\/strong> rysunek techniczny, model, wymiary,\r\n            materia\u0142, ilo\u015b\u0107 sztuk albo wz\u00f3r do odtworzenia.\r\n          <\/li>\r\n\r\n          <li>\r\n            <strong>Regeneracja:<\/strong> zdj\u0119cia zu\u017cycia, \u015brednica, d\u0142ugo\u015b\u0107,\r\n            obecna pow\u0142oka, stan czop\u00f3w i objaw problemu na maszynie.\r\n          <\/li>\r\n\r\n          <li>\r\n            <strong>Obr\u00f3bka lub pow\u0142oka:<\/strong> funkcja elementu, warunki pracy,\r\n            oczekiwany efekt powierzchni i dost\u0119pna dokumentacja.\r\n          <\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"prx-contact-clean-v3__contact\">\r\n          <a href=\"mailto:request@hardchromeplate.com\">\r\n            request@hardchromeplate.com\r\n          <\/a>\r\n\r\n          <a href=\"tel:+48533495906\">\r\n            +48 533 495 906\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"prx-contact-clean-v3__live\"\r\n      data-prx-live\r\n      aria-live=\"polite\"\r\n    ><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.querySelector(\".prx-contact-clean-v3\");\r\n\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const ELEMENTOR_FORM_ID = \"655b4ce\";\r\n      const FORM_ANCHOR_ID = \"prx-kontakt-formularz\";\r\n\r\n      const BRIEF_STORAGE_KEY = \"prx_quote_brief_v1\";\r\n      const BRIEF_PENDING_KEY = \"prx_quote_brief_pending_v1\";\r\n\r\n      const briefBanner = root.querySelector(\"[data-prx-brief-banner]\");\r\n      const briefTitle = root.querySelector(\"[data-prx-brief-title]\");\r\n      const live = root.querySelector(\"[data-prx-live]\");\r\n      const scrollButtons = Array.from(root.querySelectorAll(\"[data-prx-scroll-form]\"));\r\n\r\n      let contactForm = null;\r\n      let messageField = null;\r\n      let formAnchor = null;\r\n\r\n      function findContactForm() {\r\n        const exactFormId = document.querySelector(\r\n          `form.elementor-form input[name=\"form_id\"][value=\"${ELEMENTOR_FORM_ID}\"]`\r\n        );\r\n\r\n        if (exactFormId) {\r\n          return exactFormId.closest(\"form.elementor-form\");\r\n        }\r\n\r\n        const exactMessage = document.querySelector(\r\n          '#form-field-message[name=\"form_fields[message]\"]'\r\n        );\r\n\r\n        if (exactMessage) {\r\n          return exactMessage.closest(\"form\");\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function findMessageField(form) {\r\n        if (!form) return null;\r\n\r\n        return (\r\n          form.querySelector('#form-field-message[name=\"form_fields[message]\"]') ||\r\n          form.querySelector('textarea[name=\"form_fields[message]\"]') ||\r\n          form.querySelector(\"#form-field-message\")\r\n        );\r\n      }\r\n\r\n      function connectExistingForm() {\r\n        const form = findContactForm();\r\n        if (!form) return false;\r\n\r\n        contactForm = form;\r\n        messageField = findMessageField(form);\r\n\r\n        if (messageField) {\r\n          \/*\r\n           * Nie zmieniamy ID, name ani konfiguracji formularza.\r\n           * To tylko dodatkowe oznaczenie dla mechaniki briefu.\r\n           *\/\r\n          messageField.setAttribute(\"data-prx-brief-target\", \"\");\r\n        }\r\n\r\n        const widget =\r\n          form.closest(\".elementor-widget-form\") ||\r\n          form.closest(\".elementor-widget\") ||\r\n          form;\r\n\r\n        const existingAnchor = document.getElementById(FORM_ANCHOR_ID);\r\n\r\n        if (existingAnchor) {\r\n          formAnchor = existingAnchor;\r\n        } else {\r\n          widget.id = FORM_ANCHOR_ID;\r\n          formAnchor = widget;\r\n        }\r\n\r\n        return true;\r\n      }\r\n\r\n      function focusUsefulField() {\r\n        if (!contactForm) return;\r\n\r\n        const emailField =\r\n          contactForm.querySelector(\"#form-field-email\") ||\r\n          contactForm.querySelector('input[name=\"form_fields[email]\"]');\r\n\r\n        const target =\r\n          messageField && !messageField.value.trim()\r\n            ? messageField\r\n            : emailField || messageField;\r\n\r\n        if (!target) return;\r\n\r\n        window.setTimeout(() => {\r\n          try {\r\n            target.focus({ preventScroll: true });\r\n          } catch (error) {\r\n            target.focus();\r\n          }\r\n        }, 500);\r\n      }\r\n\r\n      function scrollToForm(event) {\r\n        if (event) event.preventDefault();\r\n\r\n        if (!contactForm) {\r\n          connectExistingForm();\r\n        }\r\n\r\n        const target =\r\n          formAnchor ||\r\n          document.getElementById(FORM_ANCHOR_ID) ||\r\n          contactForm;\r\n\r\n        if (!target) {\r\n          if (live) live.textContent = \"Formularz jest jeszcze \u0142adowany.\";\r\n          return;\r\n        }\r\n\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n        focusUsefulField();\r\n\r\n        if (live) {\r\n          live.textContent = \"Przeniesiono do formularza kontaktowego.\";\r\n        }\r\n      }\r\n\r\n      scrollButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", scrollToForm);\r\n      });\r\n\r\n      function safeGet(storage, key) {\r\n        try {\r\n          return storage.getItem(key);\r\n        } catch (error) {\r\n          return null;\r\n        }\r\n      }\r\n\r\n      function readBriefPayload() {\r\n        const values = [\r\n          safeGet(window.sessionStorage, BRIEF_STORAGE_KEY),\r\n          safeGet(window.localStorage, BRIEF_STORAGE_KEY)\r\n        ];\r\n\r\n        for (const value of values) {\r\n          if (!value) continue;\r\n\r\n          try {\r\n            const payload = JSON.parse(value);\r\n\r\n            if (\r\n              payload &&\r\n              typeof payload.text === \"string\" &&\r\n              payload.text.trim().length > 0\r\n            ) {\r\n              return payload;\r\n            }\r\n          } catch (error) {}\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function showBriefNotice() {\r\n        const payload = readBriefPayload();\r\n\r\n        if (!payload || !briefBanner) return;\r\n\r\n        const params = new URLSearchParams(window.location.search);\r\n        const cameFromBrief = Boolean(params.get(\"brief\"));\r\n        const pending = safeGet(window.sessionStorage, BRIEF_PENDING_KEY) === \"1\";\r\n        const messageHasValue = messageField && messageField.value.trim().length > 0;\r\n\r\n        if (!cameFromBrief && !pending && !messageHasValue) return;\r\n\r\n        briefBanner.classList.add(\"is-visible\");\r\n\r\n        if (briefTitle && payload.title) {\r\n          briefTitle.textContent = `Brief techniczny zosta\u0142 wykryty: ${payload.title}`;\r\n        }\r\n      }\r\n\r\n      if (!connectExistingForm()) {\r\n        const observer = new MutationObserver(() => {\r\n          if (connectExistingForm()) {\r\n            showBriefNotice();\r\n            observer.disconnect();\r\n          }\r\n        });\r\n\r\n        observer.observe(document.documentElement, {\r\n          childList: true,\r\n          subtree: true\r\n        });\r\n\r\n        window.setTimeout(() => observer.disconnect(), 12000);\r\n      }\r\n\r\n      window.setTimeout(showBriefNotice, 100);\r\n      window.setTimeout(showBriefNotice, 900);\r\n\r\n      window.addEventListener(\"load\", () => {\r\n        connectExistingForm();\r\n        showBriefNotice();\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a3d5319 e-con e-atomic-element e-flexbox-base e-a3d5319-b4ed224 \" data-id=\"a3d5319\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a3d5319\">\n    \t\t<div class=\"elementor-element elementor-element-210dab7 elementor-widget elementor-widget-html\" data-id=\"210dab7\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 KONTAKT \/ BLOK 0 \/ SZYBKI KONTAKT\r\n     Do wklejenia PRZED blokiem HERO na stronie Kontakt.\r\n\r\n     Funkcje:\r\n     - klikni\u0119cie telefonu: rozpoczyna po\u0142\u0105czenie,\r\n     - klikni\u0119cie e-maila: otwiera klienta pocztowego,\r\n     - klikni\u0119cie adresu: otwiera Google Maps,\r\n     - przyciski kopiowania: kopiuj\u0105 telefon, e-mail i adres,\r\n     - bez wp\u0142ywu na formularz kontaktowy.\r\n========================================================= -->\r\n\r\n<section class=\"prx-contact-quick-v1\" id=\"szybki-kontakt\" aria-labelledby=\"prx-contact-quick-title\">\r\n  <style>\r\n    .prx-contact-quick-v1,\r\n    .prx-contact-quick-v1 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-contact-quick-v1 {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #df1010;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #22384b;\r\n      --prx-muted: #617486;\r\n      --prx-border: #dce5ec;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 26px 22px;\r\n      color: var(--prx-text);\r\n      font-family: \"Albert Sans\", Arial, sans-serif;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f6f8fa 100%);\r\n      border-bottom: 1px solid var(--prx-border);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-contact-quick-v1::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 10% 0%, rgba(11, 52, 85, 0.07), transparent 34%),\r\n        radial-gradient(circle at 90% 10%, rgba(223, 16, 16, 0.045), transparent 28%);\r\n    }\r\n\r\n    .prx-contact-quick-v1 a,\r\n    .prx-contact-quick-v1 button {\r\n      font: inherit;\r\n    }\r\n\r\n    .prx-contact-quick-v1 a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .prx-contact-quick-v1 button {\r\n      border: 0;\r\n    }\r\n\r\n    .prx-contact-quick-v1__inner {\r\n      width: min(100%, 1180px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .prx-contact-quick-v1__head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .prx-contact-quick-v1__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      color: var(--prx-navy);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-quick-v1__label::before {\r\n      content: \"\";\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 4px;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-quick-v1__note {\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      font-weight: 750;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .prx-contact-quick-v1__grid {\r\n      display: grid;\r\n      grid-template-columns: 1.05fr 1.15fr 1.35fr;\r\n      gap: 12px;\r\n    }\r\n\r\n    .prx-contact-quick-v1__card {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      display: grid;\r\n      grid-template-columns: 46px 1fr auto;\r\n      gap: 14px;\r\n      align-items: center;\r\n      min-height: 96px;\r\n      padding: 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 18px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.82));\r\n      box-shadow:\r\n        0 16px 42px rgba(7, 27, 51, 0.075),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.9);\r\n      transition:\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease,\r\n        border-color 0.22s ease;\r\n    }\r\n\r\n    .prx-contact-quick-v1__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 4px;\r\n      height: 100%;\r\n      background: var(--prx-red);\r\n      opacity: 0;\r\n      transition: opacity 0.22s ease;\r\n    }\r\n\r\n    .prx-contact-quick-v1__card:hover {\r\n      transform: translateY(-2px);\r\n      border-color: #c5d3dc;\r\n      box-shadow:\r\n        0 22px 52px rgba(7, 27, 51, 0.11),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    .prx-contact-quick-v1__card:hover::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .prx-contact-quick-v1__icon {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 14px;\r\n      color: var(--prx-blue);\r\n      background: #edf4f8;\r\n      border: 1px solid #d8e5ed;\r\n    }\r\n\r\n    .prx-contact-quick-v1__icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .prx-contact-quick-v1__copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-quick-v1__kicker {\r\n      display: block;\r\n      margin-bottom: 4px;\r\n      color: var(--prx-muted);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-quick-v1__value {\r\n      display: block;\r\n      overflow: hidden;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(15px, 1.35vw, 18px);\r\n      font-weight: 900;\r\n      line-height: 1.25;\r\n      letter-spacing: -0.02em;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-quick-v1__value--address {\r\n      white-space: normal;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n    }\r\n\r\n    .prx-contact-quick-v1__hint {\r\n      display: block;\r\n      margin-top: 4px;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .prx-contact-quick-v1__main-action:hover .prx-contact-quick-v1__value {\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-quick-v1__copy-btn {\r\n      position: relative;\r\n      z-index: 3;\r\n      min-height: 38px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 9px 12px;\r\n      border-radius: 11px;\r\n      color: var(--prx-navy);\r\n      background: var(--prx-soft);\r\n      border: 1px solid var(--prx-border);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      cursor: pointer;\r\n      white-space: nowrap;\r\n      transition:\r\n        background 0.2s ease,\r\n        color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-quick-v1__copy-btn:hover {\r\n      transform: translateY(-1px);\r\n      color: #ffffff;\r\n      border-color: var(--prx-red);\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-quick-v1__copy-btn.is-copied {\r\n      color: #ffffff;\r\n      border-color: var(--prx-green);\r\n      background: var(--prx-green);\r\n    }\r\n\r\n    .prx-contact-quick-v1__footer {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      margin-top: 14px;\r\n      padding: 12px 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 14px;\r\n      background: rgba(255, 255, 255, 0.68);\r\n    }\r\n\r\n    .prx-contact-quick-v1__footer-text {\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .prx-contact-quick-v1__footer-text strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-quick-v1__form-link,\r\n    .prx-contact-quick-v1__form-link:visited,\r\n    .prx-contact-quick-v1__form-link:hover,\r\n    .prx-contact-quick-v1__form-link:focus,\r\n    .prx-contact-quick-v1__form-link:active {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 38px;\r\n      padding: 9px 14px;\r\n      border-radius: 11px;\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n      box-shadow: 0 12px 26px rgba(185, 0, 0, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-quick-v1__form-link:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 15px 32px rgba(185, 0, 0, 0.25);\r\n    }\r\n\r\n    .prx-contact-quick-v1__toast {\r\n      position: fixed;\r\n      left: 50%;\r\n      bottom: 22px;\r\n      z-index: 9999;\r\n      display: none;\r\n      max-width: calc(100vw - 32px);\r\n      padding: 12px 15px;\r\n      border-radius: 12px;\r\n      color: #ffffff;\r\n      background: var(--prx-navy);\r\n      box-shadow: 0 18px 45px rgba(7, 27, 51, 0.28);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .prx-contact-quick-v1__toast.is-visible {\r\n      display: block;\r\n      animation: prx-contact-quick-toast 0.25s ease both;\r\n    }\r\n\r\n    .prx-contact-quick-v1__live {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @keyframes prx-contact-quick-toast {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateX(-50%) translateY(8px);\r\n      }\r\n\r\n      to {\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .prx-contact-quick-v1__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-quick-v1__card {\r\n        min-height: 88px;\r\n      }\r\n\r\n      .prx-contact-quick-v1__value {\r\n        white-space: normal;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n      .prx-contact-quick-v1 {\r\n        padding: 20px 16px;\r\n      }\r\n\r\n      .prx-contact-quick-v1__head {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 7px;\r\n      }\r\n\r\n      .prx-contact-quick-v1__card {\r\n        grid-template-columns: 42px 1fr;\r\n        gap: 12px;\r\n        padding: 15px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-contact-quick-v1__icon {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 13px;\r\n      }\r\n\r\n      .prx-contact-quick-v1__copy-btn {\r\n        grid-column: 1 \/ -1;\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-contact-quick-v1__footer {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .prx-contact-quick-v1__form-link {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-contact-quick-v1 *,\r\n      .prx-contact-quick-v1 *::before,\r\n      .prx-contact-quick-v1 *::after {\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-contact-quick-v1__inner\">\r\n\r\n    <div class=\"prx-contact-quick-v1__head\">\r\n      <h2 class=\"prx-contact-quick-v1__label\" id=\"prx-contact-quick-title\">\r\n        Szybki kontakt\r\n      <\/h2>\r\n\r\n      <div class=\"prx-contact-quick-v1__note\">\r\n        Wybierz najwygodniejsz\u0105 form\u0119 kontaktu albo przejd\u017a do formularza technicznego.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-quick-v1__grid\">\r\n\r\n      <!-- TELEFON -->\r\n      <div class=\"prx-contact-quick-v1__card\">\r\n        <a\r\n          class=\"prx-contact-quick-v1__main-action\"\r\n          href=\"tel:+48533495906\"\r\n          aria-label=\"Zadzwo\u0144 do PROEXPORT pod numer +48 533 495 906\"\r\n        >\r\n          <span class=\"prx-contact-quick-v1__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M7 4h3l1.5 4-2 1.4a14 14 0 0 0 5.1 5.1l1.4-2 4 1.5v3c0 1.1-.9 2-2 2C10.8 19 5 13.2 5 6c0-1.1.9-2 2-2Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-contact-quick-v1__copy prx-contact-quick-v1__main-action\"\r\n          href=\"tel:+48533495906\"\r\n          aria-label=\"Zadzwo\u0144 do PROEXPORT\"\r\n        >\r\n          <span class=\"prx-contact-quick-v1__kicker\">Telefon<\/span>\r\n          <span class=\"prx-contact-quick-v1__value\">+48 533 495 906<\/span>\r\n          <span class=\"prx-contact-quick-v1__hint\">Kliknij, aby rozpocz\u0105\u0107 po\u0142\u0105czenie<\/span>\r\n        <\/a>\r\n\r\n        <button\r\n          class=\"prx-contact-quick-v1__copy-btn\"\r\n          type=\"button\"\r\n          data-copy-value=\"+48 533 495 906\"\r\n          data-copy-label=\"Numer telefonu skopiowany\"\r\n        >\r\n          Kopiuj\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- E-MAIL -->\r\n      <div class=\"prx-contact-quick-v1__card\">\r\n        <a\r\n          class=\"prx-contact-quick-v1__main-action\"\r\n          href=\"mailto:request@hardchromeplate.com\"\r\n          aria-label=\"Napisz wiadomo\u015b\u0107 e-mail do PROEXPORT\"\r\n        >\r\n          <span class=\"prx-contact-quick-v1__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M4 6h16v12H4V6Zm0 1 8 6 8-6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-contact-quick-v1__copy prx-contact-quick-v1__main-action\"\r\n          href=\"mailto:request@hardchromeplate.com\"\r\n          aria-label=\"Wy\u015blij wiadomo\u015b\u0107 e-mail do PROEXPORT\"\r\n        >\r\n          <span class=\"prx-contact-quick-v1__kicker\">E-mail<\/span>\r\n          <span class=\"prx-contact-quick-v1__value\">request@hardchromeplate.com<\/span>\r\n          <span class=\"prx-contact-quick-v1__hint\">Kliknij, aby otworzy\u0107 poczt\u0119<\/span>\r\n        <\/a>\r\n\r\n        <button\r\n          class=\"prx-contact-quick-v1__copy-btn\"\r\n          type=\"button\"\r\n          data-copy-value=\"request@hardchromeplate.com\"\r\n          data-copy-label=\"Adres e-mail skopiowany\"\r\n        >\r\n          Kopiuj\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- ADRES -->\r\n      <div class=\"prx-contact-quick-v1__card\">\r\n        <a class=\"prx-contact-quick-v1__main-action\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=ul.%20Chr\u00f3\u015bcielewskiego%201A%2C%2005-300%20Mi\u0144sk%20Mazowiecki%2C%20Polska\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Otw\u00f3rz adres PROEXPORT w Google Maps\">\r\n          <span class=\"prx-contact-quick-v1__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M12 21s7-5.2 7-11a7 7 0 0 0-14 0c0 5.8 7 11 7 11Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"10\"\r\n                r=\"2.4\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              \/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a class=\"prx-contact-quick-v1__copy prx-contact-quick-v1__main-action\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=ul.%20Chr\u00f3\u015bcielewskiego%201A%2C%2005-300%20Mi\u0144sk%20Mazowiecki%2C%20Polska\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Otw\u00f3rz adres PROEXPORT w Google Maps\">\r\n          <span class=\"prx-contact-quick-v1__kicker\">Adres<\/span>\r\n          <span class=\"prx-contact-quick-v1__value prx-contact-quick-v1__value--address\">\r\n            ul. Chr\u00f3\u015bcielewskiego 1A, 05-300 Mi\u0144sk Mazowiecki\r\n          <\/span>\r\n          <span class=\"prx-contact-quick-v1__hint\">Kliknij, aby otworzy\u0107 Google Maps<\/span>\r\n        <\/a>\r\n\r\n        <button\r\n          class=\"prx-contact-quick-v1__copy-btn\"\r\n          type=\"button\"\r\n          data-copy-value=\"ul. Chr\u00f3\u015bcielewskiego 1A, 05-300 Mi\u0144sk Mazowiecki, Polska\"\r\n          data-copy-label=\"Adres skopiowany\"\r\n        >\r\n          Kopiuj\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-quick-v1__footer\">\r\n      <div class=\"prx-contact-quick-v1__footer-text\">\r\n        <strong>Masz rysunek, zdj\u0119cia albo opis problemu?<\/strong>\r\n        Przejd\u017a do formularza i do\u0142\u0105cz dane techniczne w wiadomo\u015bci.\r\n      <\/div>\r\n\r\n      <a class=\"prx-contact-quick-v1__form-link\" href=\"#prx-kontakt-formularz\" data-prx-quick-form>\r\n        Przejd\u017a do formularza\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-quick-v1__toast\" data-prx-toast role=\"status\" aria-live=\"polite\">\r\n      Skopiowano\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-quick-v1__live\" data-prx-live aria-live=\"polite\"><\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.querySelector(\".prx-contact-quick-v1\");\r\n\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const copyButtons = Array.from(root.querySelectorAll(\"[data-copy-value]\"));\r\n      const toast = root.querySelector(\"[data-prx-toast]\");\r\n      const live = root.querySelector(\"[data-prx-live]\");\r\n      const formLinks = Array.from(root.querySelectorAll(\"[data-prx-quick-form]\"));\r\n\r\n      const FORM_ANCHOR_ID = \"prx-kontakt-formularz\";\r\n      const ELEMENTOR_FORM_ID = \"655b4ce\";\r\n\r\n      let toastTimer = null;\r\n\r\n      function showToast(message) {\r\n        if (live) {\r\n          live.textContent = message;\r\n        }\r\n\r\n        if (!toast) return;\r\n\r\n        toast.textContent = message;\r\n        toast.classList.add(\"is-visible\");\r\n\r\n        window.clearTimeout(toastTimer);\r\n\r\n        toastTimer = window.setTimeout(() => {\r\n          toast.classList.remove(\"is-visible\");\r\n        }, 1900);\r\n      }\r\n\r\n      async function copyText(value, label, button) {\r\n        try {\r\n          if (navigator.clipboard && window.isSecureContext) {\r\n            await navigator.clipboard.writeText(value);\r\n          } else {\r\n            const textarea = document.createElement(\"textarea\");\r\n            textarea.value = value;\r\n            textarea.setAttribute(\"readonly\", \"\");\r\n            textarea.style.position = \"fixed\";\r\n            textarea.style.left = \"-9999px\";\r\n            document.body.appendChild(textarea);\r\n            textarea.select();\r\n            document.execCommand(\"copy\");\r\n            textarea.remove();\r\n          }\r\n\r\n          showToast(label || \"Skopiowano\");\r\n\r\n          if (button) {\r\n            const original = button.textContent;\r\n            button.textContent = \"Skopiowano\";\r\n            button.classList.add(\"is-copied\");\r\n\r\n            window.setTimeout(() => {\r\n              button.textContent = original;\r\n              button.classList.remove(\"is-copied\");\r\n            }, 1500);\r\n          }\r\n        } catch (error) {\r\n          showToast(\"Nie uda\u0142o si\u0119 skopiowa\u0107. Skopiuj r\u0119cznie.\");\r\n        }\r\n      }\r\n\r\n      copyButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => {\r\n          copyText(\r\n            button.dataset.copyValue || \"\",\r\n            button.dataset.copyLabel || \"Skopiowano\",\r\n            button\r\n          );\r\n        });\r\n      });\r\n\r\n      function findContactForm() {\r\n        const exactFormId = document.querySelector(\r\n          `form.elementor-form input[name=\"form_id\"][value=\"${ELEMENTOR_FORM_ID}\"]`\r\n        );\r\n\r\n        if (exactFormId) {\r\n          return exactFormId.closest(\"form.elementor-form\");\r\n        }\r\n\r\n        const exactMessage = document.querySelector(\r\n          '#form-field-message[name=\"form_fields[message]\"]'\r\n        );\r\n\r\n        if (exactMessage) {\r\n          return exactMessage.closest(\"form\");\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function ensureFormAnchor() {\r\n        const existing = document.getElementById(FORM_ANCHOR_ID);\r\n\r\n        if (existing) {\r\n          return existing;\r\n        }\r\n\r\n        const form = findContactForm();\r\n\r\n        if (!form) {\r\n          return null;\r\n        }\r\n\r\n        const widget =\r\n          form.closest(\".elementor-widget-form\") ||\r\n          form.closest(\".elementor-widget\") ||\r\n          form;\r\n\r\n        widget.id = FORM_ANCHOR_ID;\r\n\r\n        return widget;\r\n      }\r\n\r\n      function scrollToForm(event) {\r\n        event.preventDefault();\r\n\r\n        const target = ensureFormAnchor();\r\n\r\n        if (!target) {\r\n          showToast(\"Formularz jest jeszcze \u0142adowany.\");\r\n          return;\r\n        }\r\n\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n        const messageField =\r\n          document.querySelector('#form-field-message[name=\"form_fields[message]\"]') ||\r\n          document.querySelector(\"#form-field-message\");\r\n\r\n        const emailField =\r\n          document.querySelector(\"#form-field-email\") ||\r\n          document.querySelector('input[name=\"form_fields[email]\"]');\r\n\r\n        const field = messageField || emailField;\r\n\r\n        if (field) {\r\n          window.setTimeout(() => {\r\n            try {\r\n              field.focus({ preventScroll: true });\r\n            } catch (error) {\r\n              field.focus();\r\n            }\r\n          }, 500);\r\n        }\r\n      }\r\n\r\n      formLinks.forEach((link) => {\r\n        link.addEventListener(\"click\", scrollToForm);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3e7af6d e-flex e-con-boxed e-con e-parent\" data-id=\"3e7af6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4a46292 e-con-full e-flex e-con e-child\" data-id=\"4a46292\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f54564 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4f54564\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Grupa PROEXPORT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d84623 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6d84623\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Formularz kontaktowy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69dbdd0 animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"69dbdd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Prze\u015blij swoje zapytanie w fomularzu, a my odpowiemy najszybciej jak to mo\u017cliwe<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-655b4ce elementor-button-align-start animated-fast elementor-invisible elementor-widget elementor-widget-form\" data-id=\"655b4ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:300,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2129\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"655b4ce\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Kontakt - Pro Export\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2129\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-66 elementor-md-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_239ff5e elementor-col-33 elementor-md-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_239ff5e\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNIP\/VATid\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_239ff5e]\" id=\"form-field-field_239ff5e\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tWiadomo\u015b\u0107\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Napisz swoj\u0105 wiadomo\u015b\u0107 \" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_acd9caf elementor-col-100\">\n\t\t\t\t\tZapozna\u0142am\/em si\u0119 z <a href=\"https:\/\/hardchromeplate.com\/polityka-prywatnosci\/\" target=\"_blank\" rel=\"noopener noreferrer\">polityk\u0105 prywatno\u015bci<\/a>.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm elementor-animation-grow\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6541bc2 e-con-full e-flex e-con e-child\" data-id=\"6541bc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c700a66 animated-fast elementor-invisible elementor-widget elementor-widget-google_maps\" data-id=\"c700a66\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=PROEXPORT&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"PROEXPORT\"\n\t\t\t\t\taria-label=\"PROEXPORT\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed8e12e e-con e-atomic-element e-flexbox-base e-3ddecab \" data-id=\"ed8e12e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ed8e12e\">\n    \t\t<div class=\"elementor-element elementor-element-1f53658 elementor-widget elementor-widget-html\" data-id=\"1f53658\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 AUTOMATYCZNE PRZENOSZENIE BRIEFU DO KONTAKTU\r\n     Wklej ca\u0142o\u015b\u0107 do wid\u017cetu HTML na stronie \/kontakt\/.\r\n\r\n     Skrypt:\r\n     1. odczytuje brief zapisany w kreatorze,\r\n     2. znajduje pole wiadomo\u015bci w formularzu,\r\n     3. automatycznie wstawia tre\u015b\u0107,\r\n     4. pokazuje klientowi potwierdzenie.\r\n========================================================= -->\r\n\r\n<style>\r\n  #prx-brief-transfer-notice {\r\n    display: none;\r\n    width: 100%;\r\n    margin: 0 0 22px;\r\n    padding: 17px 19px;\r\n    border: 1px solid rgba(24, 131, 95, 0.24);\r\n    border-radius: 12px;\r\n    background: #f2fbf7;\r\n    color: #071b33;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    box-shadow: 0 10px 26px rgba(7, 27, 51, 0.07);\r\n  }\r\n\r\n  #prx-brief-transfer-notice.is-visible {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n  }\r\n\r\n  #prx-brief-transfer-notice__icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    flex: 0 0 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: #18835f;\r\n    color: #ffffff;\r\n    font-weight: 900;\r\n  }\r\n\r\n  #prx-brief-transfer-notice strong {\r\n    display: block;\r\n    margin-bottom: 2px;\r\n    color: #071b33;\r\n    font-weight: 900;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"prx-brief-transfer-notice\" role=\"status\" aria-live=\"polite\">\r\n  <span id=\"prx-brief-transfer-notice__icon\" aria-hidden=\"true\">\u2713<\/span>\r\n  <span>\r\n    <strong>Tw\u00f3j brief zosta\u0142 przeniesiony.<\/strong>\r\n    Dane z kreatora s\u0105 ju\u017c wpisane w polu wiadomo\u015bci. Mo\u017cesz teraz doda\u0107 dane kontaktowe i za\u0142\u0105czniki.\r\n  <\/span>\r\n<\/div>\r\n\r\n<script>\r\n  (() => {\r\n    const BRIEF_STORAGE_KEY = \"prx_quote_brief_v1\";\r\n    const BRIEF_PENDING_KEY = \"prx_quote_brief_pending_v1\";\r\n    const MAX_AGE_MS = 24 * 60 * 60 * 1000;\r\n    const url = new URL(window.location.href);\r\n    const cameFromWizard = url.searchParams.get(\"brief\") === \"kolo-zebate\";\r\n\r\n    function readStoredPayload() {\r\n      const candidates = [];\r\n\r\n      try {\r\n        candidates.push(window.sessionStorage.getItem(BRIEF_STORAGE_KEY));\r\n      } catch (error) {}\r\n\r\n      try {\r\n        candidates.push(window.localStorage.getItem(BRIEF_STORAGE_KEY));\r\n      } catch (error) {}\r\n\r\n      for (const candidate of candidates) {\r\n        if (!candidate) continue;\r\n\r\n        try {\r\n          const payload = JSON.parse(candidate);\r\n          const isCorrectType = payload && payload.type === \"kolo-zebate\";\r\n          const hasText = typeof payload?.text === \"string\" && payload.text.trim().length > 0;\r\n          const isFresh = Number.isFinite(payload?.createdAt) && Date.now() - payload.createdAt <= MAX_AGE_MS;\r\n\r\n          if (isCorrectType && hasText && isFresh) return payload;\r\n        } catch (error) {\r\n          \/* Pomijamy uszkodzony lub stary zapis. *\/\r\n        }\r\n      }\r\n\r\n      return null;\r\n    }\r\n\r\n    function isVisible(element) {\r\n      if (!element) return false;\r\n      const style = window.getComputedStyle(element);\r\n      return style.display !== \"none\" &&\r\n        style.visibility !== \"hidden\" &&\r\n        element.getClientRects().length > 0;\r\n    }\r\n\r\n    function scoreTextarea(textarea) {\r\n      const name = (textarea.getAttribute(\"name\") || \"\").toLowerCase();\r\n      const id = (textarea.id || \"\").toLowerCase();\r\n      const placeholder = (textarea.getAttribute(\"placeholder\") || \"\").toLowerCase();\r\n      const aria = (textarea.getAttribute(\"aria-label\") || \"\").toLowerCase();\r\n      const combined = `${name} ${id} ${placeholder} ${aria}`;\r\n      let score = textarea.clientWidth * textarea.clientHeight;\r\n\r\n      if (textarea.hasAttribute(\"data-prx-brief-target\")) score += 1000000;\r\n      if (\/message|wiadom|zapytan|opis|tresc|tre\u015b\u0107\/.test(combined)) score += 500000;\r\n      if (textarea.closest(\".elementor-form, .wpcf7-form, form\")) score += 100000;\r\n\r\n      return score;\r\n    }\r\n\r\n    function findMessageField() {\r\n      const fields = Array.from(document.querySelectorAll(\"textarea\"))\r\n        .filter((field) => !field.disabled && !field.readOnly && isVisible(field));\r\n\r\n      fields.sort((a, b) => scoreTextarea(b) - scoreTextarea(a));\r\n      return fields[0] || null;\r\n    }\r\n\r\n    function setNativeValue(field, value) {\r\n      const descriptor = Object.getOwnPropertyDescriptor(\r\n        window.HTMLTextAreaElement.prototype,\r\n        \"value\"\r\n      );\r\n\r\n      if (descriptor && descriptor.set) {\r\n        descriptor.set.call(field, value);\r\n      } else {\r\n        field.value = value;\r\n      }\r\n\r\n      field.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n      field.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    function fillOptionalSubject(payload) {\r\n      const subjectSelectors = [\r\n        \"input[data-prx-brief-subject]\",\r\n        'input[name=\"form_fields[subject]\"]',\r\n        'input[name*=\"subject\"]',\r\n        'input[id*=\"subject\"]',\r\n        'input[name*=\"temat\"]',\r\n        'input[id*=\"temat\"]'\r\n      ];\r\n\r\n      const subjectField = document.querySelector(subjectSelectors.join(\",\"));\r\n      if (!subjectField || subjectField.value.trim()) return;\r\n\r\n      subjectField.value = payload.title || \"Zapytanie o wykonanie ko\u0142a z\u0119batego\";\r\n      subjectField.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n      subjectField.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    function showConfirmation(field) {\r\n      const notice = document.getElementById(\"prx-brief-transfer-notice\");\r\n      if (!notice) return;\r\n\r\n      const form = field.closest(\"form\");\r\n      if (form && notice.parentElement !== form.parentElement) {\r\n        form.parentElement.insertBefore(notice, form);\r\n      }\r\n\r\n      notice.classList.add(\"is-visible\");\r\n    }\r\n\r\n    function markAsImported() {\r\n      try {\r\n        window.sessionStorage.removeItem(BRIEF_PENDING_KEY);\r\n      } catch (error) {}\r\n    }\r\n\r\n    function cleanUrl() {\r\n      if (!cameFromWizard) return;\r\n      url.searchParams.delete(\"brief\");\r\n      const clean = `${url.pathname}${url.search}${url.hash}`;\r\n      window.history.replaceState({}, document.title, clean);\r\n    }\r\n\r\n    function importBrief() {\r\n      const payload = readStoredPayload();\r\n      if (!payload) return false;\r\n\r\n      let pending = false;\r\n      try {\r\n        pending = window.sessionStorage.getItem(BRIEF_PENDING_KEY) === \"1\";\r\n      } catch (error) {}\r\n\r\n      if (!cameFromWizard && !pending) return false;\r\n\r\n      const messageField = findMessageField();\r\n      if (!messageField) return false;\r\n\r\n      const currentValue = messageField.value.trim();\r\n      const briefAlreadyPresent = currentValue.includes(\"ZAPYTANIE O WYKONANIE KO\u0141A Z\u0118BATEGO\");\r\n\r\n      if (!briefAlreadyPresent) {\r\n        const nextValue = currentValue\r\n          ? `${currentValue}\\n\\n${payload.text}`\r\n          : payload.text;\r\n        setNativeValue(messageField, nextValue);\r\n      }\r\n\r\n      fillOptionalSubject(payload);\r\n      showConfirmation(messageField);\r\n      markAsImported();\r\n      cleanUrl();\r\n\r\n      window.setTimeout(() => {\r\n        messageField.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\r\n      }, 180);\r\n\r\n      return true;\r\n    }\r\n\r\n    let attempts = 0;\r\n    const maxAttempts = 20;\r\n\r\n    function tryImport() {\r\n      attempts += 1;\r\n      if (importBrief() || attempts >= maxAttempts) return;\r\n      window.setTimeout(tryImport, 300);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", tryImport, { once: true });\r\n    } else {\r\n      tryImport();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6699f8e e-con e-atomic-element e-flexbox-base e-6699f8e-6bf76b3 \" data-id=\"6699f8e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6699f8e\">\n    \t\t<div class=\"elementor-element elementor-element-43bd714 elementor-widget elementor-widget-html\" data-id=\"43bd714\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 KONTAKT \/ BLOK 2 \/ WYB\u00d3R \u015aCIE\u017bKI ZAPYTANIA\r\n     Sp\u00f3jne z now\u0105 jasn\u0105 szat\u0105 graficzn\u0105 strony Kontakt.\r\n\r\n     Funkcje:\r\n     - 4 interaktywne \u015bcie\u017cki zapytania,\r\n     - dopasowana lista danych po klikni\u0119ciu,\r\n     - zapis wyboru w sessionStorage: prx_contact_path_v1,\r\n     - pr\u00f3ba zaznaczenia rodzaju zapytania w formularzu,\r\n     - dolny dynamiczny pasek kontekstu,\r\n     - bez ci\u0119\u017ckich grafik, bez uk\u0142adu ryzykownego dla mobile.\r\n========================================================= -->\r\n\r\n<section class=\"prx-contact-route-v1\" id=\"sciezka-zapytania\" aria-labelledby=\"prx-contact-route-title\">\r\n  <style>\r\n    .prx-contact-route-v1,\r\n    .prx-contact-route-v1 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-contact-route-v1 {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #df1010;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #263b4d;\r\n      --prx-muted: #607487;\r\n      --prx-border: #dce5ec;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n      --prx-green: #18835f;\r\n      --prx-yellow: #f1b84b;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 82px 22px;\r\n      color: var(--prx-text);\r\n      font-family: \"Albert Sans\", Arial, sans-serif;\r\n      background:\r\n        linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-contact-route-v1::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 12% 14%, rgba(11, 52, 85, 0.06) 0%, rgba(11, 52, 85, 0) 31%),\r\n        radial-gradient(circle at 88% 10%, rgba(223, 16, 16, 0.04) 0%, rgba(223, 16, 16, 0) 30%);\r\n    }\r\n\r\n    .prx-contact-route-v1 a,\r\n    .prx-contact-route-v1 button {\r\n      font: inherit;\r\n    }\r\n\r\n    .prx-contact-route-v1 button {\r\n      border: 0;\r\n    }\r\n\r\n    .prx-contact-route-v1 a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .prx-contact-route-v1__inner {\r\n      width: min(100%, 1060px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .prx-contact-route-v1__panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(28px, 4.6vw, 54px);\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.86));\r\n      box-shadow:\r\n        0 26px 74px rgba(7, 27, 51, 0.08),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    .prx-contact-route-v1__panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-blue), var(--prx-red), var(--prx-navy));\r\n    }\r\n\r\n    .prx-contact-route-v1__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 17px;\r\n      color: var(--prx-blue);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-route-v1__label::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 2px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-route-v1 h2 {\r\n      max-width: 850px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(34px, 4.7vw, 58px);\r\n      line-height: 1.04;\r\n      font-weight: 900;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-route-v1__lead {\r\n      max-width: 780px;\r\n      margin: 22px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: clamp(16px, 1.3vw, 19px);\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-contact-route-v1__lead strong {\r\n      color: var(--prx-text);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-route-v1__cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 13px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .prx-contact-route-v1__card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-width: 0;\r\n      min-height: 196px;\r\n      padding: 22px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      color: var(--prx-text);\r\n      text-align: left;\r\n      cursor: pointer;\r\n      background:\r\n        linear-gradient(180deg, #ffffff, #f8fafc);\r\n      box-shadow:\r\n        0 14px 34px rgba(7, 27, 51, 0.055),\r\n        inset 0 1px 0 rgba(255,255,255,0.9);\r\n      transition:\r\n        transform 0.22s ease,\r\n        border-color 0.22s ease,\r\n        box-shadow 0.22s ease,\r\n        background 0.22s ease;\r\n    }\r\n\r\n    .prx-contact-route-v1__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 5px;\r\n      height: 100%;\r\n      background: var(--prx-red);\r\n      opacity: 0;\r\n      transition: opacity 0.22s ease;\r\n    }\r\n\r\n    .prx-contact-route-v1__card::after {\r\n      content: attr(data-route-index);\r\n      position: absolute;\r\n      right: 18px;\r\n      top: 16px;\r\n      color: rgba(7, 27, 51, 0.06);\r\n      font-size: 54px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n      letter-spacing: -0.08em;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-contact-route-v1__card:hover {\r\n      transform: translateY(-3px);\r\n      border-color: #c4d2dc;\r\n      box-shadow:\r\n        0 20px 48px rgba(7, 27, 51, 0.085),\r\n        inset 0 1px 0 rgba(255,255,255,0.9);\r\n    }\r\n\r\n    .prx-contact-route-v1__card:hover::before {\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .prx-contact-route-v1__card.is-active {\r\n      border-color: rgba(223, 16, 16, 0.35);\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);\r\n      box-shadow:\r\n        0 20px 54px rgba(185, 0, 0, 0.08),\r\n        inset 0 0 0 1px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-route-v1__card.is-active::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .prx-contact-route-v1__card-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin-bottom: 15px;\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-route-v1__card-kicker::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 3px;\r\n      background: var(--prx-red);\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .prx-contact-route-v1__card h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 420px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(21px, 2vw, 27px);\r\n      line-height: 1.12;\r\n      font-weight: 900;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    .prx-contact-route-v1__card p {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 510px;\r\n      margin: 14px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .prx-contact-route-v1__card.is-active .prx-contact-route-v1__card-kicker {\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-route-v1__result {\r\n      display: none;\r\n      margin-top: 18px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 22px;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow:\r\n        0 18px 44px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-contact-route-v1__result.is-visible {\r\n      display: block;\r\n      animation: prx-route-enter 0.32s ease both;\r\n    }\r\n\r\n    .prx-contact-route-v1__result-head {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 18px;\r\n      align-items: start;\r\n      padding: 24px 24px 18px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-route-v1__result-eyebrow {\r\n      display: block;\r\n      margin-bottom: 7px;\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-route-v1__result-title {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(22px, 2.2vw, 31px);\r\n      line-height: 1.12;\r\n      font-weight: 900;\r\n      letter-spacing: -0.036em;\r\n    }\r\n\r\n    .prx-contact-route-v1__result-desc {\r\n      max-width: 720px;\r\n      margin: 10px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .prx-contact-route-v1__pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 36px;\r\n      padding: 8px 12px;\r\n      border: 1px solid rgba(24, 131, 95, 0.22);\r\n      border-radius: 999px;\r\n      color: var(--prx-green);\r\n      background: #f1faf6;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-contact-route-v1__needed {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 9px;\r\n      padding: 18px 24px 24px;\r\n      margin: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .prx-contact-route-v1__needed li {\r\n      position: relative;\r\n      padding: 14px 16px 14px 44px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 14px;\r\n      background: rgba(255, 255, 255, 0.78);\r\n      color: var(--prx-text);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .prx-contact-route-v1__needed li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 17px;\r\n      top: 19px;\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 3px;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(223, 16, 16, 0.07);\r\n    }\r\n\r\n    .prx-contact-route-v1__actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      padding: 0 24px 24px;\r\n    }\r\n\r\n    .prx-contact-route-v1__button,\r\n    .prx-contact-route-v1__button:visited,\r\n    .prx-contact-route-v1__button:hover,\r\n    .prx-contact-route-v1__button:focus,\r\n    .prx-contact-route-v1__button:active {\r\n      min-height: 48px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 13px 18px;\r\n      border-radius: 12px;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-route-v1__button--primary,\r\n    .prx-contact-route-v1__button--primary:visited,\r\n    .prx-contact-route-v1__button--primary:hover,\r\n    .prx-contact-route-v1__button--primary:focus,\r\n    .prx-contact-route-v1__button--primary:active {\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      box-shadow: 0 13px 28px rgba(185, 0, 0, 0.18);\r\n    }\r\n\r\n    .prx-contact-route-v1__button--secondary,\r\n    .prx-contact-route-v1__button--secondary:visited,\r\n    .prx-contact-route-v1__button--secondary:hover,\r\n    .prx-contact-route-v1__button--secondary:focus,\r\n    .prx-contact-route-v1__button--secondary:active {\r\n      color: var(--prx-navy) !important;\r\n      border: 1px solid var(--prx-border);\r\n      background: #ffffff;\r\n    }\r\n\r\n    .prx-contact-route-v1__button:hover {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .prx-contact-route-v1__hint {\r\n      margin-top: 18px;\r\n      padding: 15px 18px;\r\n      border: 1px solid rgba(11, 52, 85, 0.12);\r\n      border-radius: 16px;\r\n      background: rgba(11, 52, 85, 0.045);\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-route-v1__hint strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* =====================================================\r\n       DYNAMICZNY PASEK KONTEKSTU\r\n    ===================================================== *\/\r\n\r\n    .prx-contact-context-bar {\r\n      position: fixed;\r\n      left: 50%;\r\n      bottom: 18px;\r\n      z-index: 9998;\r\n      width: min(calc(100vw - 32px), 960px);\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      padding: 12px 12px 12px 18px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 18px;\r\n      color: #ffffff;\r\n      background:\r\n        linear-gradient(135deg, rgba(7, 27, 51, 0.97), rgba(11, 52, 85, 0.97));\r\n      box-shadow:\r\n        0 22px 58px rgba(7, 27, 51, 0.34),\r\n        inset 0 1px 0 rgba(255,255,255,0.11);\r\n      transform: translateX(-50%);\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .prx-contact-context-bar.is-visible {\r\n      display: flex;\r\n      animation: prx-context-enter 0.25s ease both;\r\n    }\r\n\r\n    .prx-contact-context-bar__text {\r\n      min-width: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      color: #d9e8f0;\r\n      font-size: 13px;\r\n      font-weight: 750;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .prx-contact-context-bar__dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 8px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(223, 16, 16, 0.13);\r\n    }\r\n\r\n    .prx-contact-context-bar__text strong {\r\n      color: #ffffff;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-contact-context-bar__button,\r\n    .prx-contact-context-bar__button:visited,\r\n    .prx-contact-context-bar__button:hover,\r\n    .prx-contact-context-bar__button:focus,\r\n    .prx-contact-context-bar__button:active {\r\n      min-height: 42px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex: 0 0 auto;\r\n      padding: 11px 15px;\r\n      border-radius: 12px;\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      text-decoration: none;\r\n      box-shadow: 0 12px 26px rgba(185, 0, 0, 0.21);\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-context-bar__button:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 15px 32px rgba(185, 0, 0, 0.28);\r\n    }\r\n\r\n    .prx-contact-context-bar__close {\r\n      width: 34px;\r\n      height: 34px;\r\n      display: grid;\r\n      place-items: center;\r\n      flex: 0 0 34px;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 10px;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      cursor: pointer;\r\n      font-size: 18px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .prx-contact-route-v1__live {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @keyframes prx-route-enter {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(8px);\r\n      }\r\n\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n\r\n    @keyframes prx-context-enter {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateX(-50%) translateY(10px);\r\n      }\r\n\r\n      to {\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-contact-route-v1 {\r\n        padding: 62px 16px;\r\n      }\r\n\r\n      .prx-contact-route-v1__panel {\r\n        padding: 28px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .prx-contact-route-v1__cards {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-route-v1__card {\r\n        min-height: auto;\r\n        padding: 20px;\r\n      }\r\n\r\n      .prx-contact-route-v1__card::after {\r\n        font-size: 44px;\r\n      }\r\n\r\n      .prx-contact-route-v1__result-head {\r\n        grid-template-columns: 1fr;\r\n        padding: 21px 18px 16px;\r\n      }\r\n\r\n      .prx-contact-route-v1__needed {\r\n        padding: 16px 18px 20px;\r\n      }\r\n\r\n      .prx-contact-route-v1__actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        padding: 0 18px 20px;\r\n      }\r\n\r\n      .prx-contact-route-v1__button {\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-contact-context-bar {\r\n        bottom: 10px;\r\n        width: calc(100vw - 20px);\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        padding: 13px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-contact-context-bar__text {\r\n        align-items: flex-start;\r\n        font-size: 12px;\r\n      }\r\n\r\n      .prx-contact-context-bar__button {\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-contact-context-bar__close {\r\n        position: absolute;\r\n        right: 9px;\r\n        top: 9px;\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n\r\n      .prx-contact-context-bar__text {\r\n        padding-right: 38px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-contact-route-v1 *,\r\n      .prx-contact-route-v1 *::before,\r\n      .prx-contact-route-v1 *::after,\r\n      .prx-contact-context-bar,\r\n      .prx-contact-context-bar * {\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-contact-route-v1__inner\">\r\n    <div class=\"prx-contact-route-v1__panel\">\r\n\r\n      <div class=\"prx-contact-route-v1__label\">\r\n        \u015acie\u017cka zapytania\r\n      <\/div>\r\n\r\n      <h2 id=\"prx-contact-route-title\">\r\n        Z czym rozpoczynasz rozmow\u0119 techniczn\u0105?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-contact-route-v1__lead\">\r\n        Wybierz najbli\u017cszy wariant. Dzi\u0119ki temu formularz i lista danych\r\n        mog\u0105 zosta\u0107 dopasowane do tematu rozmowy:\r\n        <strong>nowego detalu, regeneracji, pow\u0142oki, obr\u00f3bki albo problemu na maszynie.<\/strong>\r\n      <\/p>\r\n\r\n      <div class=\"prx-contact-route-v1__cards\" role=\"list\" aria-label=\"Rodzaje zapyta\u0144 technicznych\">\r\n\r\n        <button\r\n          class=\"prx-contact-route-v1__card\"\r\n          type=\"button\"\r\n          data-route=\"new-detail\"\r\n          data-route-index=\"01\"\r\n          aria-pressed=\"false\"\r\n        >\r\n          <span class=\"prx-contact-route-v1__card-kicker\">Wariant 01<\/span>\r\n          <h3>Nowy detal<\/h3>\r\n          <p>\r\n            Produkcja na podstawie rysunku, modelu, specyfikacji\r\n            albo dostarczonego wzoru.\r\n          <\/p>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"prx-contact-route-v1__card\"\r\n          type=\"button\"\r\n          data-route=\"regeneration\"\r\n          data-route-index=\"02\"\r\n          aria-pressed=\"false\"\r\n        >\r\n          <span class=\"prx-contact-route-v1__card-kicker\">Wariant 02<\/span>\r\n          <h3>Regeneracja<\/h3>\r\n          <p>\r\n            Ocena powierzchni roboczej, cz\u0119\u015bci metalowej, czop\u00f3w,\r\n            geometrii i mo\u017cliwego zakresu odtworzenia.\r\n          <\/p>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"prx-contact-route-v1__card\"\r\n          type=\"button\"\r\n          data-route=\"coating-machining\"\r\n          data-route-index=\"03\"\r\n          aria-pressed=\"false\"\r\n        >\r\n          <span class=\"prx-contact-route-v1__card-kicker\">Wariant 03<\/span>\r\n          <h3>Pow\u0142oka lub obr\u00f3bka<\/h3>\r\n          <p>\r\n            Chrom techniczny, guma, poliuretan, ceramika, toczenie\r\n            lub frezowanie CNC \u2014 zale\u017cnie od detalu.\r\n          <\/p>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"prx-contact-route-v1__card\"\r\n          type=\"button\"\r\n          data-route=\"machine-problem\"\r\n          data-route-index=\"04\"\r\n          aria-pressed=\"false\"\r\n        >\r\n          <span class=\"prx-contact-route-v1__card-kicker\">Wariant 04<\/span>\r\n          <h3>Problem na maszynie<\/h3>\r\n          <p>\r\n            Zu\u017cycie, bicie, uszkodzenia pow\u0142oki, problem z prowadzeniem\r\n            materia\u0142u albo brak dost\u0119pnej cz\u0119\u015bci zamiennej.\r\n          <\/p>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-route-v1__result\" data-route-result aria-live=\"polite\">\r\n\r\n        <div class=\"prx-contact-route-v1__result-head\">\r\n          <div>\r\n            <span class=\"prx-contact-route-v1__result-eyebrow\">\r\n              Wybrana \u015bcie\u017cka\r\n            <\/span>\r\n\r\n            <strong class=\"prx-contact-route-v1__result-title\" data-result-title>\r\n              Wybierz wariant zapytania\r\n            <\/strong>\r\n\r\n            <p class=\"prx-contact-route-v1__result-desc\" data-result-desc>\r\n              Po wyborze poka\u017cemy dane, kt\u00f3re przyspieszaj\u0105 analiz\u0119.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"prx-contact-route-v1__pill\" data-result-pill>\r\n            Gotowe do formularza\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul class=\"prx-contact-route-v1__needed\" data-result-list><\/ul>\r\n\r\n        <div class=\"prx-contact-route-v1__actions\">\r\n          <a\r\n            class=\"prx-contact-route-v1__button prx-contact-route-v1__button--primary\"\r\n            href=\"#prx-kontakt-formularz\"\r\n            data-route-continue\r\n          >\r\n            Kontynuuj w formularzu\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"prx-contact-route-v1__button prx-contact-route-v1__button--secondary\"\r\n            href=\"#dane-do-wyceny\"\r\n          >\r\n            Zobacz dane do wyceny\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-route-v1__hint\">\r\n        <strong>Wyb\u00f3r nie ogranicza zapytania.<\/strong>\r\n        Je\u017celi temat obejmuje kilka obszar\u00f3w, opisz to w wiadomo\u015bci.\r\n        PROEXPORT mo\u017ce analizowa\u0107 ca\u0142y detal, a nie tylko pojedynczy element us\u0142ugi.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-route-v1__live\" data-route-live aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Dynamiczny pasek kontekstu zapytania -->\r\n  <div class=\"prx-contact-context-bar\" data-context-bar aria-live=\"polite\">\r\n    <div class=\"prx-contact-context-bar__text\">\r\n      <span class=\"prx-contact-context-bar__dot\" aria-hidden=\"true\"><\/span>\r\n      <span data-context-text>\r\n        Zapytanie techniczne PROEXPORT\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <a class=\"prx-contact-context-bar__button\" href=\"#prx-kontakt-formularz\" data-context-continue>\r\n      Kontynuuj formularz\r\n    <\/a>\r\n\r\n    <button class=\"prx-contact-context-bar__close\" type=\"button\" data-context-close aria-label=\"Ukryj pasek kontekstu\">\r\n      \u00d7\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.querySelector(\".prx-contact-route-v1\");\r\n\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const STORAGE_KEY = \"prx_contact_path_v1\";\r\n      const FORM_ANCHOR_ID = \"prx-kontakt-formularz\";\r\n      const ELEMENTOR_FORM_ID = \"655b4ce\";\r\n\r\n      const cards = Array.from(root.querySelectorAll(\"[data-route]\"));\r\n      const result = root.querySelector(\"[data-route-result]\");\r\n      const resultTitle = root.querySelector(\"[data-result-title]\");\r\n      const resultDesc = root.querySelector(\"[data-result-desc]\");\r\n      const resultPill = root.querySelector(\"[data-result-pill]\");\r\n      const resultList = root.querySelector(\"[data-result-list]\");\r\n      const live = root.querySelector(\"[data-route-live]\");\r\n      const continueButtons = Array.from(root.querySelectorAll(\"[data-route-continue]\"));\r\n\r\n      const contextBar = root.querySelector(\"[data-context-bar]\");\r\n      const contextText = root.querySelector(\"[data-context-text]\");\r\n      const contextClose = root.querySelector(\"[data-context-close]\");\r\n      const contextContinue = root.querySelector(\"[data-context-continue]\");\r\n\r\n      const routes = {\r\n        \"new-detail\": {\r\n          label: \"Nowy detal\",\r\n          formValue: \"Nowy detal\",\r\n          context: \"Zapytanie: nowy detal \u00b7 rysunek lub wz\u00f3r \u00b7 dane do produkcji\",\r\n          title: \"Nowy detal\",\r\n          desc: \"Najwa\u017cniejsze s\u0105 dane pozwalaj\u0105ce odtworzy\u0107 geometri\u0119, materia\u0142, funkcj\u0119 i wymagania wykonania.\",\r\n          pill: \"Produkcja \/ wykonanie\",\r\n          needed: [\r\n            \"Rysunek techniczny, model 3D, specyfikacja albo dostarczony wz\u00f3r.\",\r\n            \"Podstawowe wymiary: \u015brednica, d\u0142ugo\u015b\u0107, szeroko\u015b\u0107, otwory, czopy lub inne punkty monta\u017cowe.\",\r\n            \"Materia\u0142 detalu, wymagania powierzchni i tolerancje, je\u017celi s\u0105 znane.\",\r\n            \"Liczba sztuk oraz informacja, czy chodzi o wykonanie jednostkowe czy powtarzalne.\",\r\n            \"Opis zastosowania elementu w maszynie i warunk\u00f3w jego pracy.\"\r\n          ]\r\n        },\r\n\r\n        \"regeneration\": {\r\n          label: \"Regeneracja\",\r\n          formValue: \"Regeneracja\",\r\n          context: \"Zapytanie: regeneracja \u00b7 zdj\u0119cia zu\u017cycia \u00b7 ocena zakresu odtworzenia\",\r\n          title: \"Regeneracja zu\u017cytego elementu\",\r\n          desc: \"Przy regeneracji liczy si\u0119 stan powierzchni, cz\u0119\u015b\u0107 metalowa, czopy, geometria i objaw problemu w pracy maszyny.\",\r\n          pill: \"Ocena stanu detalu\",\r\n          needed: [\r\n            \"Zdj\u0119cia ca\u0142ego elementu oraz zbli\u017cenia zu\u017cycia, p\u0119kni\u0119\u0107, ubytk\u00f3w albo uszkodze\u0144 pow\u0142oki.\",\r\n            \"\u015arednica, d\u0142ugo\u015b\u0107, masa przybli\u017cona i informacje o miejscach pod \u0142o\u017cyska lub czopach.\",\r\n            \"Rodzaj obecnej pow\u0142oki, je\u017celi jest znany.\",\r\n            \"Opis objawu: bicie, zu\u017cycie, nier\u00f3wna powierzchnia, utrata funkcji, problem z prowadzeniem materia\u0142u.\",\r\n            \"Informacja, czy detal mo\u017ce zosta\u0107 wys\u0142any do oceny albo pomiaru.\"\r\n          ]\r\n        },\r\n\r\n        \"coating-machining\": {\r\n          label: \"Pow\u0142oka lub obr\u00f3bka\",\r\n          formValue: \"Pow\u0142oka lub obr\u00f3bka\",\r\n          context: \"Zapytanie: pow\u0142oka lub obr\u00f3bka \u00b7 funkcja powierzchni \u00b7 warunki pracy\",\r\n          title: \"Pow\u0142oka, obr\u00f3bka lub dob\u00f3r technologii\",\r\n          desc: \"W tym wariancie kluczowa jest funkcja powierzchni oraz to, co detal ma robi\u0107 w maszynie.\",\r\n          pill: \"Dob\u00f3r technologii\",\r\n          needed: [\r\n            \"Informacja, czy chodzi o chrom techniczny, gum\u0119, poliuretan, ceramik\u0119, toczenie lub frezowanie CNC.\",\r\n            \"Opis funkcji powierzchni: prowadzenie materia\u0142u, docisk, transport, odporno\u015b\u0107 na zu\u017cycie lub wsp\u00f3\u0142praca z innym elementem.\",\r\n            \"Podstawowe wymiary i materia\u0142 cz\u0119\u015bci bazowej.\",\r\n            \"Warunki pracy: temperatura, kontakt z medium, obci\u0105\u017cenie, pr\u0119dko\u015b\u0107, rodzaj materia\u0142u prowadzonego przez detal.\",\r\n            \"Oczekiwany efekt po wykonaniu: geometria, powierzchnia, pow\u0142oka, odtworzenie funkcji lub przygotowanie do monta\u017cu.\"\r\n          ]\r\n        },\r\n\r\n        \"machine-problem\": {\r\n          label: \"Problem na maszynie\",\r\n          formValue: \"Problem na maszynie\",\r\n          context: \"Zapytanie: problem na maszynie \u00b7 objaw pracy \u00b7 potrzebna diagnoza techniczna\",\r\n          title: \"Problem wyst\u0119puj\u0105cy podczas pracy maszyny\",\r\n          desc: \"Gdy nie wiadomo jeszcze, jaka us\u0142uga b\u0119dzie w\u0142a\u015bciwa, najlepiej zacz\u0105\u0107 od objawu i roli elementu w procesie.\",\r\n          pill: \"Diagnoza kierunku\",\r\n          needed: [\r\n            \"Opis problemu: zu\u017cycie, bicie, nier\u00f3wna powierzchnia, uszkodzona pow\u0142oka, problem z prowadzeniem materia\u0142u.\",\r\n            \"Zdj\u0119cia detalu oraz miejsca, w kt\u00f3rym pracuje w maszynie, je\u017celi mo\u017cna je wykona\u0107.\",\r\n            \"Informacja, jak\u0105 funkcj\u0119 pe\u0142ni element i z jakim materia\u0142em pracuje.\",\r\n            \"Dane o wymiarach mo\u017cliwych do zmierzenia bez demonta\u017cu.\",\r\n            \"Informacja, czy istnieje dokumentacja, stary wz\u00f3r, cz\u0119\u015b\u0107 zamienna albo historia wcze\u015bniejszych napraw.\"\r\n          ]\r\n        }\r\n      };\r\n\r\n      function announce(message) {\r\n        if (live) {\r\n          live.textContent = message;\r\n        }\r\n      }\r\n\r\n      function saveRoute(routeKey) {\r\n        const data = routes[routeKey];\r\n\r\n        if (!data) return;\r\n\r\n        try {\r\n          window.sessionStorage.setItem(\r\n            STORAGE_KEY,\r\n            JSON.stringify({\r\n              version: 1,\r\n              route: routeKey,\r\n              label: data.label,\r\n              formValue: data.formValue,\r\n              context: data.context,\r\n              createdAt: Date.now()\r\n            })\r\n          );\r\n        } catch (error) {}\r\n      }\r\n\r\n      function readSavedRoute() {\r\n        try {\r\n          const raw = window.sessionStorage.getItem(STORAGE_KEY);\r\n          if (!raw) return null;\r\n\r\n          const parsed = JSON.parse(raw);\r\n          return routes[parsed.route] ? parsed.route : null;\r\n        } catch (error) {\r\n          return null;\r\n        }\r\n      }\r\n\r\n      function buildList(items) {\r\n        if (!resultList) return;\r\n\r\n        resultList.innerHTML = \"\";\r\n\r\n        items.forEach((item) => {\r\n          const li = document.createElement(\"li\");\r\n          li.textContent = item;\r\n          resultList.appendChild(li);\r\n        });\r\n      }\r\n\r\n      function findContactForm() {\r\n        const exactFormId = document.querySelector(\r\n          `form.elementor-form input[name=\"form_id\"][value=\"${ELEMENTOR_FORM_ID}\"]`\r\n        );\r\n\r\n        if (exactFormId) {\r\n          return exactFormId.closest(\"form.elementor-form\");\r\n        }\r\n\r\n        const messageField = document.querySelector(\r\n          '#form-field-message[name=\"form_fields[message]\"]'\r\n        );\r\n\r\n        if (messageField) {\r\n          return messageField.closest(\"form\");\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function ensureFormAnchor() {\r\n        const existing = document.getElementById(FORM_ANCHOR_ID);\r\n        if (existing) return existing;\r\n\r\n        const form = findContactForm();\r\n        if (!form) return null;\r\n\r\n        const widget =\r\n          form.closest(\".elementor-widget-form\") ||\r\n          form.closest(\".elementor-widget\") ||\r\n          form;\r\n\r\n        widget.id = FORM_ANCHOR_ID;\r\n\r\n        return widget;\r\n      }\r\n\r\n      function setFormRouteValue(routeKey) {\r\n        const data = routes[routeKey];\r\n        const form = findContactForm();\r\n\r\n        if (!data || !form) return;\r\n\r\n        const possibleFields = Array.from(\r\n          form.querySelectorAll(\r\n            [\r\n              \"[data-prx-route-field]\",\r\n              \"[data-prx-contact-route-field]\",\r\n              \"select\",\r\n              \"input[type='radio']\",\r\n              \"input[type='hidden']\"\r\n            ].join(\",\")\r\n          )\r\n        );\r\n\r\n        const normalizedValue = data.formValue.toLowerCase();\r\n\r\n        possibleFields.forEach((field) => {\r\n          const name = (field.getAttribute(\"name\") || \"\").toLowerCase();\r\n          const id = (field.getAttribute(\"id\") || \"\").toLowerCase();\r\n          const value = (field.getAttribute(\"value\") || \"\").toLowerCase();\r\n\r\n          const looksLikeRouteField =\r\n            field.hasAttribute(\"data-prx-route-field\") ||\r\n            field.hasAttribute(\"data-prx-contact-route-field\") ||\r\n            name.includes(\"rodzaj\") ||\r\n            name.includes(\"typ\") ||\r\n            name.includes(\"kategoria\") ||\r\n            name.includes(\"category\") ||\r\n            id.includes(\"rodzaj\") ||\r\n            id.includes(\"typ\") ||\r\n            id.includes(\"kategoria\") ||\r\n            id.includes(\"category\");\r\n\r\n          if (!looksLikeRouteField) return;\r\n\r\n          if (field.tagName === \"SELECT\") {\r\n            const option = Array.from(field.options).find((opt) => {\r\n              const optionText = (opt.textContent || \"\").toLowerCase();\r\n              const optionValue = (opt.value || \"\").toLowerCase();\r\n\r\n              return (\r\n                optionText.includes(normalizedValue) ||\r\n                optionValue.includes(normalizedValue) ||\r\n                normalizedValue.includes(optionText) ||\r\n                normalizedValue.includes(optionValue)\r\n              );\r\n            });\r\n\r\n            if (option) {\r\n              field.value = option.value;\r\n              field.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n            }\r\n          }\r\n\r\n          if (field.type === \"radio\") {\r\n            if (\r\n              value.includes(normalizedValue) ||\r\n              normalizedValue.includes(value)\r\n            ) {\r\n              field.checked = true;\r\n              field.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n            }\r\n          }\r\n\r\n          if (field.type === \"hidden\") {\r\n            field.value = data.formValue;\r\n            field.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n          }\r\n        });\r\n      }\r\n\r\n      function showContextBar(routeKey) {\r\n        const data = routes[routeKey];\r\n\r\n        if (!data || !contextBar || !contextText) return;\r\n\r\n        contextText.innerHTML = `<strong>${data.context.split(\"\u00b7\")[0].trim()}<\/strong> \u00b7 ${data.context.split(\"\u00b7\").slice(1).join(\"\u00b7\").trim()}`;\r\n        contextBar.classList.add(\"is-visible\");\r\n      }\r\n\r\n      function hideContextBar() {\r\n        if (contextBar) {\r\n          contextBar.classList.remove(\"is-visible\");\r\n        }\r\n      }\r\n\r\n      function activateRoute(routeKey, shouldSave = true) {\r\n        const data = routes[routeKey];\r\n\r\n        if (!data) return;\r\n\r\n        cards.forEach((card) => {\r\n          const isActive = card.dataset.route === routeKey;\r\n          card.classList.toggle(\"is-active\", isActive);\r\n          card.setAttribute(\"aria-pressed\", String(isActive));\r\n        });\r\n\r\n        if (result) {\r\n          result.classList.add(\"is-visible\");\r\n        }\r\n\r\n        if (resultTitle) resultTitle.textContent = data.title;\r\n        if (resultDesc) resultDesc.textContent = data.desc;\r\n        if (resultPill) resultPill.textContent = data.pill;\r\n\r\n        buildList(data.needed);\r\n        showContextBar(routeKey);\r\n        setFormRouteValue(routeKey);\r\n\r\n        if (shouldSave) {\r\n          saveRoute(routeKey);\r\n        }\r\n\r\n        root.dispatchEvent(\r\n          new CustomEvent(\"prx:contact-route-change\", {\r\n            bubbles: true,\r\n            detail: {\r\n              route: routeKey,\r\n              ...data\r\n            }\r\n          })\r\n        );\r\n\r\n        announce(`Wybrano \u015bcie\u017ck\u0119 zapytania: ${data.label}.`);\r\n      }\r\n\r\n      function scrollToForm(event) {\r\n        if (event) event.preventDefault();\r\n\r\n        const target = ensureFormAnchor();\r\n\r\n        if (!target) {\r\n          announce(\"Formularz jest jeszcze \u0142adowany.\");\r\n          return;\r\n        }\r\n\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n        const form = findContactForm();\r\n\r\n        if (form) {\r\n          const field =\r\n            form.querySelector(\"#form-field-message\") ||\r\n            form.querySelector(\"#form-field-email\") ||\r\n            form.querySelector(\"input, textarea, select\");\r\n\r\n          if (field) {\r\n            window.setTimeout(() => {\r\n              try {\r\n                field.focus({ preventScroll: true });\r\n              } catch (error) {\r\n                field.focus();\r\n              }\r\n            }, 450);\r\n          }\r\n        }\r\n      }\r\n\r\n      cards.forEach((card) => {\r\n        card.addEventListener(\"click\", () => {\r\n          activateRoute(card.dataset.route, true);\r\n        });\r\n      });\r\n\r\n      continueButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", scrollToForm);\r\n      });\r\n\r\n      if (contextContinue) {\r\n        contextContinue.addEventListener(\"click\", scrollToForm);\r\n      }\r\n\r\n      if (contextClose) {\r\n        contextClose.addEventListener(\"click\", hideContextBar);\r\n      }\r\n\r\n      const savedRoute = readSavedRoute();\r\n\r\n      if (savedRoute) {\r\n        activateRoute(savedRoute, false);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a74888 e-flex e-con-boxed e-con e-parent\" data-id=\"9a74888\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ee5901b e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"ee5901b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc92da4 elementor-position-right elementor-position-right elementor-vertical-align-middle elementor-position-right elementor-widget elementor-widget-image-box\" data-id=\"cc92da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"mailto:request@hardchromeplate.com\" tabindex=\"-1\"><img decoding=\"async\" width=\"41\" height=\"34\" src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/09\/Vector.png\" class=\"attachment-full size-full wp-image-2660\" alt=\"Proexport kontakt\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"mailto:request@hardchromeplate.com\">request@hardchromeplate.com<\/a><\/h4><p class=\"elementor-image-box-description\">Najszybszy spos\u00f3b na uzyskanie wyceny. <\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3cee50 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"f3cee50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0348718 elementor-position-right elementor-vertical-align-middle elementor-position-right elementor-widget elementor-widget-image-box\" data-id=\"0348718\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"tel:+48533495906\" tabindex=\"-1\"><img decoding=\"async\" width=\"37\" height=\"38\" src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/09\/Vector-1.png\" class=\"attachment-full size-full wp-image-2661\" alt=\"Proexport kontakt\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"tel:+48533495906\">+48 533495906<\/a><\/h4><p class=\"elementor-image-box-description\">Telefon<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4affbea e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"4affbea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4bca1 elementor-position-right elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"ad4bca1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"34\" height=\"41\" src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/09\/Vector-2.png\" class=\"attachment-full size-full wp-image-2675\" alt=\"Proexport kontakt\" \/><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\">ul. Chr\u00f3\u015bcielewskiego 1A  05-300 Mi\u0144sk Mazowiecki, Polska<\/h4><p class=\"elementor-image-box-description\">Adres dla dostaw<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24db3be e-con e-atomic-element e-flexbox-base e-24db3be-973b5ac \" data-id=\"24db3be\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"24db3be\">\n    \t\t<div class=\"elementor-element elementor-element-9011e3e elementor-widget elementor-widget-html\" data-id=\"9011e3e\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 KONTAKT \/ BLOK 3 \/ MAPA KOMPETENCJI\r\n     Jasny, czytelny, stabilny uk\u0142ad bez ryzyka rozjazdu.\r\n\r\n     Funkcje:\r\n     - interaktywne kafle kompetencji,\r\n     - po klikni\u0119ciu zmienia si\u0119 opis i lista danych,\r\n     - zapis wyboru w sessionStorage: prx_contact_competence_v1,\r\n     - wysy\u0142a event: prx:contact-competence-change,\r\n     - wsp\u00f3\u0142pracuje z formularzem przez kotwic\u0119 #prx-kontakt-formularz,\r\n     - nie zawiera technologii, kt\u00f3rych PROEXPORT nie wykonuje.\r\n========================================================= -->\r\n\r\n<section class=\"prx-contact-map-v1\" id=\"mapa-kompetencji\" aria-labelledby=\"prx-contact-map-title\">\r\n  <style>\r\n    .prx-contact-map-v1,\r\n    .prx-contact-map-v1 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-contact-map-v1 {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #df1010;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #263b4d;\r\n      --prx-muted: #607487;\r\n      --prx-border: #dce5ec;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 82px 22px;\r\n      color: var(--prx-text);\r\n      font-family: \"Albert Sans\", Arial, sans-serif;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-contact-map-v1::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 10% 12%, rgba(11, 52, 85, 0.06) 0%, rgba(11, 52, 85, 0) 30%),\r\n        radial-gradient(circle at 90% 20%, rgba(223, 16, 16, 0.04) 0%, rgba(223, 16, 16, 0) 28%);\r\n    }\r\n\r\n    .prx-contact-map-v1 a,\r\n    .prx-contact-map-v1 button {\r\n      font: inherit;\r\n    }\r\n\r\n    .prx-contact-map-v1 button {\r\n      border: 0;\r\n    }\r\n\r\n    .prx-contact-map-v1 a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .prx-contact-map-v1__inner {\r\n      width: min(100%, 1060px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .prx-contact-map-v1__panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(28px, 4.6vw, 54px);\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.86));\r\n      box-shadow:\r\n        0 26px 74px rgba(7, 27, 51, 0.08),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    .prx-contact-map-v1__panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-navy), var(--prx-blue), var(--prx-red));\r\n    }\r\n\r\n    .prx-contact-map-v1__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 17px;\r\n      color: var(--prx-blue);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-map-v1__label::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 2px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-map-v1 h2 {\r\n      max-width: 880px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(34px, 4.6vw, 58px);\r\n      line-height: 1.04;\r\n      font-weight: 900;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-map-v1__lead {\r\n      max-width: 820px;\r\n      margin: 22px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: clamp(16px, 1.3vw, 19px);\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-contact-map-v1__lead strong {\r\n      color: var(--prx-text);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-map-v1__core {\r\n      margin-top: 34px;\r\n      padding: 22px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 22px;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow:\r\n        0 16px 38px rgba(7, 27, 51, 0.055);\r\n    }\r\n\r\n    .prx-contact-map-v1__core-top {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 18px;\r\n      align-items: center;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .prx-contact-map-v1__core-title {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-map-v1__core-title span {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-map-v1__core-title strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(22px, 2.2vw, 31px);\r\n      line-height: 1.14;\r\n      font-weight: 900;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    .prx-contact-map-v1__core-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 36px;\r\n      padding: 8px 13px;\r\n      border: 1px solid rgba(24, 131, 95, 0.22);\r\n      border-radius: 999px;\r\n      color: var(--prx-green);\r\n      background: #f1faf6;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-contact-map-v1__competences {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .prx-contact-map-v1__item {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 118px;\r\n      padding: 16px 14px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 16px;\r\n      color: var(--prx-text);\r\n      text-align: left;\r\n      cursor: pointer;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow:\r\n        0 10px 24px rgba(7, 27, 51, 0.045);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-map-v1__item::before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 10px;\r\n      height: 10px;\r\n      margin-bottom: 13px;\r\n      border-radius: 4px;\r\n      background: var(--prx-blue);\r\n      box-shadow: 0 0 0 6px rgba(11, 52, 85, 0.055);\r\n      transition:\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-map-v1__item:hover {\r\n      transform: translateY(-2px);\r\n      border-color: #c5d3dc;\r\n      box-shadow:\r\n        0 16px 36px rgba(7, 27, 51, 0.07);\r\n    }\r\n\r\n    .prx-contact-map-v1__item.is-active {\r\n      border-color: rgba(223, 16, 16, 0.36);\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);\r\n      box-shadow:\r\n        0 18px 42px rgba(185, 0, 0, 0.075),\r\n        inset 0 0 0 1px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-map-v1__item.is-active::before {\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-map-v1__item strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: -0.015em;\r\n    }\r\n\r\n    .prx-contact-map-v1__item span {\r\n      display: block;\r\n      margin-top: 7px;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.42;\r\n    }\r\n\r\n    .prx-contact-map-v1__detail {\r\n      margin-top: 16px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n    }\r\n\r\n    .prx-contact-map-v1__detail-head {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 18px;\r\n      align-items: start;\r\n      padding: 23px 24px 18px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-map-v1__detail-title {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-map-v1__detail-title span {\r\n      display: block;\r\n      margin-bottom: 7px;\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-map-v1__detail-title strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(22px, 2.2vw, 30px);\r\n      line-height: 1.13;\r\n      font-weight: 900;\r\n      letter-spacing: -0.034em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-map-v1__detail-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 36px;\r\n      padding: 8px 12px;\r\n      border: 1px solid rgba(11, 52, 85, 0.13);\r\n      border-radius: 999px;\r\n      color: var(--prx-blue);\r\n      background: #edf4f8;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-contact-map-v1__description {\r\n      max-width: 820px;\r\n      margin: 10px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .prx-contact-map-v1__data {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 9px;\r\n      margin: 0;\r\n      padding: 18px 24px 24px;\r\n      list-style: none;\r\n    }\r\n\r\n    .prx-contact-map-v1__data li {\r\n      position: relative;\r\n      padding: 14px 16px 14px 44px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 14px;\r\n      color: var(--prx-text);\r\n      background: rgba(255, 255, 255, 0.82);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .prx-contact-map-v1__data li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 17px;\r\n      top: 19px;\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 3px;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(223, 16, 16, 0.07);\r\n    }\r\n\r\n    .prx-contact-map-v1__bottom {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 11px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-top: 18px;\r\n      padding: 16px 18px;\r\n      border: 1px solid rgba(11, 52, 85, 0.12);\r\n      border-radius: 16px;\r\n      background: rgba(11, 52, 85, 0.045);\r\n    }\r\n\r\n    .prx-contact-map-v1__bottom-text {\r\n      max-width: 700px;\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-map-v1__bottom-text strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-map-v1__button,\r\n    .prx-contact-map-v1__button:visited,\r\n    .prx-contact-map-v1__button:hover,\r\n    .prx-contact-map-v1__button:focus,\r\n    .prx-contact-map-v1__button:active {\r\n      min-height: 44px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 12px 16px;\r\n      border-radius: 12px;\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      line-height: 1.2;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n      box-shadow: 0 13px 28px rgba(185, 0, 0, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-map-v1__button:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 16px 34px rgba(185, 0, 0, 0.25);\r\n    }\r\n\r\n    .prx-contact-map-v1__button * {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-contact-map-v1__live {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @media (max-width: 920px) {\r\n      .prx-contact-map-v1__competences {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-contact-map-v1__item {\r\n        min-height: 112px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .prx-contact-map-v1 {\r\n        padding: 62px 16px;\r\n      }\r\n\r\n      .prx-contact-map-v1__panel {\r\n        padding: 28px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .prx-contact-map-v1 h2 {\r\n        font-size: clamp(32px, 10vw, 48px);\r\n      }\r\n\r\n      .prx-contact-map-v1__core {\r\n        padding: 18px;\r\n        border-radius: 19px;\r\n      }\r\n\r\n      .prx-contact-map-v1__core-top {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-map-v1__competences {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-map-v1__item {\r\n        min-height: auto;\r\n      }\r\n\r\n      .prx-contact-map-v1__detail-head {\r\n        grid-template-columns: 1fr;\r\n        padding: 21px 18px 16px;\r\n      }\r\n\r\n      .prx-contact-map-v1__data {\r\n        padding: 16px 18px 20px;\r\n      }\r\n\r\n      .prx-contact-map-v1__bottom {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .prx-contact-map-v1__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-contact-map-v1 *,\r\n      .prx-contact-map-v1 *::before,\r\n      .prx-contact-map-v1 *::after {\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-contact-map-v1__inner\">\r\n    <div class=\"prx-contact-map-v1__panel\">\r\n\r\n      <div class=\"prx-contact-map-v1__label\">\r\n        Mapa kompetencji\r\n      <\/div>\r\n\r\n      <h2 id=\"prx-contact-map-title\">\r\n        Jedno zapytanie mo\u017ce obejmowa\u0107 kilka technologii\r\n      <\/h2>\r\n\r\n      <p class=\"prx-contact-map-v1__lead\">\r\n        W wielu przypadkach nie chodzi tylko o jedn\u0105 us\u0142ug\u0119. Liczy si\u0119\r\n        <strong>ca\u0142y detal, jego funkcja, powierzchnia, geometria i warunki pracy.<\/strong>\r\n        Wybierz obszar, aby zobaczy\u0107, jakie informacje pomagaj\u0105 rozpocz\u0105\u0107 ocen\u0119.\r\n      <\/p>\r\n\r\n      <div class=\"prx-contact-map-v1__core\">\r\n\r\n        <div class=\"prx-contact-map-v1__core-top\">\r\n          <div class=\"prx-contact-map-v1__core-title\">\r\n            <span>Detal przemys\u0142owy jako punkt wyj\u015bcia<\/span>\r\n            <strong>Analiza obejmuje element, a nie tylko nazw\u0119 us\u0142ugi<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"prx-contact-map-v1__core-badge\">\r\n            Kliknij obszar\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-map-v1__competences\" aria-label=\"Obszary kompetencji PROEXPORT\">\r\n\r\n          <button class=\"prx-contact-map-v1__item is-active\" type=\"button\" data-competence=\"chrome\" aria-pressed=\"true\">\r\n            <strong>Chrom techniczny<\/strong>\r\n            <span>Powierzchnia robocza, odporno\u015b\u0107 na zu\u017cycie, geometria.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"rubber\" aria-pressed=\"false\">\r\n            <strong>Pow\u0142oki gumowe<\/strong>\r\n            <span>Elastyczna warstwa robocza, prowadzenie i docisk.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"polyurethane\" aria-pressed=\"false\">\r\n            <strong>Poliuretan<\/strong>\r\n            <span>Warstwa robocza dobierana do funkcji elementu.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"ceramic\" aria-pressed=\"false\">\r\n            <strong>Ceramika<\/strong>\r\n            <span>Pow\u0142oka techniczna dla wymagaj\u0105cych powierzchni.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"regeneration\" aria-pressed=\"false\">\r\n            <strong>Regeneracja cz\u0119\u015bci<\/strong>\r\n            <span>Ocena stanu rdzenia, czop\u00f3w i powierzchni.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"turning\" aria-pressed=\"false\">\r\n            <strong>Toczenie<\/strong>\r\n            <span>Obr\u00f3bka geometrii, \u015brednic i cz\u0119\u015bci metalowych.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"milling\" aria-pressed=\"false\">\r\n            <strong>Frezowanie CNC<\/strong>\r\n            <span>Obr\u00f3bka kszta\u0142t\u00f3w, detali i element\u00f3w technicznych.<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"prx-contact-map-v1__item\" type=\"button\" data-competence=\"quality\" aria-pressed=\"false\">\r\n            <strong>Kontrola jako\u015bci<\/strong>\r\n            <span>Sprawdzenie wymiar\u00f3w, powierzchni i zgodno\u015bci wykonania.<\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-map-v1__detail\" aria-live=\"polite\">\r\n\r\n          <div class=\"prx-contact-map-v1__detail-head\">\r\n            <div class=\"prx-contact-map-v1__detail-title\">\r\n              <span data-competence-eyebrow>Wybrany obszar<\/span>\r\n              <strong data-competence-title>Chrom techniczny<\/strong>\r\n\r\n              <p class=\"prx-contact-map-v1__description\" data-competence-description>\r\n                Przy zapytaniu o chrom techniczny liczy si\u0119 funkcja powierzchni,\r\n                geometria detalu, stan cz\u0119\u015bci bazowej oraz warunki pracy.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"prx-contact-map-v1__detail-pill\" data-competence-pill>\r\n              Powierzchnia robocza\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <ul class=\"prx-contact-map-v1__data\" data-competence-list>\r\n            <li>Podstawowe wymiary detalu oraz informacja o powierzchni roboczej.<\/li>\r\n            <li>Opis funkcji: zu\u017cycie, tarcie, prowadzenie materia\u0142u lub wsp\u00f3\u0142praca z innym elementem.<\/li>\r\n            <li>Informacja, czy detal jest nowy, u\u017cywany, uszkodzony albo przeznaczony do regeneracji.<\/li>\r\n          <\/ul>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-map-v1__bottom\">\r\n        <div class=\"prx-contact-map-v1__bottom-text\">\r\n          <strong>Nie musisz zna\u0107 w\u0142a\u015bciwej technologii przed kontaktem.<\/strong>\r\n          Wystarczy opisa\u0107 detal, jego funkcj\u0119 i problem. Dob\u00f3r kierunku mo\u017cna ustali\u0107 po analizie danych.\r\n        <\/div>\r\n\r\n        <a class=\"prx-contact-map-v1__button\" href=\"#prx-kontakt-formularz\" data-map-form>\r\n          Przejd\u017a do formularza\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-map-v1__live\" data-map-live aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.querySelector(\".prx-contact-map-v1\");\r\n\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const STORAGE_KEY = \"prx_contact_competence_v1\";\r\n      const FORM_ANCHOR_ID = \"prx-kontakt-formularz\";\r\n      const ELEMENTOR_FORM_ID = \"655b4ce\";\r\n\r\n      const buttons = Array.from(root.querySelectorAll(\"[data-competence]\"));\r\n      const title = root.querySelector(\"[data-competence-title]\");\r\n      const description = root.querySelector(\"[data-competence-description]\");\r\n      const pill = root.querySelector(\"[data-competence-pill]\");\r\n      const list = root.querySelector(\"[data-competence-list]\");\r\n      const live = root.querySelector(\"[data-map-live]\");\r\n      const formButtons = Array.from(root.querySelectorAll(\"[data-map-form]\"));\r\n\r\n      const competences = {\r\n        chrome: {\r\n          label: \"Chrom techniczny\",\r\n          pill: \"Powierzchnia robocza\",\r\n          description:\r\n            \"Przy zapytaniu o chrom techniczny liczy si\u0119 funkcja powierzchni, geometria detalu, stan cz\u0119\u015bci bazowej oraz warunki pracy.\",\r\n          data: [\r\n            \"Podstawowe wymiary detalu oraz informacja o powierzchni roboczej.\",\r\n            \"Opis funkcji: zu\u017cycie, tarcie, prowadzenie materia\u0142u lub wsp\u00f3\u0142praca z innym elementem.\",\r\n            \"Informacja, czy detal jest nowy, u\u017cywany, uszkodzony albo przeznaczony do regeneracji.\"\r\n          ]\r\n        },\r\n\r\n        rubber: {\r\n          label: \"Pow\u0142oki gumowe\",\r\n          pill: \"Elastyczna warstwa\",\r\n          description:\r\n            \"Pow\u0142oka gumowa jest oceniana przez pryzmat funkcji elementu, kontaktu z materia\u0142em i oczekiwanego zachowania powierzchni.\",\r\n          data: [\r\n            \"Rodzaj detalu, wymiary oraz opis powierzchni, kt\u00f3ra ma zosta\u0107 pokryta.\",\r\n            \"Informacja o materiale prowadzonym, docisku, tarciu i warunkach pracy.\",\r\n            \"Zdj\u0119cia starej pow\u0142oki, je\u017celi chodzi o regeneracj\u0119 lub odtworzenie istniej\u0105cego rozwi\u0105zania.\"\r\n          ]\r\n        },\r\n\r\n        polyurethane: {\r\n          label: \"Poliuretan\",\r\n          pill: \"Dob\u00f3r warstwy\",\r\n          description:\r\n            \"Przy poliuretanie wa\u017cne s\u0105 wymagania u\u017cytkowe: odporno\u015b\u0107, elastyczno\u015b\u0107, kontakt z materia\u0142em i funkcja elementu w maszynie.\",\r\n          data: [\r\n            \"Opis zastosowania detalu i warunk\u00f3w, w kt\u00f3rych pracuje.\",\r\n            \"Podstawowe wymiary, materia\u0142 cz\u0119\u015bci bazowej i dost\u0119pna dokumentacja.\",\r\n            \"Informacja, czy ma zosta\u0107 wykonany nowy element, czy odtworzona istniej\u0105ca pow\u0142oka.\"\r\n          ]\r\n        },\r\n\r\n        ceramic: {\r\n          label: \"Ceramika\",\r\n          pill: \"Pow\u0142oka techniczna\",\r\n          description:\r\n            \"W zapytaniach o ceramik\u0119 najwa\u017cniejsza jest funkcja powierzchni oraz to, z czym detal pracuje w procesie.\",\r\n          data: [\r\n            \"Opis pracy powierzchni i oczekiwanej funkcji pow\u0142oki.\",\r\n            \"Wymiary detalu, materia\u0142 cz\u0119\u015bci bazowej i dost\u0119pne zdj\u0119cia.\",\r\n            \"Informacja o medium, temperaturze, kontakcie z materia\u0142em i problemie, kt\u00f3ry ma zosta\u0107 rozwi\u0105zany.\"\r\n          ]\r\n        },\r\n\r\n        regeneration: {\r\n          label: \"Regeneracja cz\u0119\u015bci\",\r\n          pill: \"Ocena stanu\",\r\n          description:\r\n            \"Przy regeneracji trzeba oceni\u0107 nie tylko powierzchni\u0119 robocz\u0105, ale te\u017c cz\u0119\u015b\u0107 metalow\u0105, czopy, geometri\u0119 i mo\u017cliwo\u015b\u0107 odtworzenia funkcji detalu.\",\r\n          data: [\r\n            \"Zdj\u0119cia ca\u0142ego elementu oraz zbli\u017cenia miejsc zu\u017cycia lub uszkodze\u0144.\",\r\n            \"\u015arednica, d\u0142ugo\u015b\u0107, stan czop\u00f3w, miejsc pod \u0142o\u017cyska i powierzchni roboczej.\",\r\n            \"Opis objawu w maszynie: bicie, nier\u00f3wna praca, zu\u017cycie, uszkodzenie pow\u0142oki lub utrata funkcji.\"\r\n          ]\r\n        },\r\n\r\n        turning: {\r\n          label: \"Toczenie\",\r\n          pill: \"Geometria detalu\",\r\n          description:\r\n            \"Toczenie dotyczy geometrii, \u015brednic, cz\u0119\u015bci metalowych i przygotowania detalu do dalszych operacji albo monta\u017cu.\",\r\n          data: [\r\n            \"Rysunek techniczny, model, wymiary lub wz\u00f3r do odtworzenia.\",\r\n            \"Materia\u0142 elementu i informacja o wymaganych powierzchniach obr\u00f3bki.\",\r\n            \"Tolerancje, punkty bazowe, czopy, otwory lub inne istotne miejsca monta\u017cowe.\"\r\n          ]\r\n        },\r\n\r\n        milling: {\r\n          label: \"Frezowanie CNC\",\r\n          pill: \"Obr\u00f3bka kszta\u0142tu\",\r\n          description:\r\n            \"Frezowanie CNC wymaga danych o kszta\u0142cie, wymiarach, materiale i funkcji obrabianego elementu.\",\r\n          data: [\r\n            \"Rysunek, model 3D, dokumentacja albo fizyczny wz\u00f3r.\",\r\n            \"Materia\u0142, gabaryty, liczba sztuk i wymagane miejsca obr\u00f3bki.\",\r\n            \"Opis funkcji detalu oraz informacja, czy element ma wsp\u00f3\u0142pracowa\u0107 z innymi cz\u0119\u015bciami.\"\r\n          ]\r\n        },\r\n\r\n        quality: {\r\n          label: \"Kontrola jako\u015bci\",\r\n          pill: \"Sprawdzenie wykonania\",\r\n          description:\r\n            \"Kontrola jako\u015bci obejmuje sprawdzenie wyrob\u00f3w pod k\u0105tem zgodno\u015bci z ustalonym zakresem wykonania i wymaganiami technicznymi.\",\r\n          data: [\r\n            \"Wymagania z rysunku, specyfikacji lub ustale\u0144 technicznych.\",\r\n            \"Informacja, kt\u00f3re wymiary, powierzchnie lub cechy s\u0105 krytyczne dla pracy detalu.\",\r\n            \"Oczekiwany zakres informacji zwrotnej, je\u017celi klient potrzebuje dodatkowego potwierdzenia wykonania.\"\r\n          ]\r\n        }\r\n      };\r\n\r\n      function announce(message) {\r\n        if (live) {\r\n          live.textContent = message;\r\n        }\r\n      }\r\n\r\n      function saveCompetence(key) {\r\n        const item = competences[key];\r\n        if (!item) return;\r\n\r\n        try {\r\n          window.sessionStorage.setItem(\r\n            STORAGE_KEY,\r\n            JSON.stringify({\r\n              version: 1,\r\n              competence: key,\r\n              label: item.label,\r\n              createdAt: Date.now()\r\n            })\r\n          );\r\n        } catch (error) {}\r\n      }\r\n\r\n      function renderList(items) {\r\n        if (!list) return;\r\n\r\n        list.innerHTML = \"\";\r\n\r\n        items.forEach((text) => {\r\n          const li = document.createElement(\"li\");\r\n          li.textContent = text;\r\n          list.appendChild(li);\r\n        });\r\n      }\r\n\r\n      function activateCompetence(key, shouldSave = true) {\r\n        const item = competences[key];\r\n\r\n        if (!item) return;\r\n\r\n        buttons.forEach((button) => {\r\n          const isActive = button.dataset.competence === key;\r\n          button.classList.toggle(\"is-active\", isActive);\r\n          button.setAttribute(\"aria-pressed\", String(isActive));\r\n        });\r\n\r\n        if (title) title.textContent = item.label;\r\n        if (description) description.textContent = item.description;\r\n        if (pill) pill.textContent = item.pill;\r\n\r\n        renderList(item.data);\r\n\r\n        if (shouldSave) {\r\n          saveCompetence(key);\r\n        }\r\n\r\n        root.dispatchEvent(\r\n          new CustomEvent(\"prx:contact-competence-change\", {\r\n            bubbles: true,\r\n            detail: {\r\n              competence: key,\r\n              ...item\r\n            }\r\n          })\r\n        );\r\n\r\n        announce(`Wybrano obszar kompetencji: ${item.label}.`);\r\n      }\r\n\r\n      function readSavedCompetence() {\r\n        try {\r\n          const raw = window.sessionStorage.getItem(STORAGE_KEY);\r\n          if (!raw) return null;\r\n\r\n          const parsed = JSON.parse(raw);\r\n          return competences[parsed.competence] ? parsed.competence : null;\r\n        } catch (error) {\r\n          return null;\r\n        }\r\n      }\r\n\r\n      function findContactForm() {\r\n        const exactFormId = document.querySelector(\r\n          `form.elementor-form input[name=\"form_id\"][value=\"${ELEMENTOR_FORM_ID}\"]`\r\n        );\r\n\r\n        if (exactFormId) {\r\n          return exactFormId.closest(\"form.elementor-form\");\r\n        }\r\n\r\n        const messageField = document.querySelector(\r\n          '#form-field-message[name=\"form_fields[message]\"]'\r\n        );\r\n\r\n        if (messageField) {\r\n          return messageField.closest(\"form\");\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function ensureFormAnchor() {\r\n        const existing = document.getElementById(FORM_ANCHOR_ID);\r\n        if (existing) return existing;\r\n\r\n        const form = findContactForm();\r\n        if (!form) return null;\r\n\r\n        const widget =\r\n          form.closest(\".elementor-widget-form\") ||\r\n          form.closest(\".elementor-widget\") ||\r\n          form;\r\n\r\n        widget.id = FORM_ANCHOR_ID;\r\n        return widget;\r\n      }\r\n\r\n      function scrollToForm(event) {\r\n        if (event) event.preventDefault();\r\n\r\n        const target = ensureFormAnchor();\r\n\r\n        if (!target) {\r\n          announce(\"Formularz jest jeszcze \u0142adowany.\");\r\n          return;\r\n        }\r\n\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n        const form = findContactForm();\r\n\r\n        if (form) {\r\n          const field =\r\n            form.querySelector(\"#form-field-message\") ||\r\n            form.querySelector(\"#form-field-email\") ||\r\n            form.querySelector(\"input, textarea, select\");\r\n\r\n          if (field) {\r\n            window.setTimeout(() => {\r\n              try {\r\n                field.focus({ preventScroll: true });\r\n              } catch (error) {\r\n                field.focus();\r\n              }\r\n            }, 450);\r\n          }\r\n        }\r\n      }\r\n\r\n      buttons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => {\r\n          activateCompetence(button.dataset.competence, true);\r\n        });\r\n      });\r\n\r\n      formButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", scrollToForm);\r\n      });\r\n\r\n      const saved = readSavedCompetence();\r\n\r\n      if (saved) {\r\n        activateCompetence(saved, false);\r\n      } else {\r\n        activateCompetence(\"chrome\", false);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0658733 e-con e-atomic-element e-flexbox-base e-0658733-fb54dbf \" data-id=\"0658733\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0658733\">\n    \t\t<div class=\"elementor-element elementor-element-74d1399 elementor-widget elementor-widget-html\" data-id=\"74d1399\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 KONTAKT \/ BLOK 4 \/ DANE DO WYCENY\r\n     Jedna kolumna, czytelne karty, bez ryzykownych grafik.\r\n\r\n     Funkcje:\r\n     - odczytuje wyb\u00f3r z BLOKU 2: prx_contact_path_v1,\r\n     - pozwala r\u0119cznie zmieni\u0107 wariant,\r\n     - lista danych zmienia si\u0119 dynamicznie,\r\n     - klikni\u0119cie pozycji pod\u015bwietla jej sens w prostym pasku technicznym,\r\n     - zapisuje klikni\u0119te dane w sessionStorage: prx_contact_checklist_v1,\r\n     - nie zmienia dzia\u0142ania formularza.\r\n========================================================= -->\r\n\r\n<section class=\"prx-contact-data-v1\" id=\"dane-do-wyceny\" aria-labelledby=\"prx-contact-data-title\">\r\n  <style>\r\n    .prx-contact-data-v1,\r\n    .prx-contact-data-v1 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-contact-data-v1 {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #df1010;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #263b4d;\r\n      --prx-muted: #607487;\r\n      --prx-border: #dce5ec;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 82px 22px;\r\n      color: var(--prx-text);\r\n      font-family: \"Albert Sans\", Arial, sans-serif;\r\n      background:\r\n        linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-contact-data-v1::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 12% 12%, rgba(11, 52, 85, 0.055) 0%, rgba(11, 52, 85, 0) 32%),\r\n        radial-gradient(circle at 88% 18%, rgba(223, 16, 16, 0.04) 0%, rgba(223, 16, 16, 0) 30%);\r\n    }\r\n\r\n    .prx-contact-data-v1 a,\r\n    .prx-contact-data-v1 button {\r\n      font: inherit;\r\n    }\r\n\r\n    .prx-contact-data-v1 a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .prx-contact-data-v1 button {\r\n      border: 0;\r\n    }\r\n\r\n    .prx-contact-data-v1__inner {\r\n      width: min(100%, 1060px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .prx-contact-data-v1__panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(28px, 4.6vw, 54px);\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.88));\r\n      box-shadow:\r\n        0 26px 74px rgba(7, 27, 51, 0.08),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    .prx-contact-data-v1__panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-red), var(--prx-blue), var(--prx-navy));\r\n    }\r\n\r\n    .prx-contact-data-v1__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 17px;\r\n      color: var(--prx-blue);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-data-v1__label::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 2px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-data-v1 h2 {\r\n      max-width: 900px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(34px, 4.6vw, 58px);\r\n      line-height: 1.04;\r\n      font-weight: 900;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-data-v1__lead {\r\n      max-width: 830px;\r\n      margin: 22px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: clamp(16px, 1.3vw, 19px);\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-contact-data-v1__lead strong {\r\n      color: var(--prx-text);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-data-v1__tabs {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 10px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .prx-contact-data-v1__tab {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 78px;\r\n      padding: 15px 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 16px;\r\n      color: var(--prx-text);\r\n      text-align: left;\r\n      cursor: pointer;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow: 0 10px 24px rgba(7, 27, 51, 0.045);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__tab::before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 9px;\r\n      height: 9px;\r\n      margin-bottom: 10px;\r\n      border-radius: 3px;\r\n      background: var(--prx-blue);\r\n      box-shadow: 0 0 0 6px rgba(11, 52, 85, 0.055);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab:hover {\r\n      transform: translateY(-2px);\r\n      border-color: #c5d3dc;\r\n      box-shadow: 0 16px 36px rgba(7, 27, 51, 0.07);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab.is-active {\r\n      border-color: rgba(223, 16, 16, 0.36);\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);\r\n      box-shadow:\r\n        0 18px 42px rgba(185, 0, 0, 0.075),\r\n        inset 0 0 0 1px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab.is-active::before {\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab strong {\r\n      display: block;\r\n      overflow-wrap: anywhere;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.22;\r\n      font-weight: 900;\r\n      letter-spacing: -0.015em;\r\n    }\r\n\r\n    .prx-contact-data-v1__tab span {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.38;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace {\r\n      margin-top: 18px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 22px;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow: 0 18px 44px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-head {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 18px;\r\n      align-items: start;\r\n      padding: 24px 24px 18px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-title {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-title span {\r\n      display: block;\r\n      margin-bottom: 7px;\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-title strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(22px, 2.2vw, 31px);\r\n      line-height: 1.13;\r\n      font-weight: 900;\r\n      letter-spacing: -0.034em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-desc {\r\n      max-width: 790px;\r\n      margin: 10px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .prx-contact-data-v1__badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 36px;\r\n      padding: 8px 12px;\r\n      border: 1px solid rgba(24, 131, 95, 0.22);\r\n      border-radius: 999px;\r\n      color: var(--prx-green);\r\n      background: #f1faf6;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-contact-data-v1__tech-strip {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n      padding: 18px 24px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n      background:\r\n        linear-gradient(180deg, #fbfcfd 0%, #ffffff 100%);\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-line {\r\n      position: relative;\r\n      overflow: hidden;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: #e8eef3;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-line::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: var(--data-marker-left, 0%);\r\n      top: 0;\r\n      width: 34%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-red), var(--prx-blue));\r\n      transition: left 0.28s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-info {\r\n      display: grid;\r\n      grid-template-columns: 142px 1fr;\r\n      gap: 14px;\r\n      align-items: start;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-label {\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-text {\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-text strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-data-v1__list {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 9px;\r\n      margin: 0;\r\n      padding: 18px 24px 24px;\r\n      list-style: none;\r\n    }\r\n\r\n    .prx-contact-data-v1__item {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 34px 1fr;\r\n      gap: 12px;\r\n      align-items: start;\r\n      min-width: 0;\r\n      padding: 14px 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 15px;\r\n      color: var(--prx-text);\r\n      background: rgba(255, 255, 255, 0.84);\r\n      cursor: pointer;\r\n      text-align: left;\r\n      box-shadow: 0 8px 22px rgba(7, 27, 51, 0.04);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__item:hover {\r\n      transform: translateY(-1px);\r\n      border-color: #c5d3dc;\r\n      box-shadow: 0 12px 28px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-contact-data-v1__item.is-active {\r\n      border-color: rgba(223, 16, 16, 0.34);\r\n      background: #fff8f8;\r\n      box-shadow:\r\n        0 14px 32px rgba(185, 0, 0, 0.06),\r\n        inset 0 0 0 1px rgba(223, 16, 16, 0.07);\r\n    }\r\n\r\n    .prx-contact-data-v1__number {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 11px;\r\n      color: var(--prx-blue);\r\n      background: #edf4f8;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-contact-data-v1__item.is-active .prx-contact-data-v1__number {\r\n      color: #ffffff;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-data-v1__item-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-data-v1__item-copy strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.28;\r\n      font-weight: 900;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .prx-contact-data-v1__item-copy span {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.48;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .prx-contact-data-v1__bottom {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 11px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-top: 18px;\r\n      padding: 16px 18px;\r\n      border: 1px solid rgba(11, 52, 85, 0.12);\r\n      border-radius: 16px;\r\n      background: rgba(11, 52, 85, 0.045);\r\n    }\r\n\r\n    .prx-contact-data-v1__bottom-text {\r\n      max-width: 690px;\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-data-v1__bottom-text strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-data-v1__button,\r\n    .prx-contact-data-v1__button:visited,\r\n    .prx-contact-data-v1__button:hover,\r\n    .prx-contact-data-v1__button:focus,\r\n    .prx-contact-data-v1__button:active {\r\n      min-height: 44px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 12px 16px;\r\n      border-radius: 12px;\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      line-height: 1.2;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n      box-shadow: 0 13px 28px rgba(185, 0, 0, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__button:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 16px 34px rgba(185, 0, 0, 0.25);\r\n    }\r\n\r\n    .prx-contact-data-v1__button * {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-contact-data-v1__live {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-contact-data-v1 {\r\n        padding: 62px 16px;\r\n      }\r\n\r\n      .prx-contact-data-v1__panel {\r\n        padding: 28px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .prx-contact-data-v1__tabs {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-data-v1__workspace-head {\r\n        grid-template-columns: 1fr;\r\n        padding: 21px 18px 16px;\r\n      }\r\n\r\n      .prx-contact-data-v1__tech-strip {\r\n        padding: 16px 18px;\r\n      }\r\n\r\n      .prx-contact-data-v1__strip-info {\r\n        grid-template-columns: 1fr;\r\n        gap: 6px;\r\n      }\r\n\r\n      .prx-contact-data-v1__list {\r\n        padding: 16px 18px 20px;\r\n      }\r\n\r\n      .prx-contact-data-v1__item {\r\n        grid-template-columns: 30px 1fr;\r\n        padding: 13px 14px;\r\n      }\r\n\r\n      .prx-contact-data-v1__number {\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 10px;\r\n      }\r\n\r\n      .prx-contact-data-v1__bottom {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .prx-contact-data-v1__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-contact-data-v1 *,\r\n      .prx-contact-data-v1 *::before,\r\n      .prx-contact-data-v1 *::after {\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-contact-data-v1__inner\">\r\n    <div class=\"prx-contact-data-v1__panel\">\r\n\r\n      <div class=\"prx-contact-data-v1__label\">\r\n        Dane do wyceny\r\n      <\/div>\r\n\r\n      <h2 id=\"prx-contact-data-title\">\r\n        Jakie dane przyspieszaj\u0105 analiz\u0119 zapytania?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-contact-data-v1__lead\">\r\n        Nie ka\u017cda informacja musi by\u0107 dost\u0119pna od razu.\r\n        <strong>Im lepiej opisany detal, tym szybciej mo\u017cna okre\u015bli\u0107 mo\u017cliwy zakres realizacji.<\/strong>\r\n        Wybierz wariant albo zostaw ten odczytany z poprzedniego bloku.\r\n      <\/p>\r\n\r\n      <div class=\"prx-contact-data-v1__tabs\" aria-label=\"Wyb\u00f3r rodzaju listy danych\">\r\n\r\n        <button class=\"prx-contact-data-v1__tab\" type=\"button\" data-data-route=\"new-detail\" aria-pressed=\"false\">\r\n          <strong>Dla nowego detalu<\/strong>\r\n          <span>Rysunek, wymiary, materia\u0142, tolerancje i zastosowanie.<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-contact-data-v1__tab\" type=\"button\" data-data-route=\"regeneration\" aria-pressed=\"false\">\r\n          <strong>Dla regeneracji<\/strong>\r\n          <span>Zdj\u0119cia, stan pow\u0142oki, czopy, objaw problemu i warunki pracy.<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-contact-data-v1__tab\" type=\"button\" data-data-route=\"missing-docs\" aria-pressed=\"false\">\r\n          <strong>Gdy brakuje dokumentacji<\/strong>\r\n          <span>Zdj\u0119cia, pomiary mo\u017cliwe do wykonania i opis funkcji detalu.<\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-data-v1__workspace\" aria-live=\"polite\">\r\n\r\n        <div class=\"prx-contact-data-v1__workspace-head\">\r\n          <div class=\"prx-contact-data-v1__workspace-title\">\r\n            <span data-data-eyebrow>Aktywna lista<\/span>\r\n\r\n            <strong data-data-title>\r\n              Dane potrzebne dla nowego detalu\r\n            <\/strong>\r\n\r\n            <p class=\"prx-contact-data-v1__workspace-desc\" data-data-desc>\r\n              Najbardziej pomaga dokumentacja techniczna, ale analiz\u0119 mo\u017cna rozpocz\u0105\u0107 tak\u017ce na podstawie wymiar\u00f3w i opisu zastosowania.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"prx-contact-data-v1__badge\" data-data-badge>\r\n            Produkcja\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-data-v1__tech-strip\">\r\n          <div class=\"prx-contact-data-v1__strip-line\" data-data-strip><\/div>\r\n\r\n          <div class=\"prx-contact-data-v1__strip-info\">\r\n            <div class=\"prx-contact-data-v1__strip-label\">\r\n              Wybrany punkt\r\n            <\/div>\r\n\r\n            <div class=\"prx-contact-data-v1__strip-text\" data-data-strip-text>\r\n              <strong>Rysunek techniczny lub model.<\/strong>\r\n              Kliknij pozycj\u0119 z listy, aby zobaczy\u0107, czego dotyczy dana informacja.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul class=\"prx-contact-data-v1__list\" data-data-list><\/ul>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-data-v1__bottom\">\r\n        <div class=\"prx-contact-data-v1__bottom-text\">\r\n          <strong>Brak pe\u0142nej dokumentacji nie blokuje rozmowy.<\/strong>\r\n          Mo\u017cesz zacz\u0105\u0107 od zdj\u0119\u0107, podstawowych wymiar\u00f3w i kr\u00f3tkiego opisu problemu.\r\n        <\/div>\r\n\r\n        <a class=\"prx-contact-data-v1__button\" href=\"#prx-kontakt-formularz\" data-data-form>\r\n          Przejd\u017a do formularza\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-data-v1__live\" data-data-live aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.querySelector(\".prx-contact-data-v1\");\r\n\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const ROUTE_STORAGE_KEY = \"prx_contact_path_v1\";\r\n      const CHECKLIST_STORAGE_KEY = \"prx_contact_checklist_v1\";\r\n      const FORM_ANCHOR_ID = \"prx-kontakt-formularz\";\r\n      const ELEMENTOR_FORM_ID = \"655b4ce\";\r\n\r\n      const tabs = Array.from(root.querySelectorAll(\"[data-data-route]\"));\r\n      const list = root.querySelector(\"[data-data-list]\");\r\n      const title = root.querySelector(\"[data-data-title]\");\r\n      const desc = root.querySelector(\"[data-data-desc]\");\r\n      const badge = root.querySelector(\"[data-data-badge]\");\r\n      const strip = root.querySelector(\"[data-data-strip]\");\r\n      const stripText = root.querySelector(\"[data-data-strip-text]\");\r\n      const live = root.querySelector(\"[data-data-live]\");\r\n      const formLinks = Array.from(root.querySelectorAll(\"[data-data-form]\"));\r\n\r\n      const variants = {\r\n        \"new-detail\": {\r\n          title: \"Dane potrzebne dla nowego detalu\",\r\n          desc: \"Najbardziej pomaga dokumentacja techniczna, ale analiz\u0119 mo\u017cna rozpocz\u0105\u0107 tak\u017ce na podstawie wymiar\u00f3w i opisu zastosowania.\",\r\n          badge: \"Produkcja\",\r\n          items: [\r\n            {\r\n              name: \"Rysunek techniczny lub model\",\r\n              desc: \"PDF, DWG, STEP, model 3D, specyfikacja albo inny plik opisuj\u0105cy geometri\u0119.\",\r\n              focus: \"Dokumentacja okre\u015bla geometri\u0119, punkty bazowe, tolerancje i spos\u00f3b wykonania.\"\r\n            },\r\n            {\r\n              name: \"Podstawowe wymiary\",\r\n              desc: \"\u015arednica, d\u0142ugo\u015b\u0107, szeroko\u015b\u0107, rozstawy, czopy, otwory lub inne miejsca monta\u017cowe.\",\r\n              focus: \"Wymiary pozwalaj\u0105 wst\u0119pnie oceni\u0107 gabaryt detalu i zakres obr\u00f3bki.\"\r\n            },\r\n            {\r\n              name: \"Materia\u0142\",\r\n              desc: \"Materia\u0142 cz\u0119\u015bci bazowej, je\u017celi jest znany, albo informacja o obecnym elemencie.\",\r\n              focus: \"Materia\u0142 wp\u0142ywa na kierunek obr\u00f3bki, pow\u0142oki i ocen\u0119 mo\u017cliwo\u015bci wykonania.\"\r\n            },\r\n            {\r\n              name: \"Tolerancje i wymagania\",\r\n              desc: \"Dok\u0142adno\u015b\u0107, pasowania, powierzchnie krytyczne albo wymagania z rysunku.\",\r\n              focus: \"Tolerancje wskazuj\u0105, kt\u00f3re miejsca s\u0105 najwa\u017cniejsze dla pracy elementu.\"\r\n            },\r\n            {\r\n              name: \"Liczba sztuk\",\r\n              desc: \"Informacja, czy chodzi o jeden detal, seri\u0119, powtarzaln\u0105 produkcj\u0119 albo odtworzenie wzoru.\",\r\n              focus: \"Liczba sztuk pomaga dobra\u0107 spos\u00f3b przygotowania i zakres wyceny.\"\r\n            },\r\n            {\r\n              name: \"Opis zastosowania\",\r\n              desc: \"W jakiej maszynie pracuje detal i jak\u0105 funkcj\u0119 pe\u0142ni w procesie.\",\r\n              focus: \"Zastosowanie pozwala oceni\u0107 detal nie tylko po wymiarach, ale te\u017c po funkcji.\"\r\n            }\r\n          ]\r\n        },\r\n\r\n        \"regeneration\": {\r\n          title: \"Dane potrzebne dla regeneracji\",\r\n          desc: \"Przy regeneracji najwa\u017cniejszy jest stan detalu, objaw problemu i mo\u017cliwo\u015b\u0107 odtworzenia powierzchni oraz cz\u0119\u015bci metalowej.\",\r\n          badge: \"Regeneracja\",\r\n          items: [\r\n            {\r\n              name: \"Zdj\u0119cia ca\u0142ego elementu\",\r\n              desc: \"Widok og\u00f3lny detalu oraz zdj\u0119cia z kilku stron.\",\r\n              focus: \"Zdj\u0119cia og\u00f3lne pomagaj\u0105 oceni\u0107 typ elementu, gabaryt i zakres uszkodze\u0144.\"\r\n            },\r\n            {\r\n              name: \"Zdj\u0119cia uszkodze\u0144\",\r\n              desc: \"Zbli\u017cenia zu\u017cycia, p\u0119kni\u0119\u0107, ubytk\u00f3w, odspojenia pow\u0142oki albo miejsc problematycznych.\",\r\n              focus: \"Zbli\u017cenia pokazuj\u0105, czy problem dotyczy powierzchni, pow\u0142oki, rdzenia czy monta\u017cu.\"\r\n            },\r\n            {\r\n              name: \"\u015arednica i d\u0142ugo\u015b\u0107\",\r\n              desc: \"Podstawowe wymiary elementu, nawet przybli\u017cone.\",\r\n              focus: \"Gabaryty s\u0105 potrzebne do wst\u0119pnej oceny mo\u017cliwo\u015bci pracy z detalem.\"\r\n            },\r\n            {\r\n              name: \"Rodzaj obecnej pow\u0142oki\",\r\n              desc: \"Informacja, czy obecna powierzchnia jest chromowana, gumowa, poliuretanowa, ceramiczna lub inna.\",\r\n              focus: \"Rodzaj pow\u0142oki pomaga okre\u015bli\u0107 mo\u017cliwy kierunek odtworzenia lub zmiany technologii.\"\r\n            },\r\n            {\r\n              name: \"Stan czop\u00f3w i miejsc pod \u0142o\u017cyska\",\r\n              desc: \"Informacja o zu\u017cyciu, wybiciach, korozji, \u015bladach monta\u017cu lub luzach.\",\r\n              focus: \"Czopy i miejsca pod \u0142o\u017cyska decyduj\u0105, czy regeneracja dotyczy tylko powierzchni, czy tak\u017ce cz\u0119\u015bci metalowej.\"\r\n            },\r\n            {\r\n              name: \"Objaw problemu i warunki pracy\",\r\n              desc: \"Bicie, nier\u00f3wna praca, zu\u017cycie, temperatura, kontakt z materia\u0142em lub problem w procesie.\",\r\n              focus: \"Objaw z maszyny pomaga ustali\u0107, czego szuka\u0107 podczas oceny detalu.\"\r\n            }\r\n          ]\r\n        },\r\n\r\n        \"missing-docs\": {\r\n          title: \"Dane, gdy brakuje dokumentacji\",\r\n          desc: \"Gdy nie ma rysunku, mo\u017cna rozpocz\u0105\u0107 od zdj\u0119\u0107, pomiar\u00f3w mo\u017cliwych do wykonania i opisu funkcji elementu.\",\r\n          badge: \"Bez rysunku\",\r\n          items: [\r\n            {\r\n              name: \"Zdj\u0119cia elementu\",\r\n              desc: \"Ca\u0142y detal, miejsca monta\u017cowe, powierzchnia robocza i widoczne uszkodzenia.\",\r\n              focus: \"Zdj\u0119cia zast\u0119puj\u0105 cz\u0119\u015b\u0107 informacji z rysunku i pozwalaj\u0105 rozpozna\u0107 typ detalu.\"\r\n            },\r\n            {\r\n              name: \"Wymiary mo\u017cliwe do zmierzenia\",\r\n              desc: \"\u015arednica, d\u0142ugo\u015b\u0107, szeroko\u015b\u0107, rozstawy, otwory, czopy albo inne \u0142atwe do uchwycenia punkty.\",\r\n              focus: \"Nawet przybli\u017cone wymiary pomagaj\u0105 rozpocz\u0105\u0107 rozmow\u0119 techniczn\u0105.\"\r\n            },\r\n            {\r\n              name: \"Informacje o maszynie\",\r\n              desc: \"Typ maszyny, miejsce pracy detalu, bran\u017ca lub proces, w kt\u00f3rym element dzia\u0142a.\",\r\n              focus: \"Kontekst maszyny wyja\u015bnia, jak\u0105 rol\u0119 pe\u0142ni element i z czym wsp\u00f3\u0142pracuje.\"\r\n            },\r\n            {\r\n              name: \"Funkcja detalu\",\r\n              desc: \"Prowadzenie materia\u0142u, docisk, transport, przenoszenie momentu, obr\u00f3bka powierzchni lub inna rola.\",\r\n              focus: \"Funkcja jest cz\u0119sto wa\u017cniejsza ni\u017c sama nazwa elementu.\"\r\n            },\r\n            {\r\n              name: \"Pr\u00f3bka lub zu\u017cyty wz\u00f3r\",\r\n              desc: \"Mo\u017cliwo\u015b\u0107 dostarczenia starej cz\u0119\u015bci, elementu referencyjnego albo fragmentu do oceny.\",\r\n              focus: \"Wz\u00f3r pozwala odtworzy\u0107 geometri\u0119 i por\u00f3wna\u0107 stan obecny z oczekiwanym.\"\r\n            }\r\n          ]\r\n        }\r\n      };\r\n\r\n      function announce(message) {\r\n        if (live) {\r\n          live.textContent = message;\r\n        }\r\n      }\r\n\r\n      function normalizeRoute(route) {\r\n        if (route === \"new-detail\") return \"new-detail\";\r\n        if (route === \"regeneration\") return \"regeneration\";\r\n        if (route === \"coating-machining\") return \"new-detail\";\r\n        if (route === \"machine-problem\") return \"missing-docs\";\r\n        if (route === \"missing-docs\") return \"missing-docs\";\r\n        return \"new-detail\";\r\n      }\r\n\r\n      function readRouteFromBlockTwo() {\r\n        try {\r\n          const raw = window.sessionStorage.getItem(ROUTE_STORAGE_KEY);\r\n          if (!raw) return null;\r\n\r\n          const parsed = JSON.parse(raw);\r\n          return parsed && parsed.route ? normalizeRoute(parsed.route) : null;\r\n        } catch (error) {\r\n          return null;\r\n        }\r\n      }\r\n\r\n      function saveChecklist(route, selectedItem) {\r\n        try {\r\n          window.sessionStorage.setItem(\r\n            CHECKLIST_STORAGE_KEY,\r\n            JSON.stringify({\r\n              version: 1,\r\n              route,\r\n              selectedItem,\r\n              createdAt: Date.now()\r\n            })\r\n          );\r\n        } catch (error) {}\r\n      }\r\n\r\n      function setStrip(index, item) {\r\n        if (strip) {\r\n          const total = Math.max(1, (currentItems.length || 1) - 1);\r\n          const percent = total === 0 ? 0 : Math.round((index \/ total) * 66);\r\n          strip.style.setProperty(\"--data-marker-left\", `${percent}%`);\r\n        }\r\n\r\n        if (stripText) {\r\n          stripText.innerHTML =\r\n            `<strong>${escapeHtml(item.name)}.<\/strong> ${escapeHtml(item.focus)}`;\r\n        }\r\n      }\r\n\r\n      function escapeHtml(value) {\r\n        return String(value)\r\n          .replace(\/&\/g, \"&amp;\")\r\n          .replace(\/<\/g, \"&lt;\")\r\n          .replace(\/>\/g, \"&gt;\")\r\n          .replace(\/\"\/g, \"&quot;\")\r\n          .replace(\/'\/g, \"&#039;\");\r\n      }\r\n\r\n      let currentRoute = \"new-detail\";\r\n      let currentItems = variants[currentRoute].items;\r\n\r\n      function renderItems(route) {\r\n        const variant = variants[route] || variants[\"new-detail\"];\r\n        currentRoute = route;\r\n        currentItems = variant.items;\r\n\r\n        if (title) title.textContent = variant.title;\r\n        if (desc) desc.textContent = variant.desc;\r\n        if (badge) badge.textContent = variant.badge;\r\n\r\n        tabs.forEach((tab) => {\r\n          const isActive = tab.dataset.dataRoute === route;\r\n          tab.classList.toggle(\"is-active\", isActive);\r\n          tab.setAttribute(\"aria-pressed\", String(isActive));\r\n        });\r\n\r\n        if (!list) return;\r\n\r\n        list.innerHTML = \"\";\r\n\r\n        variant.items.forEach((item, index) => {\r\n          const button = document.createElement(\"button\");\r\n          button.className = \"prx-contact-data-v1__item\";\r\n          button.type = \"button\";\r\n          button.dataset.itemIndex = String(index);\r\n\r\n          button.innerHTML = `\r\n            <span class=\"prx-contact-data-v1__number\">${String(index + 1).padStart(2, \"0\")}<\/span>\r\n            <span class=\"prx-contact-data-v1__item-copy\">\r\n              <strong>${escapeHtml(item.name)}<\/strong>\r\n              <span>${escapeHtml(item.desc)}<\/span>\r\n            <\/span>\r\n          `;\r\n\r\n          button.addEventListener(\"click\", () => {\r\n            Array.from(list.querySelectorAll(\".prx-contact-data-v1__item\")).forEach((el) => {\r\n              el.classList.remove(\"is-active\");\r\n            });\r\n\r\n            button.classList.add(\"is-active\");\r\n            setStrip(index, item);\r\n            saveChecklist(route, item.name);\r\n            announce(`Wybrano punkt: ${item.name}.`);\r\n          });\r\n\r\n          list.appendChild(button);\r\n        });\r\n\r\n        const firstItem = list.querySelector(\".prx-contact-data-v1__item\");\r\n\r\n        if (firstItem) {\r\n          firstItem.classList.add(\"is-active\");\r\n          setStrip(0, variant.items[0]);\r\n          saveChecklist(route, variant.items[0].name);\r\n        }\r\n\r\n        root.dispatchEvent(\r\n          new CustomEvent(\"prx:contact-data-change\", {\r\n            bubbles: true,\r\n            detail: {\r\n              route,\r\n              title: variant.title,\r\n              badge: variant.badge\r\n            }\r\n          })\r\n        );\r\n\r\n        announce(`Aktywna lista danych: ${variant.title}.`);\r\n      }\r\n\r\n      function findContactForm() {\r\n        const exactFormId = document.querySelector(\r\n          `form.elementor-form input[name=\"form_id\"][value=\"${ELEMENTOR_FORM_ID}\"]`\r\n        );\r\n\r\n        if (exactFormId) {\r\n          return exactFormId.closest(\"form.elementor-form\");\r\n        }\r\n\r\n        const messageField = document.querySelector(\r\n          '#form-field-message[name=\"form_fields[message]\"]'\r\n        );\r\n\r\n        if (messageField) {\r\n          return messageField.closest(\"form\");\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function ensureFormAnchor() {\r\n        const existing = document.getElementById(FORM_ANCHOR_ID);\r\n        if (existing) return existing;\r\n\r\n        const form = findContactForm();\r\n        if (!form) return null;\r\n\r\n        const widget =\r\n          form.closest(\".elementor-widget-form\") ||\r\n          form.closest(\".elementor-widget\") ||\r\n          form;\r\n\r\n        widget.id = FORM_ANCHOR_ID;\r\n        return widget;\r\n      }\r\n\r\n      function scrollToForm(event) {\r\n        if (event) event.preventDefault();\r\n\r\n        const target = ensureFormAnchor();\r\n\r\n        if (!target) {\r\n          announce(\"Formularz jest jeszcze \u0142adowany.\");\r\n          return;\r\n        }\r\n\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n        const form = findContactForm();\r\n\r\n        if (form) {\r\n          const field =\r\n            form.querySelector(\"#form-field-message\") ||\r\n            form.querySelector(\"#form-field-email\") ||\r\n            form.querySelector(\"input, textarea, select\");\r\n\r\n          if (field) {\r\n            window.setTimeout(() => {\r\n              try {\r\n                field.focus({ preventScroll: true });\r\n              } catch (error) {\r\n                field.focus();\r\n              }\r\n            }, 450);\r\n          }\r\n        }\r\n      }\r\n\r\n      tabs.forEach((tab) => {\r\n        tab.addEventListener(\"click\", () => {\r\n          renderItems(tab.dataset.dataRoute);\r\n        });\r\n      });\r\n\r\n      formLinks.forEach((link) => {\r\n        link.addEventListener(\"click\", scrollToForm);\r\n      });\r\n\r\n      window.addEventListener(\"prx:contact-route-change\", (event) => {\r\n        if (!event.detail || !event.detail.route) return;\r\n        renderItems(normalizeRoute(event.detail.route));\r\n      });\r\n\r\n      renderItems(readRouteFromBlockTwo() || \"new-detail\");\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d77b4d7 e-con e-atomic-element e-flexbox-base e-d77b4d7-e5cbb85 \" data-id=\"d77b4d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d77b4d7\">\n    \t\t<div class=\"elementor-element elementor-element-7cde2b1 elementor-widget elementor-widget-html\" data-id=\"7cde2b1\" 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<!-- =========================================================\r\n     PROEXPORT \u2014 KONTAKT \/ BLOK 4 \/ DANE DO WYCENY\r\n     Jedna kolumna, czytelne karty, bez ryzykownych grafik.\r\n\r\n     Funkcje:\r\n     - odczytuje wyb\u00f3r z BLOKU 2: prx_contact_path_v1,\r\n     - pozwala r\u0119cznie zmieni\u0107 wariant,\r\n     - lista danych zmienia si\u0119 dynamicznie,\r\n     - klikni\u0119cie pozycji pod\u015bwietla jej sens w prostym pasku technicznym,\r\n     - zapisuje klikni\u0119te dane w sessionStorage: prx_contact_checklist_v1,\r\n     - nie zmienia dzia\u0142ania formularza.\r\n========================================================= -->\r\n\r\n<section class=\"prx-contact-data-v1\" id=\"dane-do-wyceny\" aria-labelledby=\"prx-contact-data-title\">\r\n  <style>\r\n    .prx-contact-data-v1,\r\n    .prx-contact-data-v1 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-contact-data-v1 {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #df1010;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #263b4d;\r\n      --prx-muted: #607487;\r\n      --prx-border: #dce5ec;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      max-width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 82px 22px;\r\n      color: var(--prx-text);\r\n      font-family: \"Albert Sans\", Arial, sans-serif;\r\n      background:\r\n        linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-contact-data-v1::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 12% 12%, rgba(11, 52, 85, 0.055) 0%, rgba(11, 52, 85, 0) 32%),\r\n        radial-gradient(circle at 88% 18%, rgba(223, 16, 16, 0.04) 0%, rgba(223, 16, 16, 0) 30%);\r\n    }\r\n\r\n    .prx-contact-data-v1 a,\r\n    .prx-contact-data-v1 button {\r\n      font: inherit;\r\n    }\r\n\r\n    .prx-contact-data-v1 a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .prx-contact-data-v1 button {\r\n      border: 0;\r\n    }\r\n\r\n    .prx-contact-data-v1__inner {\r\n      width: min(100%, 1060px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .prx-contact-data-v1__panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(28px, 4.6vw, 54px);\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.88));\r\n      box-shadow:\r\n        0 26px 74px rgba(7, 27, 51, 0.08),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    .prx-contact-data-v1__panel::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-red), var(--prx-blue), var(--prx-navy));\r\n    }\r\n\r\n    .prx-contact-data-v1__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 17px;\r\n      color: var(--prx-blue);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-data-v1__label::before {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 2px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-data-v1 h2 {\r\n      max-width: 900px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(34px, 4.6vw, 58px);\r\n      line-height: 1.04;\r\n      font-weight: 900;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-data-v1__lead {\r\n      max-width: 830px;\r\n      margin: 22px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: clamp(16px, 1.3vw, 19px);\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-contact-data-v1__lead strong {\r\n      color: var(--prx-text);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-data-v1__tabs {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 10px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .prx-contact-data-v1__tab {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 78px;\r\n      padding: 15px 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 16px;\r\n      color: var(--prx-text);\r\n      text-align: left;\r\n      cursor: pointer;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow: 0 10px 24px rgba(7, 27, 51, 0.045);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__tab::before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 9px;\r\n      height: 9px;\r\n      margin-bottom: 10px;\r\n      border-radius: 3px;\r\n      background: var(--prx-blue);\r\n      box-shadow: 0 0 0 6px rgba(11, 52, 85, 0.055);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab:hover {\r\n      transform: translateY(-2px);\r\n      border-color: #c5d3dc;\r\n      box-shadow: 0 16px 36px rgba(7, 27, 51, 0.07);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab.is-active {\r\n      border-color: rgba(223, 16, 16, 0.36);\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);\r\n      box-shadow:\r\n        0 18px 42px rgba(185, 0, 0, 0.075),\r\n        inset 0 0 0 1px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab.is-active::before {\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(223, 16, 16, 0.08);\r\n    }\r\n\r\n    .prx-contact-data-v1__tab strong {\r\n      display: block;\r\n      overflow-wrap: anywhere;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.22;\r\n      font-weight: 900;\r\n      letter-spacing: -0.015em;\r\n    }\r\n\r\n    .prx-contact-data-v1__tab span {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.38;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace {\r\n      margin-top: 18px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 22px;\r\n      background:\r\n        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\r\n      box-shadow: 0 18px 44px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-head {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 18px;\r\n      align-items: start;\r\n      padding: 24px 24px 18px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-title {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-title span {\r\n      display: block;\r\n      margin-bottom: 7px;\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-title strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(22px, 2.2vw, 31px);\r\n      line-height: 1.13;\r\n      font-weight: 900;\r\n      letter-spacing: -0.034em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-contact-data-v1__workspace-desc {\r\n      max-width: 790px;\r\n      margin: 10px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .prx-contact-data-v1__badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 36px;\r\n      padding: 8px 12px;\r\n      border: 1px solid rgba(24, 131, 95, 0.22);\r\n      border-radius: 999px;\r\n      color: var(--prx-green);\r\n      background: #f1faf6;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-contact-data-v1__tech-strip {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n      padding: 18px 24px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n      background:\r\n        linear-gradient(180deg, #fbfcfd 0%, #ffffff 100%);\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-line {\r\n      position: relative;\r\n      overflow: hidden;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: #e8eef3;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-line::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: var(--data-marker-left, 0%);\r\n      top: 0;\r\n      width: 34%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      background:\r\n        linear-gradient(90deg, var(--prx-red), var(--prx-blue));\r\n      transition: left 0.28s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-info {\r\n      display: grid;\r\n      grid-template-columns: 142px 1fr;\r\n      gap: 14px;\r\n      align-items: start;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-label {\r\n      color: var(--prx-blue);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.13em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-text {\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-data-v1__strip-text strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-data-v1__list {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 9px;\r\n      margin: 0;\r\n      padding: 18px 24px 24px;\r\n      list-style: none;\r\n    }\r\n\r\n    .prx-contact-data-v1__item {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 34px 1fr;\r\n      gap: 12px;\r\n      align-items: start;\r\n      min-width: 0;\r\n      padding: 14px 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 15px;\r\n      color: var(--prx-text);\r\n      background: rgba(255, 255, 255, 0.84);\r\n      cursor: pointer;\r\n      text-align: left;\r\n      box-shadow: 0 8px 22px rgba(7, 27, 51, 0.04);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__item:hover {\r\n      transform: translateY(-1px);\r\n      border-color: #c5d3dc;\r\n      box-shadow: 0 12px 28px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-contact-data-v1__item.is-active {\r\n      border-color: rgba(223, 16, 16, 0.34);\r\n      background: #fff8f8;\r\n      box-shadow:\r\n        0 14px 32px rgba(185, 0, 0, 0.06),\r\n        inset 0 0 0 1px rgba(223, 16, 16, 0.07);\r\n    }\r\n\r\n    .prx-contact-data-v1__number {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 11px;\r\n      color: var(--prx-blue);\r\n      background: #edf4f8;\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-contact-data-v1__item.is-active .prx-contact-data-v1__number {\r\n      color: #ffffff;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-contact-data-v1__item-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-contact-data-v1__item-copy strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.28;\r\n      font-weight: 900;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .prx-contact-data-v1__item-copy span {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.48;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .prx-contact-data-v1__bottom {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 11px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-top: 18px;\r\n      padding: 16px 18px;\r\n      border: 1px solid rgba(11, 52, 85, 0.12);\r\n      border-radius: 16px;\r\n      background: rgba(11, 52, 85, 0.045);\r\n    }\r\n\r\n    .prx-contact-data-v1__bottom-text {\r\n      max-width: 690px;\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-contact-data-v1__bottom-text strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-contact-data-v1__button,\r\n    .prx-contact-data-v1__button:visited,\r\n    .prx-contact-data-v1__button:hover,\r\n    .prx-contact-data-v1__button:focus,\r\n    .prx-contact-data-v1__button:active {\r\n      min-height: 44px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 12px 16px;\r\n      border-radius: 12px;\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(135deg, var(--prx-red), var(--prx-red-dark));\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      line-height: 1.2;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n      box-shadow: 0 13px 28px rgba(185, 0, 0, 0.18);\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-contact-data-v1__button:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: 0 16px 34px rgba(185, 0, 0, 0.25);\r\n    }\r\n\r\n    .prx-contact-data-v1__button * {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-contact-data-v1__live {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-contact-data-v1 {\r\n        padding: 62px 16px;\r\n      }\r\n\r\n      .prx-contact-data-v1__panel {\r\n        padding: 28px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .prx-contact-data-v1__tabs {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-contact-data-v1__workspace-head {\r\n        grid-template-columns: 1fr;\r\n        padding: 21px 18px 16px;\r\n      }\r\n\r\n      .prx-contact-data-v1__tech-strip {\r\n        padding: 16px 18px;\r\n      }\r\n\r\n      .prx-contact-data-v1__strip-info {\r\n        grid-template-columns: 1fr;\r\n        gap: 6px;\r\n      }\r\n\r\n      .prx-contact-data-v1__list {\r\n        padding: 16px 18px 20px;\r\n      }\r\n\r\n      .prx-contact-data-v1__item {\r\n        grid-template-columns: 30px 1fr;\r\n        padding: 13px 14px;\r\n      }\r\n\r\n      .prx-contact-data-v1__number {\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 10px;\r\n      }\r\n\r\n      .prx-contact-data-v1__bottom {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .prx-contact-data-v1__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-contact-data-v1 *,\r\n      .prx-contact-data-v1 *::before,\r\n      .prx-contact-data-v1 *::after {\r\n        animation-duration: 0.001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.001ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-contact-data-v1__inner\">\r\n    <div class=\"prx-contact-data-v1__panel\">\r\n\r\n      <div class=\"prx-contact-data-v1__label\">\r\n        Dane do wyceny\r\n      <\/div>\r\n\r\n      <h2 id=\"prx-contact-data-title\">\r\n        Jakie dane przyspieszaj\u0105 analiz\u0119 zapytania?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-contact-data-v1__lead\">\r\n        Nie ka\u017cda informacja musi by\u0107 dost\u0119pna od razu.\r\n        <strong>Im lepiej opisany detal, tym szybciej mo\u017cna okre\u015bli\u0107 mo\u017cliwy zakres realizacji.<\/strong>\r\n        Wybierz wariant albo zostaw ten odczytany z poprzedniego bloku.\r\n      <\/p>\r\n\r\n      <div class=\"prx-contact-data-v1__tabs\" aria-label=\"Wyb\u00f3r rodzaju listy danych\">\r\n\r\n        <button class=\"prx-contact-data-v1__tab\" type=\"button\" data-data-route=\"new-detail\" aria-pressed=\"false\">\r\n          <strong>Dla nowego detalu<\/strong>\r\n          <span>Rysunek, wymiary, materia\u0142, tolerancje i zastosowanie.<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-contact-data-v1__tab\" type=\"button\" data-data-route=\"regeneration\" aria-pressed=\"false\">\r\n          <strong>Dla regeneracji<\/strong>\r\n          <span>Zdj\u0119cia, stan pow\u0142oki, czopy, objaw problemu i warunki pracy.<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-contact-data-v1__tab\" type=\"button\" data-data-route=\"missing-docs\" aria-pressed=\"false\">\r\n          <strong>Gdy brakuje dokumentacji<\/strong>\r\n          <span>Zdj\u0119cia, pomiary mo\u017cliwe do wykonania i opis funkcji detalu.<\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-data-v1__workspace\" aria-live=\"polite\">\r\n\r\n        <div class=\"prx-contact-data-v1__workspace-head\">\r\n          <div class=\"prx-contact-data-v1__workspace-title\">\r\n            <span data-data-eyebrow>Aktywna lista<\/span>\r\n\r\n            <strong data-data-title>\r\n              Dane potrzebne dla nowego detalu\r\n            <\/strong>\r\n\r\n            <p class=\"prx-contact-data-v1__workspace-desc\" data-data-desc>\r\n              Najbardziej pomaga dokumentacja techniczna, ale analiz\u0119 mo\u017cna rozpocz\u0105\u0107 tak\u017ce na podstawie wymiar\u00f3w i opisu zastosowania.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"prx-contact-data-v1__badge\" data-data-badge>\r\n            Produkcja\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-contact-data-v1__tech-strip\">\r\n          <div class=\"prx-contact-data-v1__strip-line\" data-data-strip><\/div>\r\n\r\n          <div class=\"prx-contact-data-v1__strip-info\">\r\n            <div class=\"prx-contact-data-v1__strip-label\">\r\n              Wybrany punkt\r\n            <\/div>\r\n\r\n            <div class=\"prx-contact-data-v1__strip-text\" data-data-strip-text>\r\n              <strong>Rysunek techniczny lub model.<\/strong>\r\n              Kliknij pozycj\u0119 z listy, aby zobaczy\u0107, czego dotyczy dana informacja.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <ul class=\"prx-contact-data-v1__list\" data-data-list><\/ul>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-contact-data-v1__bottom\">\r\n        <div class=\"prx-contact-data-v1__bottom-text\">\r\n          <strong>Brak pe\u0142nej dokumentacji nie blokuje rozmowy.<\/strong>\r\n          Mo\u017cesz zacz\u0105\u0107 od zdj\u0119\u0107, podstawowych wymiar\u00f3w i kr\u00f3tkiego opisu problemu.\r\n        <\/div>\r\n\r\n        <a class=\"prx-contact-data-v1__button\" href=\"#prx-kontakt-formularz\" data-data-form>\r\n          Przejd\u017a do formularza\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"prx-contact-data-v1__live\" data-data-live aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.querySelector(\".prx-contact-data-v1\");\r\n\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const ROUTE_STORAGE_KEY = \"prx_contact_path_v1\";\r\n      const CHECKLIST_STORAGE_KEY = \"prx_contact_checklist_v1\";\r\n      const FORM_ANCHOR_ID = \"prx-kontakt-formularz\";\r\n      const ELEMENTOR_FORM_ID = \"655b4ce\";\r\n\r\n      const tabs = Array.from(root.querySelectorAll(\"[data-data-route]\"));\r\n      const list = root.querySelector(\"[data-data-list]\");\r\n      const title = root.querySelector(\"[data-data-title]\");\r\n      const desc = root.querySelector(\"[data-data-desc]\");\r\n      const badge = root.querySelector(\"[data-data-badge]\");\r\n      const strip = root.querySelector(\"[data-data-strip]\");\r\n      const stripText = root.querySelector(\"[data-data-strip-text]\");\r\n      const live = root.querySelector(\"[data-data-live]\");\r\n      const formLinks = Array.from(root.querySelectorAll(\"[data-data-form]\"));\r\n\r\n      const variants = {\r\n        \"new-detail\": {\r\n          title: \"Dane potrzebne dla nowego detalu\",\r\n          desc: \"Najbardziej pomaga dokumentacja techniczna, ale analiz\u0119 mo\u017cna rozpocz\u0105\u0107 tak\u017ce na podstawie wymiar\u00f3w i opisu zastosowania.\",\r\n          badge: \"Produkcja\",\r\n          items: [\r\n            {\r\n              name: \"Rysunek techniczny lub model\",\r\n              desc: \"PDF, DWG, STEP, model 3D, specyfikacja albo inny plik opisuj\u0105cy geometri\u0119.\",\r\n              focus: \"Dokumentacja okre\u015bla geometri\u0119, punkty bazowe, tolerancje i spos\u00f3b wykonania.\"\r\n            },\r\n            {\r\n              name: \"Podstawowe wymiary\",\r\n              desc: \"\u015arednica, d\u0142ugo\u015b\u0107, szeroko\u015b\u0107, rozstawy, czopy, otwory lub inne miejsca monta\u017cowe.\",\r\n              focus: \"Wymiary pozwalaj\u0105 wst\u0119pnie oceni\u0107 gabaryt detalu i zakres obr\u00f3bki.\"\r\n            },\r\n            {\r\n              name: \"Materia\u0142\",\r\n              desc: \"Materia\u0142 cz\u0119\u015bci bazowej, je\u017celi jest znany, albo informacja o obecnym elemencie.\",\r\n              focus: \"Materia\u0142 wp\u0142ywa na kierunek obr\u00f3bki, pow\u0142oki i ocen\u0119 mo\u017cliwo\u015bci wykonania.\"\r\n            },\r\n            {\r\n              name: \"Tolerancje i wymagania\",\r\n              desc: \"Dok\u0142adno\u015b\u0107, pasowania, powierzchnie krytyczne albo wymagania z rysunku.\",\r\n              focus: \"Tolerancje wskazuj\u0105, kt\u00f3re miejsca s\u0105 najwa\u017cniejsze dla pracy elementu.\"\r\n            },\r\n            {\r\n              name: \"Liczba sztuk\",\r\n              desc: \"Informacja, czy chodzi o jeden detal, seri\u0119, powtarzaln\u0105 produkcj\u0119 albo odtworzenie wzoru.\",\r\n              focus: \"Liczba sztuk pomaga dobra\u0107 spos\u00f3b przygotowania i zakres wyceny.\"\r\n            },\r\n            {\r\n              name: \"Opis zastosowania\",\r\n              desc: \"W jakiej maszynie pracuje detal i jak\u0105 funkcj\u0119 pe\u0142ni w procesie.\",\r\n              focus: \"Zastosowanie pozwala oceni\u0107 detal nie tylko po wymiarach, ale te\u017c po funkcji.\"\r\n            }\r\n          ]\r\n        },\r\n\r\n        \"regeneration\": {\r\n          title: \"Dane potrzebne dla regeneracji\",\r\n          desc: \"Przy regeneracji najwa\u017cniejszy jest stan detalu, objaw problemu i mo\u017cliwo\u015b\u0107 odtworzenia powierzchni oraz cz\u0119\u015bci metalowej.\",\r\n          badge: \"Regeneracja\",\r\n          items: [\r\n            {\r\n              name: \"Zdj\u0119cia ca\u0142ego elementu\",\r\n              desc: \"Widok og\u00f3lny detalu oraz zdj\u0119cia z kilku stron.\",\r\n              focus: \"Zdj\u0119cia og\u00f3lne pomagaj\u0105 oceni\u0107 typ elementu, gabaryt i zakres uszkodze\u0144.\"\r\n            },\r\n            {\r\n              name: \"Zdj\u0119cia uszkodze\u0144\",\r\n              desc: \"Zbli\u017cenia zu\u017cycia, p\u0119kni\u0119\u0107, ubytk\u00f3w, odspojenia pow\u0142oki albo miejsc problematycznych.\",\r\n              focus: \"Zbli\u017cenia pokazuj\u0105, czy problem dotyczy powierzchni, pow\u0142oki, rdzenia czy monta\u017cu.\"\r\n            },\r\n            {\r\n              name: \"\u015arednica i d\u0142ugo\u015b\u0107\",\r\n              desc: \"Podstawowe wymiary elementu, nawet przybli\u017cone.\",\r\n              focus: \"Gabaryty s\u0105 potrzebne do wst\u0119pnej oceny mo\u017cliwo\u015bci pracy z detalem.\"\r\n            },\r\n            {\r\n              name: \"Rodzaj obecnej pow\u0142oki\",\r\n              desc: \"Informacja, czy obecna powierzchnia jest chromowana, gumowa, poliuretanowa, ceramiczna lub inna.\",\r\n              focus: \"Rodzaj pow\u0142oki pomaga okre\u015bli\u0107 mo\u017cliwy kierunek odtworzenia lub zmiany technologii.\"\r\n            },\r\n            {\r\n              name: \"Stan czop\u00f3w i miejsc pod \u0142o\u017cyska\",\r\n              desc: \"Informacja o zu\u017cyciu, wybiciach, korozji, \u015bladach monta\u017cu lub luzach.\",\r\n              focus: \"Czopy i miejsca pod \u0142o\u017cyska decyduj\u0105, czy regeneracja dotyczy tylko powierzchni, czy tak\u017ce cz\u0119\u015bci metalowej.\"\r\n            },\r\n            {\r\n              name: \"Objaw problemu i warunki pracy\",\r\n              desc: \"Bicie, nier\u00f3wna praca, zu\u017cycie, temperatura, kontakt z materia\u0142em lub problem w procesie.\",\r\n              focus: \"Objaw z maszyny pomaga ustali\u0107, czego szuka\u0107 podczas oceny detalu.\"\r\n            }\r\n          ]\r\n        },\r\n\r\n        \"missing-docs\": {\r\n          title: \"Dane, gdy brakuje dokumentacji\",\r\n          desc: \"Gdy nie ma rysunku, mo\u017cna rozpocz\u0105\u0107 od zdj\u0119\u0107, pomiar\u00f3w mo\u017cliwych do wykonania i opisu funkcji elementu.\",\r\n          badge: \"Bez rysunku\",\r\n          items: [\r\n            {\r\n              name: \"Zdj\u0119cia elementu\",\r\n              desc: \"Ca\u0142y detal, miejsca monta\u017cowe, powierzchnia robocza i widoczne uszkodzenia.\",\r\n              focus: \"Zdj\u0119cia zast\u0119puj\u0105 cz\u0119\u015b\u0107 informacji z rysunku i pozwalaj\u0105 rozpozna\u0107 typ detalu.\"\r\n            },\r\n            {\r\n              name: \"Wymiary mo\u017cliwe do zmierzenia\",\r\n              desc: \"\u015arednica, d\u0142ugo\u015b\u0107, szeroko\u015b\u0107, rozstawy, otwory, czopy albo inne \u0142atwe do uchwycenia punkty.\",\r\n              focus: \"Nawet przybli\u017cone wymiary pomagaj\u0105 rozpocz\u0105\u0107 rozmow\u0119 techniczn\u0105.\"\r\n            },\r\n            {\r\n              name: \"Informacje o maszynie\",\r\n              desc: \"Typ maszyny, miejsce pracy detalu, bran\u017ca lub proces, w kt\u00f3rym element dzia\u0142a.\",\r\n              focus: \"Kontekst maszyny wyja\u015bnia, jak\u0105 rol\u0119 pe\u0142ni element i z czym wsp\u00f3\u0142pracuje.\"\r\n            },\r\n            {\r\n              name: \"Funkcja detalu\",\r\n              desc: \"Prowadzenie materia\u0142u, docisk, transport, przenoszenie momentu, obr\u00f3bka powierzchni lub inna rola.\",\r\n              focus: \"Funkcja jest cz\u0119sto wa\u017cniejsza ni\u017c sama nazwa elementu.\"\r\n            },\r\n            {\r\n              name: \"Pr\u00f3bka lub zu\u017cyty wz\u00f3r\",\r\n              desc: \"Mo\u017cliwo\u015b\u0107 dostarczenia starej cz\u0119\u015bci, elementu referencyjnego albo fragmentu do oceny.\",\r\n              focus: \"Wz\u00f3r pozwala odtworzy\u0107 geometri\u0119 i por\u00f3wna\u0107 stan obecny z oczekiwanym.\"\r\n            }\r\n          ]\r\n        }\r\n      };\r\n\r\n      function announce(message) {\r\n        if (live) {\r\n          live.textContent = message;\r\n        }\r\n      }\r\n\r\n      function normalizeRoute(route) {\r\n        if (route === \"new-detail\") return \"new-detail\";\r\n        if (route === \"regeneration\") return \"regeneration\";\r\n        if (route === \"coating-machining\") return \"new-detail\";\r\n        if (route === \"machine-problem\") return \"missing-docs\";\r\n        if (route === \"missing-docs\") return \"missing-docs\";\r\n        return \"new-detail\";\r\n      }\r\n\r\n      function readRouteFromBlockTwo() {\r\n        try {\r\n          const raw = window.sessionStorage.getItem(ROUTE_STORAGE_KEY);\r\n          if (!raw) return null;\r\n\r\n          const parsed = JSON.parse(raw);\r\n          return parsed && parsed.route ? normalizeRoute(parsed.route) : null;\r\n        } catch (error) {\r\n          return null;\r\n        }\r\n      }\r\n\r\n      function saveChecklist(route, selectedItem) {\r\n        try {\r\n          window.sessionStorage.setItem(\r\n            CHECKLIST_STORAGE_KEY,\r\n            JSON.stringify({\r\n              version: 1,\r\n              route,\r\n              selectedItem,\r\n              createdAt: Date.now()\r\n            })\r\n          );\r\n        } catch (error) {}\r\n      }\r\n\r\n      function setStrip(index, item) {\r\n        if (strip) {\r\n          const total = Math.max(1, (currentItems.length || 1) - 1);\r\n          const percent = total === 0 ? 0 : Math.round((index \/ total) * 66);\r\n          strip.style.setProperty(\"--data-marker-left\", `${percent}%`);\r\n        }\r\n\r\n        if (stripText) {\r\n          stripText.innerHTML =\r\n            `<strong>${escapeHtml(item.name)}.<\/strong> ${escapeHtml(item.focus)}`;\r\n        }\r\n      }\r\n\r\n      function escapeHtml(value) {\r\n        return String(value)\r\n          .replace(\/&\/g, \"&amp;\")\r\n          .replace(\/<\/g, \"&lt;\")\r\n          .replace(\/>\/g, \"&gt;\")\r\n          .replace(\/\"\/g, \"&quot;\")\r\n          .replace(\/'\/g, \"&#039;\");\r\n      }\r\n\r\n      let currentRoute = \"new-detail\";\r\n      let currentItems = variants[currentRoute].items;\r\n\r\n      function renderItems(route) {\r\n        const variant = variants[route] || variants[\"new-detail\"];\r\n        currentRoute = route;\r\n        currentItems = variant.items;\r\n\r\n        if (title) title.textContent = variant.title;\r\n        if (desc) desc.textContent = variant.desc;\r\n        if (badge) badge.textContent = variant.badge;\r\n\r\n        tabs.forEach((tab) => {\r\n          const isActive = tab.dataset.dataRoute === route;\r\n          tab.classList.toggle(\"is-active\", isActive);\r\n          tab.setAttribute(\"aria-pressed\", String(isActive));\r\n        });\r\n\r\n        if (!list) return;\r\n\r\n        list.innerHTML = \"\";\r\n\r\n        variant.items.forEach((item, index) => {\r\n          const button = document.createElement(\"button\");\r\n          button.className = \"prx-contact-data-v1__item\";\r\n          button.type = \"button\";\r\n          button.dataset.itemIndex = String(index);\r\n\r\n          button.innerHTML = `\r\n            <span class=\"prx-contact-data-v1__number\">${String(index + 1).padStart(2, \"0\")}<\/span>\r\n            <span class=\"prx-contact-data-v1__item-copy\">\r\n              <strong>${escapeHtml(item.name)}<\/strong>\r\n              <span>${escapeHtml(item.desc)}<\/span>\r\n            <\/span>\r\n          `;\r\n\r\n          button.addEventListener(\"click\", () => {\r\n            Array.from(list.querySelectorAll(\".prx-contact-data-v1__item\")).forEach((el) => {\r\n              el.classList.remove(\"is-active\");\r\n            });\r\n\r\n            button.classList.add(\"is-active\");\r\n            setStrip(index, item);\r\n            saveChecklist(route, item.name);\r\n            announce(`Wybrano punkt: ${item.name}.`);\r\n          });\r\n\r\n          list.appendChild(button);\r\n        });\r\n\r\n        const firstItem = list.querySelector(\".prx-contact-data-v1__item\");\r\n\r\n        if (firstItem) {\r\n          firstItem.classList.add(\"is-active\");\r\n          setStrip(0, variant.items[0]);\r\n          saveChecklist(route, variant.items[0].name);\r\n        }\r\n\r\n        root.dispatchEvent(\r\n          new CustomEvent(\"prx:contact-data-change\", {\r\n            bubbles: true,\r\n            detail: {\r\n              route,\r\n              title: variant.title,\r\n              badge: variant.badge\r\n            }\r\n          })\r\n        );\r\n\r\n        announce(`Aktywna lista danych: ${variant.title}.`);\r\n      }\r\n\r\n      function findContactForm() {\r\n        const exactFormId = document.querySelector(\r\n          `form.elementor-form input[name=\"form_id\"][value=\"${ELEMENTOR_FORM_ID}\"]`\r\n        );\r\n\r\n        if (exactFormId) {\r\n          return exactFormId.closest(\"form.elementor-form\");\r\n        }\r\n\r\n        const messageField = document.querySelector(\r\n          '#form-field-message[name=\"form_fields[message]\"]'\r\n        );\r\n\r\n        if (messageField) {\r\n          return messageField.closest(\"form\");\r\n        }\r\n\r\n        return null;\r\n      }\r\n\r\n      function ensureFormAnchor() {\r\n        const existing = document.getElementById(FORM_ANCHOR_ID);\r\n        if (existing) return existing;\r\n\r\n        const form = findContactForm();\r\n        if (!form) return null;\r\n\r\n        const widget =\r\n          form.closest(\".elementor-widget-form\") ||\r\n          form.closest(\".elementor-widget\") ||\r\n          form;\r\n\r\n        widget.id = FORM_ANCHOR_ID;\r\n        return widget;\r\n      }\r\n\r\n      function scrollToForm(event) {\r\n        if (event) event.preventDefault();\r\n\r\n        const target = ensureFormAnchor();\r\n\r\n        if (!target) {\r\n          announce(\"Formularz jest jeszcze \u0142adowany.\");\r\n          return;\r\n        }\r\n\r\n        target.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n        const form = findContactForm();\r\n\r\n        if (form) {\r\n          const field =\r\n            form.querySelector(\"#form-field-message\") ||\r\n            form.querySelector(\"#form-field-email\") ||\r\n            form.querySelector(\"input, textarea, select\");\r\n\r\n          if (field) {\r\n            window.setTimeout(() => {\r\n              try {\r\n                field.focus({ preventScroll: true });\r\n              } catch (error) {\r\n                field.focus();\r\n              }\r\n            }, 450);\r\n          }\r\n        }\r\n      }\r\n\r\n      tabs.forEach((tab) => {\r\n        tab.addEventListener(\"click\", () => {\r\n          renderItems(tab.dataset.dataRoute);\r\n        });\r\n      });\r\n\r\n      formLinks.forEach((link) => {\r\n        link.addEventListener(\"click\", scrollToForm);\r\n      });\r\n\r\n      window.addEventListener(\"prx:contact-route-change\", (event) => {\r\n        if (!event.detail || !event.detail.route) return;\r\n        renderItems(normalizeRoute(event.detail.route));\r\n      });\r\n\r\n      renderItems(readRouteFromBlockTwo() || \"new-detail\");\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1980fd7 e-con e-atomic-element e-flexbox-base e-1980fd7-cbb5c6b \" data-id=\"1980fd7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1980fd7\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-fae13a3 e-con e-atomic-element e-flexbox-base e-fae13a3-6922ac5 \" data-id=\"fae13a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fae13a3\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-7929e4e e-con e-atomic-element e-flexbox-base e-7929e4e-98986be \" data-id=\"7929e4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7929e4e\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-605144b e-con e-atomic-element e-flexbox-base e-605144b-be8fa47 \" data-id=\"605144b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"605144b\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-ca95efe e-con e-atomic-element e-flexbox-base e-ca95efe-4399ebd \" data-id=\"ca95efe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca95efe\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-661b92e e-con e-atomic-element e-flexbox-base e-661b92e-a7e0b5c \" data-id=\"661b92e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"661b92e\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-72df84f e-con e-atomic-element e-flexbox-base e-72df84f-496af1e \" data-id=\"72df84f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72df84f\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Grupa ProExport Skontaktuj si\u0119 PROEXPORT \u00b7 kontakt techniczny Zapytania techniczne, regeneracje i produkcja nowych detali Kontakt Prze\u015blij dane. Ocenimy mo\u017cliwy zakres wykonania. Do rozpocz\u0119cia rozmowy wystarcz\u0105 zdj\u0119cia, podstawowe wymiary, rysunek techniczny albo opis pracy elementu w maszynie. Formularz poni\u017cej trafia do analizy technicznej PROEXPORT. Brief techniczny zosta\u0142 wykryty. Dane z kreatora zostan\u0105 dopisane do g\u0142\u00f3wnego [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/2129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/comments?post=2129"}],"version-history":[{"count":106,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/2129\/revisions"}],"predecessor-version":[{"id":5908,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/2129\/revisions\/5908"}],"wp:attachment":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/media?parent=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}