{"id":2131,"date":"2025-07-31T16:43:24","date_gmt":"2025-07-31T16:43:24","guid":{"rendered":"http:\/\/hardchromeplate.com\/?page_id=2131"},"modified":"2026-07-31T13:50:44","modified_gmt":"2026-07-31T13:50:44","slug":"banana-rolls","status":"publish","type":"page","link":"https:\/\/hardchromeplate.com\/en\/banana-rolls\/","title":{"rendered":"Banana Rollers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2131\" class=\"elementor elementor-2131\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-340c9e0 e-con e-atomic-element e-flexbox-base e-ab0f7e9 \" data-id=\"340c9e0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"340c9e0\">\n    \t\t<div class=\"elementor-element elementor-element-57d5965 elementor-widget elementor-widget-html\" data-id=\"57d5965\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* ================================\r\n     PROEXPORT \u2014 PRZEWIJANY PASEK LOGO\r\n     ================================ *\/\r\n\r\n  .prx-logo-marquee {\r\n    --logo-width: 250px;\r\n    --logo-gap: 70px;\r\n    --animation-speed: 32s;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    padding: 24px 0;\r\n  }\r\n\r\n  .prx-logo-marquee__track {\r\n    display: flex;\r\n    width: max-content;\r\n    will-change: transform;\r\n    animation: prxLogoScroll var(--animation-speed) linear infinite;\r\n  }\r\n\r\n  .prx-logo-marquee__group {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n    gap: var(--logo-gap);\r\n    padding-right: var(--logo-gap);\r\n  }\r\n\r\n  .prx-logo-marquee__item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: var(--logo-width);\r\n  }\r\n\r\n  .prx-logo-marquee__item img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 76px;\r\n    object-fit: contain;\r\n    filter: none;\r\n  }\r\n\r\n  @keyframes prxLogoScroll {\r\n    from {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n\r\n    to {\r\n      transform: translate3d(-50%, 0, 0);\r\n    }\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .prx-logo-marquee {\r\n      --logo-width: 220px;\r\n      --logo-gap: 55px;\r\n      --animation-speed: 27s;\r\n      padding: 21px 0;\r\n    }\r\n  }\r\n\r\n  \/* Telefon *\/\r\n  @media (max-width: 767px) {\r\n    .prx-logo-marquee {\r\n      --logo-width: 180px;\r\n      --logo-gap: 38px;\r\n      --animation-speed: 22s;\r\n      padding: 18px 0;\r\n    }\r\n\r\n    .prx-logo-marquee__item img {\r\n      max-height: 58px;\r\n    }\r\n  }\r\n\r\n  \/* Dost\u0119pno\u015b\u0107 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .prx-logo-marquee__track {\r\n      animation-duration: 70s;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"prx-logo-marquee\" aria-label=\"PROEXPORT \u2013 The Best From Europe\">\r\n  <div class=\"prx-logo-marquee__track\">\r\n\r\n    <!-- PIERWSZY ZESTAW LOGOTYP\u00d3W -->\r\n    <div class=\"prx-logo-marquee__group\">\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IDENTYCZNY ZESTAW ZAPEWNIAJ\u0104CY P\u0141YNN\u0104 P\u0118TL\u0118 -->\r\n    <div class=\"prx-logo-marquee__group\" aria-hidden=\"true\">\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a2893a6 e-con e-atomic-element e-flexbox-base e-a2893a6-8ca105e \" data-id=\"a2893a6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a2893a6\">\n    \t\t<div class=\"elementor-element elementor-element-d7a0ebf elementor-widget elementor-widget-html\" data-id=\"d7a0ebf\" 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 WA\u0141Y BANANOWE\r\n     BLOK 1: HERO\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-hero\"\r\n  id=\"poczatek-waly-bananowe\"\r\n  aria-labelledby=\"prx-wb-v2-hero-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I ZABEZPIECZENIE PRZED STYLAMI ELEMENTORA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero,\r\n    .prx-wb-v2-hero *,\r\n    .prx-wb-v2-hero *::before,\r\n    .prx-wb-v2-hero *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-hero {\r\n      --wb-navy-950: #03111f;\r\n      --wb-navy-900: #061a2e;\r\n      --wb-navy-800: #092b47;\r\n      --wb-navy-700: #0e3b60;\r\n      --wb-blue-500: #2877a8;\r\n      --wb-red-500: #e10600;\r\n      --wb-red-600: #c90000;\r\n      --wb-red-700: #ad0000;\r\n      --wb-white: #ffffff;\r\n      --wb-text-light: #dce8f2;\r\n      --wb-text-muted: #aebfd0;\r\n      --wb-border: rgba(255, 255, 255, 0.14);\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(76px, 8vw, 116px) 24px 34px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 13%,\r\n          rgba(37, 116, 168, 0.34) 0%,\r\n          rgba(37, 116, 168, 0) 36%\r\n        ),\r\n        radial-gradient(\r\n          circle at 7% 88%,\r\n          rgba(225, 6, 0, 0.11) 0%,\r\n          rgba(225, 6, 0, 0) 32%\r\n        ),\r\n        linear-gradient(\r\n          132deg,\r\n          var(--wb-navy-950) 0%,\r\n          var(--wb-navy-900) 47%,\r\n          #082c49 100%\r\n        );\r\n\r\n      color: var(--wb-white) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-hero h1,\r\n    .prx-wb-v2-hero h2,\r\n    .prx-wb-v2-hero h3,\r\n    .prx-wb-v2-hero p,\r\n    .prx-wb-v2-hero ul,\r\n    .prx-wb-v2-hero li,\r\n    .prx-wb-v2-hero span,\r\n    .prx-wb-v2-hero strong {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero img,\r\n    .prx-wb-v2-hero svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       T\u0141O DEKORACYJNE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -3;\r\n      top: -520px;\r\n      right: -290px;\r\n      width: 980px;\r\n      height: 980px;\r\n      border: 1px solid rgba(255, 255, 255, 0.055);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        0 0 0 95px rgba(255, 255, 255, 0.018),\r\n        0 0 0 205px rgba(255, 255, 255, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -3;\r\n      right: -30px;\r\n      bottom: -180px;\r\n      width: 720px;\r\n      height: 430px;\r\n      opacity: 0.42;\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.045) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.045) 1px,\r\n          transparent 1px\r\n        );\r\n      background-size: 46px 46px;\r\n      transform: rotate(-7deg);\r\n      pointer-events: none;\r\n      -webkit-mask-image: linear-gradient(\r\n        130deg,\r\n        transparent 4%,\r\n        #000 45%,\r\n        transparent 88%\r\n      );\r\n      mask-image: linear-gradient(\r\n        130deg,\r\n        transparent 4%,\r\n        #000 45%,\r\n        transparent 88%\r\n      );\r\n    }\r\n\r\n    .prx-wb-v2-hero__ambient {\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: 22%;\r\n      left: 47%;\r\n      width: 540px;\r\n      height: 540px;\r\n      border-radius: 50%;\r\n      background: rgba(27, 105, 157, 0.18);\r\n      filter: blur(100px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-hero__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1280px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY UK\u0141AD\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__grid {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.96fr)\r\n        minmax(470px, 1.04fr);\r\n      align-items: center;\r\n      gap: clamp(48px, 6vw, 92px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       LEWA KOLUMNA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__content {\r\n      position: relative;\r\n      z-index: 5;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-hero__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      max-width: 100%;\r\n      margin: 0 0 25px;\r\n      padding: 9px 15px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.17);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      color: #e2edf5 !important;\r\n      font-size: 12px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n      letter-spacing: 1.25px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__label-dot {\r\n      flex: 0 0 auto;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: var(--wb-red-500);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.13);\r\n      animation: prxWbV2Pulse 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .prx-wb-v2-hero__title {\r\n      max-width: 740px;\r\n      margin: 0 !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(43px, 4.75vw, 72px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.035 !important;\r\n      letter-spacing: -2.8px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-hero__title-highlight {\r\n      color: #ffffff !important;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 70%,\r\n          rgba(225, 6, 0, 0.72) 70%\r\n        );\r\n      box-decoration-break: clone;\r\n      -webkit-box-decoration-break: clone;\r\n    }\r\n\r\n    .prx-wb-v2-hero__title-line {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      width: 102px;\r\n      height: 7px;\r\n      margin: 30px 0 25px;\r\n    }\r\n\r\n    .prx-wb-v2-hero__title-line span:first-child {\r\n      width: 65px;\r\n      height: 4px;\r\n      border-radius: 20px;\r\n      background: var(--wb-red-500);\r\n      box-shadow: 0 0 18px rgba(225, 6, 0, 0.38);\r\n    }\r\n\r\n    .prx-wb-v2-hero__title-line span:not(:first-child) {\r\n      width: 5px;\r\n      height: 5px;\r\n      border-radius: 50%;\r\n      background: var(--wb-red-500);\r\n    }\r\n\r\n    .prx-wb-v2-hero__lead {\r\n      max-width: 690px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb-text-muted) !important;\r\n      font-size: clamp(17px, 1.35vw, 20px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__lead strong {\r\n      color: #ffffff !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       TRZY KORZY\u015aCI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__benefits {\r\n      display: grid;\r\n      gap: 13px;\r\n      margin: 29px 0 0 !important;\r\n      padding: 0 !important;\r\n      list-style: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__benefit {\r\n      display: grid;\r\n      grid-template-columns: 30px minmax(0, 1fr);\r\n      align-items: start;\r\n      gap: 12px;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n\r\n      color: #d8e5ef !important;\r\n      font-size: 15.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__benefit::before {\r\n      display: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__benefit-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 28px;\r\n      height: 28px;\r\n      margin-top: 1px;\r\n\r\n      border: 1px solid rgba(255, 81, 75, 0.32);\r\n      border-radius: 8px;\r\n      background: rgba(225, 6, 0, 0.14);\r\n      color: #ff7772 !important;\r\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .prx-wb-v2-hero__benefit-icon svg {\r\n      width: 15px;\r\n      height: 15px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2.3;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-hero__benefit-text {\r\n      color: #d8e5ef !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PRZYCISKI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 13px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-height: 58px;\r\n      overflow: hidden;\r\n      padding: 15px 24px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 10px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 15px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      text-align: center;\r\n\r\n      transition:\r\n        transform 0.24s ease,\r\n        border-color 0.24s ease,\r\n        background-color 0.24s ease,\r\n        box-shadow 0.24s ease;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -160%;\r\n      left: -65%;\r\n      width: 42%;\r\n      height: 430%;\r\n      background: rgba(255, 255, 255, 0.2);\r\n      transform: rotate(24deg);\r\n      transition: left 0.55s ease;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button:hover::before {\r\n      left: 130%;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button--primary {\r\n      min-width: 245px;\r\n      border-color: var(--wb-red-500) !important;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f11e18 0%,\r\n          var(--wb-red-600) 58%,\r\n          var(--wb-red-700) 100%\r\n        ) !important;\r\n      box-shadow: 0 14px 34px rgba(225, 6, 0, 0.27);\r\n    }\r\n\r\n    .prx-wb-v2-hero__button--secondary {\r\n      min-width: 205px;\r\n      border-color: rgba(255, 255, 255, 0.25) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__button span {\r\n      position: relative;\r\n      z-index: 2;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button svg {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: 0 0 auto;\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      transition: transform 0.24s ease;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button:hover,\r\n    .prx-wb-v2-hero__button:focus-visible {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__button--primary:hover,\r\n    .prx-wb-v2-hero__button--primary:focus-visible {\r\n      border-color: #f02924 !important;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #ff2821 0%,\r\n          #d50000 58%,\r\n          #b60000 100%\r\n        ) !important;\r\n      box-shadow: 0 18px 42px rgba(225, 6, 0, 0.36);\r\n    }\r\n\r\n    .prx-wb-v2-hero__button--secondary:hover,\r\n    .prx-wb-v2-hero__button--secondary:focus-visible {\r\n      border-color: rgba(255, 255, 255, 0.46) !important;\r\n      background: rgba(255, 255, 255, 0.12) !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__button:hover svg,\r\n    .prx-wb-v2-hero__button:focus-visible svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__button:focus-visible,\r\n    .prx-wb-v2-hero__nav-link:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .prx-wb-v2-hero__note {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 9px;\r\n      max-width: 650px;\r\n      margin: 17px 0 0 !important;\r\n\r\n      color: #91aabe !important;\r\n      font-size: 12.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__note svg {\r\n      flex: 0 0 auto;\r\n      width: 16px;\r\n      height: 16px;\r\n      margin-top: 1px;\r\n      fill: none;\r\n      stroke: #82abc7;\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PRAWA KOLUMNA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__visual-column {\r\n      position: relative;\r\n      min-width: 0;\r\n      padding-bottom: 72px;\r\n      perspective: 1200px;\r\n    }\r\n\r\n    .prx-wb-v2-hero__visual {\r\n      --wb-move-x: 0px;\r\n      --wb-move-y: 0px;\r\n\r\n      position: relative;\r\n      min-height: 515px;\r\n      overflow: visible;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.17);\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.11),\r\n          rgba(255, 255, 255, 0.025)\r\n        );\r\n      box-shadow:\r\n        0 36px 85px rgba(0, 0, 0, 0.34),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.09);\r\n\r\n      transform-style: preserve-3d;\r\n      -webkit-backdrop-filter: blur(15px);\r\n      backdrop-filter: blur(15px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__visual-shadow {\r\n      position: absolute;\r\n      z-index: -1;\r\n      inset: 11% -4% -7% 8%;\r\n      border-radius: 30px;\r\n      background: rgba(2, 13, 24, 0.72);\r\n      filter: blur(17px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-hero__image-frame {\r\n      position: absolute;\r\n      inset: 13px;\r\n      overflow: hidden;\r\n      border-radius: 21px;\r\n      background:\r\n        linear-gradient(145deg, #f0f3f5 0%, #d9e0e5 100%);\r\n      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34);\r\n    }\r\n\r\n    .prx-wb-v2-hero__image-frame::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: 2;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(2, 15, 27, 0.02) 40%,\r\n          rgba(2, 15, 27, 0.76) 100%\r\n        ),\r\n        linear-gradient(\r\n          115deg,\r\n          rgba(3, 26, 44, 0.08),\r\n          transparent 56%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-hero__image-frame::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: 4;\r\n      top: -30%;\r\n      bottom: -30%;\r\n      left: -28%;\r\n      width: 14%;\r\n      opacity: 0.42;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(255, 255, 255, 0.68),\r\n          transparent\r\n        );\r\n      transform: skewX(-16deg);\r\n      animation: prxWbV2Scan 7.2s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-hero__image {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      max-width: none !important;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transform:\r\n        translate3d(\r\n          var(--wb-move-x),\r\n          var(--wb-move-y),\r\n          0\r\n        )\r\n        scale(1.045);\r\n      filter: saturate(0.94) contrast(1.04);\r\n      transition: transform 0.2s ease-out;\r\n      will-change: transform;\r\n    }\r\n\r\n    \/* Linia pokazuj\u0105ca charakterystyczne ugi\u0119cie *\/\r\n\r\n    .prx-wb-v2-hero__curve {\r\n      position: absolute;\r\n      z-index: 4;\r\n      top: 22%;\r\n      left: 6%;\r\n      width: 88%;\r\n      height: auto;\r\n      overflow: visible;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-hero__curve-base {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.3);\r\n      stroke-width: 1.4;\r\n    }\r\n\r\n    .prx-wb-v2-hero__curve-active {\r\n      fill: none;\r\n      stroke: #ef201a;\r\n      stroke-width: 2.7;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 9 12;\r\n      filter: drop-shadow(0 0 6px rgba(225, 6, 0, 0.86));\r\n      animation: prxWbV2Flow 2.7s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-hero__status {\r\n      position: absolute;\r\n      z-index: 6;\r\n      top: 29px;\r\n      right: 29px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      border-radius: 8px;\r\n      background: rgba(3, 18, 32, 0.72);\r\n\r\n      color: #e2edf4 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__status-dot {\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: #43e49a;\r\n      box-shadow: 0 0 11px rgba(67, 228, 154, 0.82);\r\n    }\r\n\r\n    .prx-wb-v2-hero__image-caption {\r\n      position: absolute;\r\n      z-index: 6;\r\n      bottom: 28px;\r\n      left: 29px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      max-width: calc(100% - 58px);\r\n      padding: 10px 14px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.17);\r\n      border-radius: 999px;\r\n      background: rgba(3, 17, 31, 0.78);\r\n\r\n      color: #ffffff !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n      letter-spacing: 0.75px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__image-caption::before {\r\n      content: \"\";\r\n      flex: 0 0 auto;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: var(--wb-red-500);\r\n      box-shadow: 0 0 12px rgba(225, 6, 0, 0.85);\r\n    }\r\n\r\n    \/* =========================================================\r\n       KARTY POD ZDJ\u0118CIEM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__cards {\r\n      position: absolute;\r\n      z-index: 8;\r\n      right: 25px;\r\n      bottom: -70px;\r\n      left: 25px;\r\n\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 11px;\r\n    }\r\n\r\n    .prx-wb-v2-hero__card {\r\n      display: grid;\r\n      grid-template-rows: auto 1fr;\r\n      min-width: 0;\r\n      min-height: 108px;\r\n      padding: 17px 14px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      border-radius: 13px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(14, 60, 94, 0.96),\r\n          rgba(5, 28, 49, 0.98)\r\n        );\r\n      box-shadow:\r\n        0 16px 31px rgba(0, 0, 0, 0.24),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n\r\n      text-align: left;\r\n      transition:\r\n        transform 0.24s ease,\r\n        border-color 0.24s ease;\r\n\r\n      -webkit-backdrop-filter: blur(14px);\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__card-head {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .prx-wb-v2-hero__card-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 28px;\r\n      height: 28px;\r\n      flex: 0 0 auto;\r\n\r\n      border: 1px solid rgba(255, 91, 85, 0.24);\r\n      border-radius: 8px;\r\n      background: rgba(225, 6, 0, 0.12);\r\n      color: #ff7772 !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__card-icon svg {\r\n      width: 15px;\r\n      height: 15px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-hero__card strong {\r\n      display: block;\r\n      margin: 0 !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 14px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n    }\r\n\r\n    .prx-wb-v2-hero__card p {\r\n      margin: 0 !important;\r\n\r\n      color: #9db3c5 !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAWIGACJA PO STRONIE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-hero__nav {\r\n      display: grid;\r\n      grid-template-columns: auto minmax(0, 1fr);\r\n      align-items: center;\r\n      gap: 22px;\r\n      margin-top: 52px;\r\n      padding: 13px 15px 13px 20px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 15px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-wb-v2-hero__nav-title {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      white-space: nowrap;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 11px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.85px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-hero__nav-title::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n      border-radius: 50%;\r\n      background: var(--wb-red-500);\r\n    }\r\n\r\n    .prx-wb-v2-hero__nav-links {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 6px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-hero__nav-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 38px;\r\n      padding: 9px 13px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 8px;\r\n\r\n      color: #aebfd0 !important;\r\n      font-size: 12px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-hero__nav-link:hover {\r\n      border-color: rgba(255, 255, 255, 0.15);\r\n      background: rgba(255, 255, 255, 0.08);\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2Pulse {\r\n      0%,\r\n      100% {\r\n        box-shadow: 0 0 0 4px rgba(225, 6, 0, 0.12);\r\n      }\r\n\r\n      50% {\r\n        box-shadow: 0 0 0 9px rgba(225, 6, 0, 0.015);\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2Scan {\r\n      0%,\r\n      18% {\r\n        left: -28%;\r\n      }\r\n\r\n      72%,\r\n      100% {\r\n        left: 128%;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2Flow {\r\n      to {\r\n        stroke-dashoffset: -42;\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-hero__card:hover {\r\n        border-color: rgba(255, 255, 255, 0.31);\r\n        transform: translateY(-6px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1120px) {\r\n      .prx-wb-v2-hero {\r\n        padding-top: 78px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 58px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__content {\r\n        max-width: 850px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__visual-column {\r\n        width: min(840px, 100%);\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .prx-wb-v2-hero__visual {\r\n        min-height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 840px) {\r\n      .prx-wb-v2-hero {\r\n        padding: 64px 18px 28px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__title {\r\n        font-size: clamp(40px, 8.3vw, 59px) !important;\r\n        letter-spacing: -2px !important;\r\n      }\r\n\r\n      .prx-wb-v2-hero__visual-column {\r\n        padding-bottom: 0;\r\n      }\r\n\r\n      .prx-wb-v2-hero__cards {\r\n        position: relative;\r\n        right: auto;\r\n        bottom: auto;\r\n        left: auto;\r\n        margin: -55px 22px 0;\r\n      }\r\n\r\n      .prx-wb-v2-hero__nav {\r\n        grid-template-columns: 1fr;\r\n        gap: 11px;\r\n        margin-top: 46px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__nav-links {\r\n        justify-content: flex-start;\r\n        overflow-x: auto;\r\n        padding-bottom: 4px;\r\n        scrollbar-width: thin;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .prx-wb-v2-hero {\r\n        padding-top: 50px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__label {\r\n        align-items: flex-start;\r\n        border-radius: 12px;\r\n        font-size: 10.5px !important;\r\n      }\r\n\r\n      .prx-wb-v2-hero__title {\r\n        font-size: clamp(36px, 11.2vw, 49px) !important;\r\n        line-height: 1.04 !important;\r\n        letter-spacing: -1.6px !important;\r\n      }\r\n\r\n      .prx-wb-v2-hero__lead {\r\n        font-size: 16.5px !important;\r\n        line-height: 1.65 !important;\r\n      }\r\n\r\n      .prx-wb-v2-hero__actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-hero__button {\r\n        width: 100%;\r\n        min-width: 0;\r\n      }\r\n\r\n      .prx-wb-v2-hero__visual {\r\n        min-height: 405px;\r\n        border-radius: 21px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__image-frame {\r\n        inset: 9px;\r\n        border-radius: 15px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__status {\r\n        top: 20px;\r\n        right: 20px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__image-caption {\r\n        bottom: 21px;\r\n        left: 20px;\r\n        max-width: calc(100% - 40px);\r\n        border-radius: 10px;\r\n        font-size: 9.5px !important;\r\n      }\r\n\r\n      .prx-wb-v2-hero__cards {\r\n        grid-template-columns: 1fr;\r\n        gap: 8px;\r\n        margin: -44px 15px 0;\r\n      }\r\n\r\n      .prx-wb-v2-hero__card {\r\n        grid-template-columns: minmax(145px, 0.7fr) 1fr;\r\n        grid-template-rows: auto;\r\n        align-items: center;\r\n        gap: 10px;\r\n        min-height: 0;\r\n        padding: 14px 15px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__card-head {\r\n        margin: 0;\r\n      }\r\n\r\n      .prx-wb-v2-hero__nav {\r\n        margin-top: 36px;\r\n        padding: 14px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n      .prx-wb-v2-hero {\r\n        padding-right: 14px;\r\n        padding-left: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__visual {\r\n        min-height: 350px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__status {\r\n        display: none;\r\n      }\r\n\r\n      .prx-wb-v2-hero__card {\r\n        grid-template-columns: 1fr;\r\n        gap: 8px;\r\n      }\r\n\r\n      .prx-wb-v2-hero__card-head {\r\n        align-items: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-hero *,\r\n      .prx-wb-v2-hero *::before,\r\n      .prx-wb-v2-hero *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-hero__image {\r\n        transform: scale(1.035);\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-hero__ambient\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"prx-wb-v2-hero__inner\">\r\n\r\n    <div class=\"prx-wb-v2-hero__grid\">\r\n\r\n      <!-- =============================================\r\n           LEWA KOLUMNA\r\n      ============================================== -->\r\n\r\n      <div class=\"prx-wb-v2-hero__content\">\r\n\r\n        <div class=\"prx-wb-v2-hero__label\">\r\n          <span\r\n            class=\"prx-wb-v2-hero__label-dot\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n          <span>Wa\u0142y bananowe \u00b7 produkcja i regeneracja<\/span>\r\n        <\/div>\r\n\r\n        <h1\r\n          class=\"prx-wb-v2-hero__title\"\r\n          id=\"prx-wb-v2-hero-title\"\r\n        >\r\n          Wa\u0142y bananowe do\r\n          <span class=\"prx-wb-v2-hero__title-highlight\">\r\n            stabilnego prowadzenia materia\u0142u\r\n          <\/span>\r\n        <\/h1>\r\n\r\n        <div\r\n          class=\"prx-wb-v2-hero__title-line\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"prx-wb-v2-hero__lead\">\r\n          Gdy folia, papier, w\u0142\u00f3knina lub tkanina marszczy si\u0119\r\n          podczas prowadzenia, odpowiednio dobrany\r\n          <strong>\r\n            wa\u0142 bananowy pomaga rozprowadzi\u0107 materia\u0142 na szeroko\u015bci\r\n            i ustabilizowa\u0107 tor wst\u0119gi.\r\n          <\/strong>\r\n          Wykonujemy nowe wa\u0142y na wymiar oraz oceniamy mo\u017cliwo\u015b\u0107\r\n          regeneracji eksploatowanych element\u00f3w.\r\n        <\/p>\r\n\r\n        <ul class=\"prx-wb-v2-hero__benefits\">\r\n\r\n          <li class=\"prx-wb-v2-hero__benefit\">\r\n            <span\r\n              class=\"prx-wb-v2-hero__benefit-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"m5 12 4 4L19 6\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-hero__benefit-text\">\r\n              Nowe wa\u0142y wykonywane na podstawie dokumentacji,\r\n              wymiar\u00f3w albo uzgodnionej specyfikacji.\r\n            <\/span>\r\n          <\/li>\r\n\r\n          <li class=\"prx-wb-v2-hero__benefit\">\r\n            <span\r\n              class=\"prx-wb-v2-hero__benefit-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"m5 12 4 4L19 6\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-hero__benefit-text\">\r\n              Regeneracja po ocenie konstrukcji, powierzchni roboczej\r\n              i stanu element\u00f3w wsp\u00f3\u0142pracuj\u0105cych.\r\n            <\/span>\r\n          <\/li>\r\n\r\n          <li class=\"prx-wb-v2-hero__benefit\">\r\n            <span\r\n              class=\"prx-wb-v2-hero__benefit-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"m5 12 4 4L19 6\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-hero__benefit-text\">\r\n              Dob\u00f3r konstrukcji, powierzchni i sposobu mocowania\r\n              do materia\u0142u oraz warunk\u00f3w pracy linii.\r\n            <\/span>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n        <div class=\"prx-wb-v2-hero__actions\">\r\n\r\n          <a\r\n            class=\"prx-wb-v2-hero__button prx-wb-v2-hero__button--primary\"\r\n            href=\"#konfigurator-walu-bananowego\"\r\n          >\r\n            <span>Przygotuj dane do wyceny<\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14\"><\/path>\r\n              <path d=\"m14 7 5 5-5 5\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"prx-wb-v2-hero__button prx-wb-v2-hero__button--secondary\"\r\n            href=\"\/kontakt\/\"\r\n          >\r\n            <span>Przejd\u017a do kontaktu<\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14\"><\/path>\r\n              <path d=\"m14 7 5 5-5 5\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"prx-wb-v2-hero__note\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M12 10v6\"><\/path>\r\n            <path d=\"M12 7h.01\"><\/path>\r\n          <\/svg>\r\n\r\n          Zakres wykonania lub regeneracji potwierdzamy po analizie\r\n          zastosowania, wymiar\u00f3w oraz dost\u0119pnej dokumentacji.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- =============================================\r\n           PRAWA KOLUMNA\r\n      ============================================== -->\r\n\r\n      <div class=\"prx-wb-v2-hero__visual-column\">\r\n\r\n        <div\r\n          class=\"prx-wb-v2-hero__visual\"\r\n          data-prx-wb-visual\r\n        >\r\n          <div\r\n            class=\"prx-wb-v2-hero__visual-shadow\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n          <div class=\"prx-wb-v2-hero__image-frame\">\r\n\r\n            <img fetchpriority=\"high\"\r\n              class=\"prx-wb-v2-hero__image\"\r\n              src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/banana-roller.png\"\r\n              alt=\"Wa\u0142 bananowy do rozprowadzania i stabilizacji materia\u0142u wst\u0119gowego\"\r\n              width=\"1248\"\r\n              height=\"832\"\r\n              loading=\"eager\"\r\n              fetchpriority=\"high\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <svg\r\n              class=\"prx-wb-v2-hero__curve\"\r\n              viewBox=\"0 0 800 280\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <path\r\n                class=\"prx-wb-v2-hero__curve-base\"\r\n                d=\"M32 205 C190 112 390 91 768 134\"\r\n              ><\/path>\r\n\r\n              <path\r\n                class=\"prx-wb-v2-hero__curve-active\"\r\n                d=\"M32 205 C190 112 390 91 768 134\"\r\n              ><\/path>\r\n            <\/svg>\r\n\r\n            <div class=\"prx-wb-v2-hero__status\">\r\n              <span\r\n                class=\"prx-wb-v2-hero__status-dot\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n\r\n              Dob\u00f3r do aplikacji\r\n            <\/div>\r\n\r\n            <div class=\"prx-wb-v2-hero__image-caption\">\r\n              Wa\u0142 bananowy wykonywany pod konkretny uk\u0142ad maszyny\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-hero__cards\">\r\n\r\n            <article class=\"prx-wb-v2-hero__card\">\r\n              <div class=\"prx-wb-v2-hero__card-head\">\r\n                <span\r\n                  class=\"prx-wb-v2-hero__card-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 17V7\"><\/path>\r\n                    <path d=\"M20 17V7\"><\/path>\r\n                    <path d=\"M7 12h10\"><\/path>\r\n                    <path d=\"m9 9-3 3 3 3\"><\/path>\r\n                    <path d=\"m15 9 3 3-3 3\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <strong>Nowe wykonanie<\/strong>\r\n              <\/div>\r\n\r\n              <p>\r\n                Konstrukcja dopasowana do wymiar\u00f3w, materia\u0142u\r\n                i miejsca monta\u017cu.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"prx-wb-v2-hero__card\">\r\n              <div class=\"prx-wb-v2-hero__card-head\">\r\n                <span\r\n                  class=\"prx-wb-v2-hero__card-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M20 7v5h-5\"><\/path>\r\n                    <path d=\"M4 17v-5h5\"><\/path>\r\n                    <path d=\"M6.1 9a7 7 0 0 1 11.4-2L20 9\"><\/path>\r\n                    <path d=\"M17.9 15a7 7 0 0 1-11.4 2L4 15\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <strong>Regeneracja<\/strong>\r\n              <\/div>\r\n\r\n              <p>\r\n                Zakres prac ustalany po sprawdzeniu stanu\r\n                istniej\u0105cego elementu.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"prx-wb-v2-hero__card\">\r\n              <div class=\"prx-wb-v2-hero__card-head\">\r\n                <span\r\n                  class=\"prx-wb-v2-hero__card-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 15c4-6 12-6 16 0\"><\/path>\r\n                    <path d=\"M6 18c3-4 9-4 12 0\"><\/path>\r\n                    <path d=\"M12 5v5\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <strong>Dob\u00f3r powierzchni<\/strong>\r\n              <\/div>\r\n\r\n              <p>\r\n                Guma lub poliuretan dobierane do rodzaju wst\u0119gi\r\n                i warunk\u00f3w procesu.\r\n              <\/p>\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =============================================\r\n         NAWIGACJA PO KOLEJNYCH BLOKACH\r\n    ============================================== -->\r\n\r\n    <nav\r\n      class=\"prx-wb-v2-hero__nav\"\r\n      aria-label=\"Nawigacja po stronie wa\u0142\u00f3w bananowych\"\r\n    >\r\n      <span class=\"prx-wb-v2-hero__nav-title\">\r\n        Na tej stronie\r\n      <\/span>\r\n\r\n      <div class=\"prx-wb-v2-hero__nav-links\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-hero__nav-link\"\r\n          href=\"#zakres-walow-bananowych\"\r\n        >\r\n          Oferta\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-hero__nav-link\"\r\n          href=\"#dzialanie-walu-bananowego\"\r\n        >\r\n          Jak dzia\u0142a\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-hero__nav-link\"\r\n          href=\"#parametry-walow-bananowych\"\r\n        >\r\n          Parametry\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-hero__nav-link\"\r\n          href=\"#budowa-walu-bananowego\"\r\n        >\r\n          Budowa\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-hero__nav-link\"\r\n          href=\"#diagnostyka-walu-bananowego\"\r\n        >\r\n          Diagnostyka\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-hero__nav-link\"\r\n          href=\"#faq-waly-bananowe\"\r\n        >\r\n          FAQ\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/nav>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const hero = document.querySelector(\".prx-wb-v2-hero\");\r\n\r\n      if (!hero || hero.dataset.prxWbV2Ready === \"true\") {\r\n        return;\r\n      }\r\n\r\n      hero.dataset.prxWbV2Ready = \"true\";\r\n\r\n      const visual = hero.querySelector(\"[data-prx-wb-visual]\");\r\n      const reduceMotion = window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n      ).matches;\r\n\r\n      const canHover = window.matchMedia(\r\n        \"(hover: hover) and (pointer: fine)\"\r\n      ).matches;\r\n\r\n      \/*\r\n       * Delikatny ruch obrazu pod kursorem.\r\n       * Nie obraca ca\u0142ego kontenera, wi\u0119c tekst i karty pozostaj\u0105 czytelne.\r\n       *\/\r\n      if (visual && canHover && !reduceMotion) {\r\n        visual.addEventListener(\"pointermove\", function (event) {\r\n          const rect = visual.getBoundingClientRect();\r\n\r\n          const x =\r\n            (event.clientX - rect.left) \/ rect.width - 0.5;\r\n\r\n          const y =\r\n            (event.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n          visual.style.setProperty(\r\n            \"--wb-move-x\",\r\n            (x * 13).toFixed(2) + \"px\"\r\n          );\r\n\r\n          visual.style.setProperty(\r\n            \"--wb-move-y\",\r\n            (y * 10).toFixed(2) + \"px\"\r\n          );\r\n        });\r\n\r\n        visual.addEventListener(\"pointerleave\", function () {\r\n          visual.style.setProperty(\"--wb-move-x\", \"0px\");\r\n          visual.style.setProperty(\"--wb-move-y\", \"0px\");\r\n        });\r\n      }\r\n\r\n      \/*\r\n       * P\u0142ynne przewijanie do istniej\u0105cych sekcji.\r\n       * Gdy kolejny blok nie jest jeszcze dodany, link nie powoduje b\u0142\u0119du.\r\n       *\/\r\n      hero\r\n        .querySelectorAll('a[href^=\"#\"]')\r\n        .forEach(function (link) {\r\n          link.addEventListener(\"click\", function (event) {\r\n            const selector = link.getAttribute(\"href\");\r\n\r\n            if (!selector || selector === \"#\") {\r\n              return;\r\n            }\r\n\r\n            const target = document.querySelector(selector);\r\n\r\n            if (!target) {\r\n              return;\r\n            }\r\n\r\n            event.preventDefault();\r\n\r\n            target.scrollIntoView({\r\n              behavior: reduceMotion ? \"auto\" : \"smooth\",\r\n              block: \"start\"\r\n            });\r\n          });\r\n        });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ec041c elementor-widget elementor-widget-html\" data-id=\"6ec041c\" 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 WA\u0141Y BANANOWE\r\n     BLOK 2: ZAKRES OFERTY\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-offer\"\r\n  id=\"zakres-walow-bananowych\"\r\n  aria-labelledby=\"prx-wb-v2-offer-title\"\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I ZABEZPIECZENIE PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer,\r\n    .prx-wb-v2-offer *,\r\n    .prx-wb-v2-offer *::before,\r\n    .prx-wb-v2-offer *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-offer {\r\n      --wb2-navy-950: #031321;\r\n      --wb2-navy-900: #061b30;\r\n      --wb2-navy-800: #092d4a;\r\n      --wb2-navy-700: #0d426a;\r\n      --wb2-blue-500: #2677a8;\r\n      --wb2-red-500: #e10600;\r\n      --wb2-red-600: #c90000;\r\n      --wb2-white: #ffffff;\r\n      --wb2-bg: #f3f6f8;\r\n      --wb2-bg-soft: #eaf0f4;\r\n      --wb2-text: #102b42;\r\n      --wb2-text-soft: #536b7e;\r\n      --wb2-muted: #718596;\r\n      --wb2-border: #d7e1e8;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(82px, 8vw, 122px) 24px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 4% 8%,\r\n          rgba(38, 119, 168, 0.11) 0%,\r\n          rgba(38, 119, 168, 0) 29%\r\n        ),\r\n        radial-gradient(\r\n          circle at 96% 87%,\r\n          rgba(225, 6, 0, 0.055) 0%,\r\n          rgba(225, 6, 0, 0) 26%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #f8fafb 0%,\r\n          var(--wb2-bg) 54%,\r\n          #eef3f6 100%\r\n        );\r\n\r\n      color: var(--wb2-text) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-offer h2,\r\n    .prx-wb-v2-offer h3,\r\n    .prx-wb-v2-offer p,\r\n    .prx-wb-v2-offer span,\r\n    .prx-wb-v2-offer strong,\r\n    .prx-wb-v2-offer a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DEKORACJE T\u0141A\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -3;\r\n      top: -330px;\r\n      left: -310px;\r\n      width: 690px;\r\n      height: 690px;\r\n      border: 1px solid rgba(9, 45, 74, 0.07);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        0 0 0 82px rgba(9, 45, 74, 0.025),\r\n        0 0 0 174px rgba(9, 45, 74, 0.014);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-offer::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -3;\r\n      right: -130px;\r\n      bottom: -230px;\r\n      width: 620px;\r\n      height: 620px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(225, 6, 0, 0.08) 0%,\r\n          rgba(225, 6, 0, 0) 68%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-offer__technical-line {\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: 78px;\r\n      right: -80px;\r\n      width: min(720px, 53vw);\r\n      height: 250px;\r\n      opacity: 0.42;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-offer__technical-line path:first-child {\r\n      fill: none;\r\n      stroke: rgba(9, 45, 74, 0.1);\r\n      stroke-width: 2;\r\n    }\r\n\r\n    .prx-wb-v2-offer__technical-line path:last-child {\r\n      fill: none;\r\n      stroke: rgba(225, 6, 0, 0.22);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 7 13;\r\n      animation: prxWbV2OfferFlow 9s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-offer__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1240px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY UK\u0141AD\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer__layout {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(285px, 0.76fr)\r\n        minmax(0, 1.74fr);\r\n      align-items: start;\r\n      gap: clamp(44px, 6vw, 88px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       LEWA KOLUMNA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer__intro {\r\n      position: sticky;\r\n      top: 118px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-offer__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin: 0 0 22px;\r\n      padding: 8px 13px;\r\n\r\n      border: 1px solid rgba(9, 45, 74, 0.12);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.7);\r\n\r\n      color: var(--wb2-navy-700) !important;\r\n      font-size: 11px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.1px !important;\r\n      text-transform: uppercase;\r\n\r\n      box-shadow:\r\n        0 8px 22px rgba(9, 35, 56, 0.045),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.75);\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-offer__eyebrow::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n      border-radius: 50%;\r\n      background: var(--wb2-red-500);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-offer__title {\r\n      max-width: 470px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb2-navy-950) !important;\r\n      font-size: clamp(34px, 3.55vw, 52px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.08 !important;\r\n      letter-spacing: -1.9px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-offer__title strong {\r\n      color: var(--wb2-red-500) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__line {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      width: 100px;\r\n      height: 7px;\r\n      margin: 25px 0 24px;\r\n    }\r\n\r\n    .prx-wb-v2-offer__line span:first-child {\r\n      width: 65px;\r\n      height: 4px;\r\n      border-radius: 999px;\r\n      background: var(--wb2-red-500);\r\n    }\r\n\r\n    .prx-wb-v2-offer__line span:not(:first-child) {\r\n      width: 5px;\r\n      height: 5px;\r\n      border-radius: 50%;\r\n      background: var(--wb2-red-500);\r\n    }\r\n\r\n    .prx-wb-v2-offer__lead {\r\n      max-width: 445px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb2-text-soft) !important;\r\n      font-size: 17px !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__lead strong {\r\n      color: var(--wb2-navy-900) !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MA\u0141Y PANEL TECHNICZNY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer__intro-panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      margin-top: 32px;\r\n      padding: 23px 22px 22px;\r\n\r\n      border: 1px solid rgba(9, 45, 74, 0.13);\r\n      border-radius: 17px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.92),\r\n          rgba(238, 244, 247, 0.92)\r\n        );\r\n\r\n      box-shadow:\r\n        0 18px 42px rgba(9, 35, 56, 0.075),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    .prx-wb-v2-offer__intro-panel::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:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb2-red-500),\r\n          var(--wb2-red-600)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-offer__intro-panel-label {\r\n      display: block;\r\n      margin: 0 0 10px;\r\n\r\n      color: var(--wb2-red-500) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.05px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-offer__intro-panel strong {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: var(--wb2-navy-950) !important;\r\n      font-size: 17px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__intro-panel p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb2-text-soft) !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SIATKA KART\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 18px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card {\r\n      --wb2-card-accent: var(--wb2-blue-500);\r\n      --wb2-card-accent-soft: rgba(38, 119, 168, 0.1);\r\n\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n      min-height: 305px;\r\n      overflow: hidden;\r\n      padding: 27px 26px 25px;\r\n\r\n      border: 1px solid var(--wb2-border);\r\n      border-radius: 21px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.98),\r\n          rgba(250, 252, 253, 0.98)\r\n        );\r\n\r\n      box-shadow:\r\n        0 13px 35px rgba(7, 37, 60, 0.055),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n\r\n      opacity: 0;\r\n      transform: translateY(25px);\r\n      transition:\r\n        opacity 0.62s ease,\r\n        transform 0.62s ease,\r\n        border-color 0.28s ease,\r\n        box-shadow 0.28s ease;\r\n    }\r\n\r\n    .prx-wb-v2-offer.is-visible\r\n      .prx-wb-v2-offer__card {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-offer.is-visible\r\n      .prx-wb-v2-offer__card:nth-child(2) {\r\n      transition-delay: 0.07s;\r\n    }\r\n\r\n    .prx-wb-v2-offer.is-visible\r\n      .prx-wb-v2-offer__card:nth-child(3) {\r\n      transition-delay: 0.14s;\r\n    }\r\n\r\n    .prx-wb-v2-offer.is-visible\r\n      .prx-wb-v2-offer__card:nth-child(4) {\r\n      transition-delay: 0.21s;\r\n    }\r\n\r\n    .prx-wb-v2-offer.is-visible\r\n      .prx-wb-v2-offer__card:nth-child(5) {\r\n      transition-delay: 0.28s;\r\n    }\r\n\r\n    .prx-wb-v2-offer.is-visible\r\n      .prx-wb-v2-offer__card:nth-child(6) {\r\n      transition-delay: 0.35s;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      left: 0;\r\n      height: 4px;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--wb2-card-accent),\r\n          rgba(255, 255, 255, 0)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-offer__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -105px;\r\n      right: -105px;\r\n      width: 220px;\r\n      height: 220px;\r\n      border-radius: 50%;\r\n      background: var(--wb2-card-accent-soft);\r\n      transition:\r\n        transform 0.4s ease,\r\n        opacity 0.4s ease;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card--red {\r\n      --wb2-card-accent: var(--wb2-red-500);\r\n      --wb2-card-accent-soft: rgba(225, 6, 0, 0.075);\r\n    }\r\n\r\n    .prx-wb-v2-offer__card--navy {\r\n      --wb2-card-accent: var(--wb2-navy-700);\r\n      --wb2-card-accent-soft: rgba(9, 66, 106, 0.08);\r\n    }\r\n\r\n    .prx-wb-v2-offer__card-top {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      margin-bottom: 23px;\r\n    }\r\n\r\n    .prx-wb-v2-offer__icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 53px;\r\n      height: 53px;\r\n      flex: 0 0 auto;\r\n\r\n      border: 1px solid color-mix(\r\n        in srgb,\r\n        var(--wb2-card-accent) 25%,\r\n        transparent\r\n      );\r\n      border-radius: 15px;\r\n      background: var(--wb2-card-accent-soft);\r\n\r\n      color: var(--wb2-card-accent) !important;\r\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);\r\n    }\r\n\r\n    .prx-wb-v2-offer__icon svg {\r\n      width: 27px;\r\n      height: 27px;\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\r\n    .prx-wb-v2-offer__card-marker {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 7px 9px;\r\n\r\n      border: 1px solid rgba(9, 45, 74, 0.09);\r\n      border-radius: 8px;\r\n      background: rgba(239, 244, 247, 0.75);\r\n\r\n      color: var(--wb2-muted) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.75px !important;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card-marker::before {\r\n      content: \"\";\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: var(--wb2-card-accent);\r\n    }\r\n\r\n    .prx-wb-v2-offer__card-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      flex: 1;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card h3 {\r\n      margin: 0 0 13px !important;\r\n\r\n      color: var(--wb2-navy-950) !important;\r\n      font-size: 22px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.22 !important;\r\n      letter-spacing: -0.55px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb2-text-soft) !important;\r\n      font-size: 14.5px !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.68 !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card-footer {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin-top: auto;\r\n      padding-top: 22px;\r\n\r\n      color: var(--wb2-navy-700) !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__card-footer svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      flex: 0 0 auto;\r\n      fill: none;\r\n      stroke: var(--wb2-card-accent);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DOLNY PANEL CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-offer__bottom {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      align-items: center;\r\n      gap: 32px;\r\n      overflow: hidden;\r\n      margin-top: 35px;\r\n      padding: 28px 31px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 20px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 20%,\r\n          rgba(38, 119, 168, 0.32),\r\n          rgba(38, 119, 168, 0) 32%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--wb2-navy-950),\r\n          var(--wb2-navy-800)\r\n        );\r\n\r\n      box-shadow: 0 25px 55px rgba(4, 28, 47, 0.17);\r\n    }\r\n\r\n    .prx-wb-v2-offer__bottom::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -150px;\r\n      right: 8%;\r\n      width: 290px;\r\n      height: 290px;\r\n      border: 1px solid rgba(255, 255, 255, 0.07);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 0 48px rgba(255, 255, 255, 0.02);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-offer__bottom-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-offer__bottom-label {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ff716d !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-offer__bottom strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(20px, 2vw, 27px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: -0.45px !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__bottom p {\r\n      max-width: 770px;\r\n      margin: 0 !important;\r\n\r\n      color: #b8cad8 !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__bottom-actions {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-offer__button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-height: 52px;\r\n      padding: 13px 19px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      text-align: center;\r\n\r\n      transition:\r\n        transform 0.22s ease,\r\n        background-color 0.22s ease,\r\n        border-color 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n    }\r\n\r\n    .prx-wb-v2-offer__button--primary {\r\n      border-color: var(--wb2-red-500) !important;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #ef201a,\r\n          var(--wb2-red-600)\r\n        ) !important;\r\n      box-shadow: 0 12px 28px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-wb-v2-offer__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.22) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__button span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      flex: 0 0 auto;\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      transition: transform 0.22s ease;\r\n    }\r\n\r\n    .prx-wb-v2-offer__button:hover,\r\n    .prx-wb-v2-offer__button:focus-visible {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-offer__button--primary:hover,\r\n    .prx-wb-v2-offer__button--primary:focus-visible {\r\n      border-color: #f02a24 !important;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #ff2b24,\r\n          #bd0000\r\n        ) !important;\r\n      box-shadow: 0 16px 35px rgba(225, 6, 0, 0.32);\r\n    }\r\n\r\n    .prx-wb-v2-offer__button--secondary:hover,\r\n    .prx-wb-v2-offer__button--secondary:focus-visible {\r\n      border-color: rgba(255, 255, 255, 0.42) !important;\r\n      background: rgba(255, 255, 255, 0.12) !important;\r\n    }\r\n\r\n    .prx-wb-v2-offer__button:hover svg,\r\n    .prx-wb-v2-offer__button:focus-visible svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-offer__button:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       INTERAKCJE\r\n    ========================================================= *\/\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-offer__card:hover {\r\n        border-color: color-mix(\r\n          in srgb,\r\n          var(--wb2-card-accent) 35%,\r\n          var(--wb2-border)\r\n        );\r\n\r\n        box-shadow:\r\n          0 22px 52px rgba(7, 37, 60, 0.105),\r\n          inset 0 1px 0 rgba(255, 255, 255, 0.98);\r\n\r\n        transform: translateY(-7px);\r\n      }\r\n\r\n      .prx-wb-v2-offer__card:hover::after {\r\n        opacity: 1;\r\n        transform: scale(1.12);\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2OfferFlow {\r\n      to {\r\n        stroke-dashoffset: -120;\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v2-offer__layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__intro {\r\n        position: relative;\r\n        top: auto;\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);\r\n        align-items: end;\r\n        gap: 35px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__intro-main {\r\n        min-width: 0;\r\n      }\r\n\r\n      .prx-wb-v2-offer__intro-panel {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 780px) {\r\n      .prx-wb-v2-offer {\r\n        padding: 75px 18px 82px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__intro {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__intro-panel {\r\n        margin-top: 0;\r\n      }\r\n\r\n      .prx-wb-v2-offer__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__card {\r\n        min-height: 0;\r\n      }\r\n\r\n      .prx-wb-v2-offer__bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__bottom-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .prx-wb-v2-offer {\r\n        padding-right: 14px;\r\n        padding-left: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__title {\r\n        font-size: clamp(32px, 9.7vw, 43px) !important;\r\n        letter-spacing: -1.4px !important;\r\n      }\r\n\r\n      .prx-wb-v2-offer__lead {\r\n        font-size: 16px !important;\r\n      }\r\n\r\n      .prx-wb-v2-offer__card {\r\n        padding: 23px 21px 22px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__card-top {\r\n        margin-bottom: 19px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__card h3 {\r\n        font-size: 20px !important;\r\n      }\r\n\r\n      .prx-wb-v2-offer__bottom {\r\n        padding: 25px 21px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-wb-v2-offer__bottom-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-offer__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v2-offer__card-top {\r\n        align-items: center;\r\n      }\r\n\r\n      .prx-wb-v2-offer__card-marker {\r\n        max-width: 126px;\r\n        white-space: normal;\r\n        text-align: right;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-offer *,\r\n      .prx-wb-v2-offer *::before,\r\n      .prx-wb-v2-offer *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-offer__card {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Dekoracyjny przebieg zakrzywionego wa\u0142u -->\r\n  <svg\r\n    class=\"prx-wb-v2-offer__technical-line\"\r\n    viewBox=\"0 0 720 250\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <path d=\"M18 196 C165 72 395 47 702 122\"><\/path>\r\n    <path d=\"M18 196 C165 72 395 47 702 122\"><\/path>\r\n  <\/svg>\r\n\r\n  <div class=\"prx-wb-v2-offer__inner\">\r\n\r\n    <div class=\"prx-wb-v2-offer__layout\">\r\n\r\n      <!-- =============================================\r\n           LEWA KOLUMNA\r\n      ============================================== -->\r\n\r\n      <div class=\"prx-wb-v2-offer__intro\">\r\n\r\n        <div class=\"prx-wb-v2-offer__intro-main\">\r\n\r\n          <span class=\"prx-wb-v2-offer__eyebrow\">\r\n            Zakres wykonania\r\n          <\/span>\r\n\r\n          <h2\r\n            class=\"prx-wb-v2-offer__title\"\r\n            id=\"prx-wb-v2-offer-title\"\r\n          >\r\n            Jakie wa\u0142y bananowe mo\u017cemy\r\n            <strong>wykona\u0107 lub zregenerowa\u0107?<\/strong>\r\n          <\/h2>\r\n\r\n          <div\r\n            class=\"prx-wb-v2-offer__line\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <p class=\"prx-wb-v2-offer__lead\">\r\n            Punktem wyj\u015bcia nie jest gotowy wariant katalogowy,\r\n            lecz <strong>materia\u0142, geometria uk\u0142adu oraz problem\r\n            wyst\u0119puj\u0105cy na linii<\/strong>. Na tej podstawie mo\u017cna\r\n            okre\u015bli\u0107 kierunek nowego wykonania albo zakres\r\n            regeneracji istniej\u0105cego wa\u0142u.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <aside class=\"prx-wb-v2-offer__intro-panel\">\r\n\r\n          <span class=\"prx-wb-v2-offer__intro-panel-label\">\r\n            Dokumentacja wej\u015bciowa\r\n          <\/span>\r\n\r\n          <strong>\r\n            Brak kompletnego rysunku nie musi zatrzymywa\u0107 analizy\r\n          <\/strong>\r\n\r\n          <p>\r\n            Punktem wyj\u015bcia mog\u0105 by\u0107 zdj\u0119cia, podstawowe wymiary,\r\n            oznaczenia, opis pracy w maszynie albo istniej\u0105cy wa\u0142\r\n            przeznaczony do oceny.\r\n          <\/p>\r\n\r\n        <\/aside>\r\n\r\n      <\/div>\r\n\r\n      <!-- =============================================\r\n           PRAWA KOLUMNA \u2014 KARTY\r\n      ============================================== -->\r\n\r\n      <div class=\"prx-wb-v2-offer__grid\">\r\n\r\n        <!-- NOWE WYKONANIE -->\r\n        <article class=\"prx-wb-v2-offer__card prx-wb-v2-offer__card--red\">\r\n\r\n          <div class=\"prx-wb-v2-offer__card-top\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-offer__icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M7 31c10-12 24-15 34-8\"><\/path>\r\n                <path d=\"M7 35c10-12 24-15 34-8\"><\/path>\r\n                <path d=\"M7 27v8\"><\/path>\r\n                <path d=\"M41 19v8\"><\/path>\r\n                <circle cx=\"7\" cy=\"31\" r=\"3\"><\/circle>\r\n                <circle cx=\"41\" cy=\"23\" r=\"3\"><\/circle>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-offer__card-marker\">\r\n              Produkcja\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-offer__card-content\">\r\n\r\n            <h3>Nowe wa\u0142y bananowe<\/h3>\r\n\r\n            <p>\r\n              Wykonanie nowego elementu na podstawie dokumentacji\r\n              technicznej, uzgodnionych wymiar\u00f3w albo specyfikacji\r\n              wynikaj\u0105cej z miejsca pracy wa\u0142u w maszynie.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-offer__card-footer\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m14 7 5 5-5 5\"><\/path>\r\n              <\/svg>\r\n\r\n              Konstrukcja przygotowana do konkretnej aplikacji\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REGENERACJA -->\r\n        <article class=\"prx-wb-v2-offer__card\">\r\n\r\n          <div class=\"prx-wb-v2-offer__card-top\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-offer__icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M39 16v10H29\"><\/path>\r\n                <path d=\"M9 32V22h10\"><\/path>\r\n                <path d=\"M12 18a16 16 0 0 1 24-3l3 3\"><\/path>\r\n                <path d=\"M36 30a16 16 0 0 1-24 3l-3-3\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-offer__card-marker\">\r\n              Ocena elementu\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-offer__card-content\">\r\n\r\n            <h3>Regeneracja istniej\u0105cego wa\u0142u<\/h3>\r\n\r\n            <p>\r\n              Mo\u017cliwo\u015b\u0107 regeneracji ustala si\u0119 po sprawdzeniu\r\n              konstrukcji, powierzchni roboczej, zako\u0144cze\u0144 oraz\r\n              element\u00f3w odpowiedzialnych za prawid\u0142ow\u0105 prac\u0119 wa\u0142u.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-offer__card-footer\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m14 7 5 5-5 5\"><\/path>\r\n              <\/svg>\r\n\r\n              Zakres prac dopiero po ogl\u0119dzinach i pomiarach\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- STA\u0141E UGI\u0118CIE -->\r\n        <article class=\"prx-wb-v2-offer__card prx-wb-v2-offer__card--navy\">\r\n\r\n          <div class=\"prx-wb-v2-offer__card-top\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-offer__icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M7 32c10-12 24-16 34-9\"><\/path>\r\n                <path d=\"M7 27v10\"><\/path>\r\n                <path d=\"M41 18v10\"><\/path>\r\n                <circle cx=\"7\" cy=\"32\" r=\"3\"><\/circle>\r\n                <circle cx=\"41\" cy=\"23\" r=\"3\"><\/circle>\r\n                <path d=\"M18 39h12\"><\/path>\r\n                <path d=\"M24 36v6\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-offer__card-marker\">\r\n              Sta\u0142a geometria\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-offer__card-content\">\r\n\r\n            <h3>Wa\u0142y o sta\u0142ym ugi\u0119ciu<\/h3>\r\n\r\n            <p>\r\n              Wariant przeznaczony do warunk\u00f3w, dla kt\u00f3rych geometria\r\n              wa\u0142u zostaje okre\u015blona dla przyj\u0119tego materia\u0142u,\r\n              szeroko\u015bci wst\u0119gi i sposobu prowadzenia.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-offer__card-footer\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m14 7 5 5-5 5\"><\/path>\r\n              <\/svg>\r\n\r\n              Ugi\u0119cie dobrane do ustalonego punktu pracy\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- REGULOWANE UGI\u0118CIE -->\r\n        <article class=\"prx-wb-v2-offer__card\">\r\n\r\n          <div class=\"prx-wb-v2-offer__card-top\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-offer__icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M7 32c10-12 24-16 34-9\"><\/path>\r\n                <path d=\"M7 27v10\"><\/path>\r\n                <path d=\"M41 18v10\"><\/path>\r\n                <circle cx=\"7\" cy=\"32\" r=\"3\"><\/circle>\r\n                <circle cx=\"41\" cy=\"23\" r=\"3\"><\/circle>\r\n                <path d=\"M24 8v18\"><\/path>\r\n                <path d=\"m19 13 5-5 5 5\"><\/path>\r\n                <path d=\"m19 21 5 5 5-5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-offer__card-marker\">\r\n              Regulacja\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-offer__card-content\">\r\n\r\n            <h3>Wa\u0142y z regulowanym ugi\u0119ciem<\/h3>\r\n\r\n            <p>\r\n              Konstrukcja pozwalaj\u0105ca w przewidzianym dla danego\r\n              wariantu zakresie dostosowa\u0107 ugi\u0119cie do zmian materia\u0142u\r\n              albo parametr\u00f3w prowadzenia wst\u0119gi.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-offer__card-footer\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m14 7 5 5-5 5\"><\/path>\r\n              <\/svg>\r\n\r\n              Dostosowanie do zmiennych warunk\u00f3w procesu\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- POWIERZCHNIE -->\r\n        <article class=\"prx-wb-v2-offer__card prx-wb-v2-offer__card--red\">\r\n\r\n          <div class=\"prx-wb-v2-offer__card-top\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-offer__icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M8 17c9-7 23-7 32 0\"><\/path>\r\n                <path d=\"M8 24c9-7 23-7 32 0\"><\/path>\r\n                <path d=\"M8 31c9-7 23-7 32 0\"><\/path>\r\n                <circle cx=\"10\" cy=\"17\" r=\"2\"><\/circle>\r\n                <circle cx=\"38\" cy=\"31\" r=\"2\"><\/circle>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-offer__card-marker\">\r\n              Powierzchnia robocza\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-offer__card-content\">\r\n\r\n            <h3>Powierzchnia gumowa lub poliuretanowa<\/h3>\r\n\r\n            <p>\r\n              Rodzaj materia\u0142u powierzchni roboczej oraz jego parametry\r\n              dobiera si\u0119 do prowadzonej wst\u0119gi, napi\u0119cia, pr\u0119dko\u015bci\r\n              linii i \u015brodowiska pracy.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-offer__card-footer\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m14 7 5 5-5 5\"><\/path>\r\n              <\/svg>\r\n\r\n              Dob\u00f3r powierzchni jako cz\u0119\u015b\u0107 analizy zastosowania\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- ODTWORZENIE I MONTA\u017b -->\r\n        <article class=\"prx-wb-v2-offer__card prx-wb-v2-offer__card--navy\">\r\n\r\n          <div class=\"prx-wb-v2-offer__card-top\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-offer__icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M8 14h32v20H8z\"><\/path>\r\n                <path d=\"M13 19h22\"><\/path>\r\n                <path d=\"M13 25h8\"><\/path>\r\n                <path d=\"M13 30h13\"><\/path>\r\n                <path d=\"M35 25v8\"><\/path>\r\n                <path d=\"M31 29h8\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-offer__card-marker\">\r\n              Dopasowanie\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-offer__card-content\">\r\n\r\n            <h3>Odtworzenie pod istniej\u0105c\u0105 maszyn\u0119<\/h3>\r\n\r\n            <p>\r\n              Analiza mo\u017ce rozpocz\u0105\u0107 si\u0119 od starego wa\u0142u, zdj\u0119\u0107,\r\n              podstawowych wymiar\u00f3w i sposobu mocowania. Pozwala to\r\n              ustali\u0107 dane potrzebne do dalszego odtworzenia elementu.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-offer__card-footer\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14\"><\/path>\r\n                <path d=\"m14 7 5 5-5 5\"><\/path>\r\n              <\/svg>\r\n\r\n              Wymiary zako\u0144cze\u0144 i monta\u017c uwzgl\u0119dnione w ocenie\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =============================================\r\n         DOLNY PANEL\r\n    ============================================== -->\r\n\r\n    <div class=\"prx-wb-v2-offer__bottom\">\r\n\r\n      <div class=\"prx-wb-v2-offer__bottom-copy\">\r\n\r\n        <span class=\"prx-wb-v2-offer__bottom-label\">\r\n          Wst\u0119pna analiza\r\n        <\/span>\r\n\r\n        <strong>\r\n          Nie musisz samodzielnie wybiera\u0107 konstrukcji wa\u0142u\r\n        <\/strong>\r\n\r\n        <p>\r\n          Prze\u015blij rysunek, zdj\u0119cia, podstawowe wymiary albo opis\r\n          problemu z prowadzeniem materia\u0142u. Na tej podstawie mo\u017cna\r\n          ustali\u0107, jakie dane s\u0105 jeszcze potrzebne do doboru nowego\r\n          wa\u0142u lub oceny mo\u017cliwo\u015bci regeneracji.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v2-offer__bottom-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-offer__button prx-wb-v2-offer__button--secondary\"\r\n          href=\"#parametry-walow-bananowych\"\r\n        >\r\n          <span>Przejd\u017a do parametr\u00f3w<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-offer__button prx-wb-v2-offer__button--primary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Zapytaj o wa\u0142 bananowy<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const section = document.querySelector(\r\n        \".prx-wb-v2-offer\"\r\n      );\r\n\r\n      if (\r\n        !section ||\r\n        section.dataset.prxWbV2OfferReady === \"true\"\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      section.dataset.prxWbV2OfferReady = \"true\";\r\n\r\n      const reduceMotion = window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n      ).matches;\r\n\r\n      \/*\r\n       * Uruchomienie animacji dopiero po pojawieniu si\u0119 sekcji\r\n       * w obszarze ekranu.\r\n       *\/\r\n      if (\r\n        reduceMotion ||\r\n        !(\"IntersectionObserver\" in window)\r\n      ) {\r\n        section.classList.add(\"is-visible\");\r\n      } else {\r\n        const observer = new IntersectionObserver(\r\n          function (entries) {\r\n            if (!entries[0].isIntersecting) {\r\n              return;\r\n            }\r\n\r\n            section.classList.add(\"is-visible\");\r\n            observer.disconnect();\r\n          },\r\n          {\r\n            threshold: 0.13\r\n          }\r\n        );\r\n\r\n        observer.observe(section);\r\n      }\r\n\r\n      \/*\r\n       * P\u0142ynne przewijanie do kolejnych blok\u00f3w.\r\n       * Link pozostanie bezpieczny, dop\u00f3ki blok 3 nie zostanie dodany.\r\n       *\/\r\n      section\r\n        .querySelectorAll('a[href^=\"#\"]')\r\n        .forEach(function (link) {\r\n          link.addEventListener(\"click\", function (event) {\r\n            const selector = link.getAttribute(\"href\");\r\n\r\n            if (!selector || selector === \"#\") {\r\n              return;\r\n            }\r\n\r\n            const target = document.querySelector(selector);\r\n\r\n            if (!target) {\r\n              return;\r\n            }\r\n\r\n            event.preventDefault();\r\n\r\n            target.scrollIntoView({\r\n              behavior: reduceMotion ? \"auto\" : \"smooth\",\r\n              block: \"start\"\r\n            });\r\n          });\r\n        });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41d17c4 elementor-widget elementor-widget-html\" data-id=\"41d17c4\" 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 WA\u0141Y BANANOWE\r\n     BLOK 3: INTERAKTYWNA ZASADA DZIA\u0141ANIA\r\n     MODEL ZACHOWANY NA PODSTAWIE PRZES\u0141ANEGO WZORU\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-action\"\r\n  id=\"dzialanie-walu-bananowego\"\r\n  aria-labelledby=\"prx-wb-v2-action-title\"\r\n  data-prx-wb-v2-action\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I OCHRONA PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action,\r\n    .prx-wb-v2-action *,\r\n    .prx-wb-v2-action *::before,\r\n    .prx-wb-v2-action *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-action {\r\n      --wb3-deep: #020e19;\r\n      --wb3-navy: #061b30;\r\n      --wb3-navy-light: #0a3455;\r\n      --wb3-blue: #17618f;\r\n      --wb3-red: #e10600;\r\n      --wb3-red-dark: #bd0000;\r\n      --wb3-white: #ffffff;\r\n      --wb3-text: #dce8f1;\r\n      --wb3-muted: #9db3c4;\r\n      --wb3-soft: #7f9aac;\r\n      --wb3-border: rgba(255, 255, 255, 0.13);\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(86px, 8vw, 118px) 24px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 12%,\r\n          rgba(25, 105, 158, 0.3),\r\n          transparent 30%\r\n        ),\r\n        radial-gradient(\r\n          circle at 8% 86%,\r\n          rgba(225, 6, 0, 0.09),\r\n          transparent 25%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--wb3-deep) 0%,\r\n          var(--wb3-navy) 52%,\r\n          #082c48 100%\r\n        );\r\n\r\n      color: #ffffff !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-action h2,\r\n    .prx-wb-v2-action h3,\r\n    .prx-wb-v2-action p,\r\n    .prx-wb-v2-action span,\r\n    .prx-wb-v2-action strong,\r\n    .prx-wb-v2-action button,\r\n    .prx-wb-v2-action input,\r\n    .prx-wb-v2-action output {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-action a {\r\n      color: inherit !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-action button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n      font: inherit;\r\n      text-transform: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v2-action svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       T\u0141O\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      inset: 0;\r\n      opacity: 0.28;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.035) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.035) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 52px 52px;\r\n      pointer-events: none;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 18%,\r\n          #000 82%,\r\n          transparent\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 18%,\r\n          #000 82%,\r\n          transparent\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-action::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      top: -310px;\r\n      right: -240px;\r\n      width: 760px;\r\n      height: 760px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 85px rgba(255, 255, 255, 0.014),\r\n        0 0 0 180px rgba(255, 255, 255, 0.009);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-action__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1280px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.92fr)\r\n        minmax(360px, 0.68fr);\r\n      align-items: end;\r\n      gap: clamp(45px, 8vw, 110px);\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .prx-wb-v2-action__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: #ff6b66 !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.3px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-action__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb3-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.12);\r\n    }\r\n\r\n    .prx-wb-v2-action__title {\r\n      max-width: 770px;\r\n      margin: 0 !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(39px, 4.25vw, 63px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.06 !important;\r\n      letter-spacing: -2.2px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-action__title strong {\r\n      color: #ffffff !important;\r\n      font-weight: 800 !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 71%,\r\n          rgba(225, 6, 0, 0.72) 71%\r\n        );\r\n\r\n      box-decoration-break: clone;\r\n      -webkit-box-decoration-break: clone;\r\n    }\r\n\r\n    .prx-wb-v2-action__header-text {\r\n      position: relative;\r\n      margin: 0 0 4px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb3-muted) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__header-text::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb3-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-action__header-text strong {\r\n      color: #ffffff !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY MODU\u0141\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__workspace {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.4fr)\r\n        minmax(330px, 0.6fr);\r\n      gap: 18px;\r\n      padding: 18px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 25px;\r\n\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      box-shadow:\r\n        0 35px 80px rgba(0, 0, 0, 0.27),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      -webkit-backdrop-filter: blur(16px);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       WIZUALIZACJA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__stage {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 670px;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 45%,\r\n          rgba(25, 97, 145, 0.24),\r\n          transparent 42%\r\n        ),\r\n        linear-gradient(\r\n          155deg,\r\n          rgba(3, 17, 31, 0.93),\r\n          rgba(7, 35, 58, 0.96)\r\n        );\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n    }\r\n\r\n    .prx-wb-v2-action__stage-top {\r\n      position: absolute;\r\n      z-index: 8;\r\n      top: 18px;\r\n      right: 18px;\r\n      left: 18px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-action__stage-status,\r\n    .prx-wb-v2-action__stage-material {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 8px;\r\n      background: rgba(3, 17, 31, 0.72);\r\n\r\n      color: #dce8f1 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-action__stage-material strong {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__stage-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: #35db8e;\r\n\r\n      box-shadow:\r\n        0 0 10px rgba(53, 219, 142, 0.8);\r\n    }\r\n\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__stage-status::before {\r\n      background: #ffb145;\r\n\r\n      box-shadow:\r\n        0 0 10px rgba(255, 177, 69, 0.7);\r\n    }\r\n\r\n    .prx-wb-v2-action__visual {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .prx-wb-v2-action__grid-line {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.045);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WST\u0118GA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__web {\r\n      fill: url(\"#prxWbV2WebGradient\");\r\n      stroke: rgba(255, 255, 255, 0.24);\r\n      stroke-width: 1.5;\r\n\r\n      filter:\r\n        drop-shadow(0 22px 25px rgba(0, 0, 0, 0.3));\r\n\r\n      transition:\r\n        fill 0.35s ease,\r\n        stroke 0.35s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__web-shine {\r\n      fill: url(\"#prxWbV2WebShine\");\r\n      opacity: 0.38;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-action__web-edge {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.42);\r\n      stroke-width: 2;\r\n      stroke-dasharray: 10 10;\r\n\r\n      animation:\r\n        prxWbV2WebMove 1.6s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-action__input-line {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.36);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 7 10;\r\n\r\n      animation:\r\n        prxWbV2WebMove 1.6s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-action__wrinkle {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.55);\r\n      stroke-width: 2.2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 5 8;\r\n\r\n      animation:\r\n        prxWbV2WrinkleMove 1.8s linear infinite;\r\n\r\n      filter:\r\n        drop-shadow(0 0 3px rgba(255, 255, 255, 0.18));\r\n\r\n      transition: opacity 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__output-line {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.27);\r\n      stroke-width: 1.7;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 9 11;\r\n\r\n      animation:\r\n        prxWbV2OutputMove 1.7s linear infinite;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WA\u0141\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__roller-shadow {\r\n      fill: none;\r\n      stroke: rgba(0, 0, 0, 0.38);\r\n      stroke-width: 62;\r\n      stroke-linecap: round;\r\n      filter: blur(7px);\r\n    }\r\n\r\n    .prx-wb-v2-action__roller-body {\r\n      fill: none;\r\n      stroke: url(\"#prxWbV2RollerGradient\");\r\n      stroke-width: 48;\r\n      stroke-linecap: round;\r\n\r\n      filter:\r\n        drop-shadow(0 13px 14px rgba(0, 0, 0, 0.35));\r\n    }\r\n\r\n    .prx-wb-v2-action__roller-highlight {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.45);\r\n      stroke-width: 5;\r\n      stroke-linecap: round;\r\n      opacity: 0.72;\r\n    }\r\n\r\n    .prx-wb-v2-action__roller-axis {\r\n      fill: none;\r\n      stroke: #ff342e;\r\n      stroke-width: 2.5;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 9 9;\r\n\r\n      filter:\r\n        drop-shadow(0 0 5px rgba(225, 6, 0, 0.7));\r\n\r\n      animation:\r\n        prxWbV2AxisMove 3s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-action__shaft {\r\n      fill: url(\"#prxWbV2SteelGradient\");\r\n      stroke: rgba(255, 255, 255, 0.36);\r\n      stroke-width: 1.5;\r\n    }\r\n\r\n    .prx-wb-v2-action__mount {\r\n      fill: url(\"#prxWbV2SteelGradient\");\r\n      stroke: rgba(255, 255, 255, 0.46);\r\n      stroke-width: 1.4;\r\n    }\r\n\r\n    \/* =========================================================\r\n       KIERUNKI ROZPROWADZANIA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__flow-group {\r\n      opacity: 1;\r\n      transition: opacity 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action:not(.is-forces-visible)\r\n      .prx-wb-v2-action__flow-group {\r\n      opacity: 0;\r\n    }\r\n\r\n    .prx-wb-v2-action__flow-arrow {\r\n      fill: none;\r\n      stroke: #ff332d;\r\n      stroke-width: 4;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 9 9;\r\n\r\n      marker-end:\r\n        url(\"#prxWbV2ArrowMarker\");\r\n\r\n      filter:\r\n        drop-shadow(0 0 6px rgba(225, 6, 0, 0.72));\r\n\r\n      animation:\r\n        prxWbV2ArrowMove 1.5s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-action__center-point {\r\n      fill: var(--wb3-red);\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n\r\n      filter:\r\n        drop-shadow(0 0 7px rgba(225, 6, 0, 0.9));\r\n    }\r\n\r\n    \/* =========================================================\r\n       OPISY SVG\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__annotation-box {\r\n      fill: rgba(3, 17, 31, 0.82);\r\n      stroke: rgba(255, 255, 255, 0.14);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .prx-wb-v2-action__annotation-title {\r\n      fill: #ffffff;\r\n      font-family: Arial, sans-serif;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .prx-wb-v2-action__annotation-text {\r\n      fill: #a9c0d0;\r\n      font-family: Arial, sans-serif;\r\n      font-size: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-action__axis-label {\r\n      fill: #ff6a65;\r\n      font-family: Arial, sans-serif;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.4px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ODCZYTY POD MODELEM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__stage-footer {\r\n      position: absolute;\r\n      z-index: 8;\r\n      right: 18px;\r\n      bottom: 18px;\r\n      left: 18px;\r\n\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    .prx-wb-v2-action__metric {\r\n      min-width: 0;\r\n      padding: 12px 13px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 10px;\r\n      background: rgba(3, 17, 31, 0.76);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-action__metric span {\r\n      display: block;\r\n      margin: 0 0 4px;\r\n\r\n      color: #7f9bb0 !important;\r\n      font-size: 9px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-action__metric strong {\r\n      display: block;\r\n      overflow: hidden;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL STEROWANIA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__controls {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 27px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(27, 100, 148, 0.22),\r\n          transparent 30%\r\n        ),\r\n        rgba(3, 17, 31, 0.75);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n    }\r\n\r\n    .prx-wb-v2-action__controls::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -105px;\r\n      bottom: -115px;\r\n      width: 250px;\r\n      height: 250px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 45px rgba(255, 255, 255, 0.01);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-action__controls > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-action__controls-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ff6863 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-action__controls h3 {\r\n      margin: 0 0 9px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(24px, 2.1vw, 30px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.16 !important;\r\n      letter-spacing: -0.7px !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__controls-intro {\r\n      margin: 0 0 24px !important;\r\n\r\n      color: #9fb5c5 !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-group {\r\n      padding: 20px 0;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-action__control-title {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      margin-bottom: 13px;\r\n\r\n      color: #dce8f0 !important;\r\n      font-size: 12px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-title span {\r\n      color: #dce8f0 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-value {\r\n      flex: 0 0 auto;\r\n      padding: 5px 8px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 6px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n\r\n      color: #ffffff !important;\r\n      font-size: 11px !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WYB\u00d3R MATERIA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__materials {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 7px;\r\n    }\r\n\r\n    .prx-wb-v2-action__material-button {\r\n      position: relative;\r\n      min-height: 43px;\r\n      padding: 9px 10px 9px 28px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n      border-radius: 8px;\r\n      outline: none;\r\n\r\n      background: rgba(255, 255, 255, 0.045) !important;\r\n      color: #a9bdcc !important;\r\n\r\n      font-size: 11.5px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.25 !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        background 0.2s ease,\r\n        border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__material-button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 11px;\r\n      width: 9px;\r\n      height: 9px;\r\n\r\n      border: 2px solid rgba(255, 255, 255, 0.32);\r\n      border-radius: 50%;\r\n\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .prx-wb-v2-action__material-button.is-active {\r\n      border-color: rgba(255, 71, 65, 0.43) !important;\r\n      background: rgba(225, 6, 0, 0.13) !important;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__material-button.is-active::before {\r\n      border-color: #ff514c;\r\n      background: var(--wb3-red);\r\n\r\n      box-shadow:\r\n        0 0 8px rgba(225, 6, 0, 0.62);\r\n    }\r\n\r\n    \/* =========================================================\r\n       SUWAKI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__range {\r\n      --range-fill: 50%;\r\n\r\n      width: 100%;\r\n      height: 6px;\r\n      margin: 3px 0 0;\r\n\r\n      border: 0;\r\n      border-radius: 99px;\r\n      outline: none;\r\n\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--wb3-red) 0,\r\n          var(--wb3-red) var(--range-fill),\r\n          rgba(255, 255, 255, 0.13) var(--range-fill),\r\n          rgba(255, 255, 255, 0.13) 100%\r\n        );\r\n\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v2-action__range::-webkit-slider-thumb {\r\n      width: 20px;\r\n      height: 20px;\r\n\r\n      border: 3px solid #ffffff;\r\n      border-radius: 50%;\r\n\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n\r\n      background: var(--wb3-red);\r\n\r\n      box-shadow:\r\n        0 0 0 4px rgba(225, 6, 0, 0.16),\r\n        0 4px 12px rgba(0, 0, 0, 0.35);\r\n\r\n      cursor: grab;\r\n    }\r\n\r\n    .prx-wb-v2-action__range::-moz-range-thumb {\r\n      width: 15px;\r\n      height: 15px;\r\n\r\n      border: 3px solid #ffffff;\r\n      border-radius: 50%;\r\n      background: var(--wb3-red);\r\n\r\n      box-shadow:\r\n        0 0 0 4px rgba(225, 6, 0, 0.16),\r\n        0 4px 12px rgba(0, 0, 0, 0.35);\r\n\r\n      cursor: grab;\r\n    }\r\n\r\n    .prx-wb-v2-action__range:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 7px;\r\n    }\r\n\r\n    .prx-wb-v2-action__range-scale {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-top: 9px;\r\n    }\r\n\r\n    .prx-wb-v2-action__range-scale span {\r\n      color: #6f8ba0 !important;\r\n      font-size: 9px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.45px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PRZE\u0141\u0104CZNIKI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__switches {\r\n      display: grid;\r\n      gap: 8px;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-button {\r\n      display: flex;\r\n      width: 100%;\r\n      min-height: 46px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      padding: 11px 13px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11) !important;\r\n      border-radius: 8px;\r\n      outline: none;\r\n\r\n      background: rgba(255, 255, 255, 0.045) !important;\r\n      color: #c0d0dc !important;\r\n\r\n      font-size: 11.5px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.3 !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        background 0.2s ease,\r\n        border-color 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-button span {\r\n      color: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-button:hover,\r\n    .prx-wb-v2-action__control-button.is-active {\r\n      border-color: rgba(255, 255, 255, 0.22) !important;\r\n      background: rgba(255, 255, 255, 0.08) !important;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__button-state {\r\n      position: relative;\r\n      flex: 0 0 auto;\r\n      width: 34px;\r\n      height: 19px;\r\n\r\n      border-radius: 99px;\r\n      background: rgba(255, 255, 255, 0.14);\r\n\r\n      transition: background 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__button-state::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 3px;\r\n      left: 3px;\r\n      width: 13px;\r\n      height: 13px;\r\n\r\n      border-radius: 50%;\r\n      background: #91a8b9;\r\n\r\n      transition:\r\n        left 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__control-button.is-active\r\n      .prx-wb-v2-action__button-state {\r\n      background: rgba(225, 6, 0, 0.29);\r\n    }\r\n\r\n    .prx-wb-v2-action__control-button.is-active\r\n      .prx-wb-v2-action__button-state::before {\r\n      left: 18px;\r\n      background: #ff4c46;\r\n\r\n      box-shadow:\r\n        0 0 8px rgba(225, 6, 0, 0.58);\r\n    }\r\n\r\n    .prx-wb-v2-action__reset {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      margin-top: 16px;\r\n      padding: 0;\r\n\r\n      border: 0 !important;\r\n      outline: none;\r\n\r\n      background: transparent !important;\r\n      color: #829bae !important;\r\n\r\n      font-size: 10.5px !important;\r\n      font-weight: 750 !important;\r\n\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__reset:hover {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__reset svg {\r\n      width: 15px;\r\n      height: 15px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-action__material-button:focus-visible,\r\n    .prx-wb-v2-action__control-button:focus-visible,\r\n    .prx-wb-v2-action__reset:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WYJA\u015aNIENIE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__explanation {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.86fr)\r\n        minmax(0, 1.14fr);\r\n      gap: 20px;\r\n      margin-top: 21px;\r\n    }\r\n\r\n    .prx-wb-v2-action__explanation-main,\r\n    .prx-wb-v2-action__factors {\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.04);\r\n\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-wb-v2-action__explanation-main {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 31px;\r\n    }\r\n\r\n    .prx-wb-v2-action__explanation-main::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 31px;\r\n      width: 74px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb3-red);\r\n    }\r\n\r\n    .prx-wb-v2-action__explanation-label {\r\n      display: block;\r\n      margin: 0 0 9px;\r\n\r\n      color: #ff6863 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 0.95px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-action__explanation-main h3 {\r\n      margin: 0 0 13px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(25px, 2.3vw, 34px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.16 !important;\r\n      letter-spacing: -0.8px !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__explanation-main p {\r\n      margin: 0 !important;\r\n\r\n      color: #aebfcd !important;\r\n      font-size: 14.5px !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.68 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__factors {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n      gap: 1px;\r\n      overflow: hidden;\r\n\r\n      background: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v2-action__factor {\r\n      position: relative;\r\n      padding: 28px 23px;\r\n      background: #08223a;\r\n\r\n      transition: background 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-action__factor-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 37px;\r\n      height: 37px;\r\n      margin-bottom: 18px;\r\n\r\n      border: 1px solid rgba(255, 98, 92, 0.22);\r\n      border-radius: 10px;\r\n      background: rgba(225, 6, 0, 0.1);\r\n      color: #ff716c !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__factor-icon svg {\r\n      width: 19px;\r\n      height: 19px;\r\n\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\r\n    .prx-wb-v2-action__factor strong {\r\n      display: block;\r\n      margin: 0 0 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 16px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__factor p {\r\n      margin: 0 !important;\r\n\r\n      color: #91a8ba !important;\r\n      font-size: 12px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       INFORMACJA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-action__notice {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 11px;\r\n      margin-top: 19px;\r\n      padding: 15px 18px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 11px;\r\n      background: rgba(255, 255, 255, 0.035);\r\n\r\n      color: #8fa8ba !important;\r\n      font-size: 12px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .prx-wb-v2-action__notice svg {\r\n      flex: 0 0 auto;\r\n      width: 18px;\r\n      height: 18px;\r\n      margin-top: 1px;\r\n\r\n      fill: none;\r\n      stroke: #64a4cf;\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-action__notice strong {\r\n      color: #dbe7ef !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2WebMove {\r\n      to {\r\n        stroke-dashoffset: -34;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2WrinkleMove {\r\n      to {\r\n        stroke-dashoffset: -39;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2OutputMove {\r\n      to {\r\n        stroke-dashoffset: 40;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2AxisMove {\r\n      to {\r\n        stroke-dashoffset: -36;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2ArrowMove {\r\n      to {\r\n        stroke-dashoffset: -36;\r\n      }\r\n    }\r\n\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__web-edge,\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__input-line,\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__wrinkle,\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__output-line,\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__roller-axis,\r\n    .prx-wb-v2-action.is-paused\r\n      .prx-wb-v2-action__flow-arrow {\r\n      animation-play-state: paused;\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-action__material-button:hover {\r\n        border-color: rgba(255, 255, 255, 0.22) !important;\r\n        background: rgba(255, 255, 255, 0.075) !important;\r\n        color: #ffffff !important;\r\n        transform: translateY(-2px);\r\n      }\r\n\r\n      .prx-wb-v2-action__factor:hover {\r\n        background: #0b2e4b;\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1120px) {\r\n      .prx-wb-v2-action__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v2-action__header-text {\r\n        max-width: 820px;\r\n      }\r\n\r\n      .prx-wb-v2-action__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage {\r\n        min-height: 690px;\r\n      }\r\n\r\n      .prx-wb-v2-action__controls {\r\n        display: grid;\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n        gap: 0 30px;\r\n      }\r\n\r\n      .prx-wb-v2-action__controls > :first-child,\r\n      .prx-wb-v2-action__controls > :nth-child(2),\r\n      .prx-wb-v2-action__controls > :nth-child(3) {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n\r\n      .prx-wb-v2-action__reset {\r\n        align-self: end;\r\n      }\r\n\r\n      .prx-wb-v2-action__explanation {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v2-action {\r\n        padding: 82px 18px 90px;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage {\r\n        min-height: 630px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 660px) {\r\n      .prx-wb-v2-action {\r\n        padding: 72px 15px 78px;\r\n      }\r\n\r\n      .prx-wb-v2-action__title {\r\n        font-size: clamp(35px, 10.5vw, 48px) !important;\r\n        letter-spacing: -1.45px !important;\r\n      }\r\n\r\n      .prx-wb-v2-action__workspace {\r\n        padding: 9px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage {\r\n        min-height: 570px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage-material {\r\n        display: none;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage-footer {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-action__metric {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        align-items: center;\r\n        gap: 10px;\r\n      }\r\n\r\n      .prx-wb-v2-action__metric span {\r\n        margin: 0;\r\n      }\r\n\r\n      .prx-wb-v2-action__metric strong {\r\n        text-align: right;\r\n      }\r\n\r\n      .prx-wb-v2-action__controls {\r\n        display: block;\r\n        padding: 24px 20px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-action__factors {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-action__factor {\r\n        padding: 23px;\r\n      }\r\n\r\n      .prx-wb-v2-action__explanation-main {\r\n        padding: 27px 23px;\r\n      }\r\n\r\n      .prx-wb-v2-action__annotation-title {\r\n        font-size: 11px;\r\n      }\r\n\r\n      .prx-wb-v2-action__annotation-text {\r\n        font-size: 8.5px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 410px) {\r\n      .prx-wb-v2-action {\r\n        padding-right: 12px;\r\n        padding-left: 12px;\r\n      }\r\n\r\n      .prx-wb-v2-action__materials {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage {\r\n        min-height: 530px;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage-top {\r\n        top: 13px;\r\n        right: 13px;\r\n        left: 13px;\r\n      }\r\n\r\n      .prx-wb-v2-action__stage-footer {\r\n        right: 13px;\r\n        bottom: 13px;\r\n        left: 13px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-action *,\r\n      .prx-wb-v2-action *::before,\r\n      .prx-wb-v2-action *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-action__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v2-action__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v2-action__label\">\r\n          Interaktywna zasada dzia\u0142ania\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v2-action__title\"\r\n          id=\"prx-wb-v2-action-title\"\r\n        >\r\n          Jak wa\u0142 bananowy\r\n          <strong>rozprowadza materia\u0142 wst\u0119gowy?<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v2-action__header-text\">\r\n        Powierzchnia obracaj\u0105ca si\u0119 wok\u00f3\u0142 zakrzywionej osi pomaga\r\n        <strong>\r\n          prowadzi\u0107 materia\u0142 od \u015brodka w kierunku jego kraw\u0119dzi.\r\n        <\/strong>\r\n        Zmie\u0144 ustawienia pogl\u0105dowe i zobacz, jak ugi\u0119cie oraz\r\n        opasanie wp\u0142ywaj\u0105 na spos\u00f3b przedstawienia pracy wa\u0142u.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         G\u0141\u00d3WNY MODU\u0141\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-action__workspace\">\r\n\r\n      <!-- ===================================================\r\n           MODEL\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-action__stage\">\r\n\r\n        <div class=\"prx-wb-v2-action__stage-top\">\r\n\r\n          <span class=\"prx-wb-v2-action__stage-status\">\r\n            Symulacja aktywna\r\n          <\/span>\r\n\r\n          <span class=\"prx-wb-v2-action__stage-material\">\r\n            Materia\u0142:\r\n            <strong data-wb3-material-name>Folia<\/strong>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <svg\r\n          class=\"prx-wb-v2-action__visual\"\r\n          viewBox=\"0 0 1000 700\"\r\n          role=\"img\"\r\n          aria-label=\"Interaktywna wizualizacja rozprowadzania materia\u0142u przez wa\u0142 bananowy\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n        >\r\n          <defs>\r\n\r\n            <linearGradient\r\n              id=\"prxWbV2WebGradient\"\r\n              x1=\"0\"\r\n              y1=\"1\"\r\n              x2=\"0\"\r\n              y2=\"0\"\r\n            >\r\n              <stop\r\n                data-wb3-web-stop-a\r\n                offset=\"0\"\r\n                stop-color=\"#176fa8\"\r\n                stop-opacity=\"0.62\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                data-wb3-web-stop-b\r\n                offset=\"0.52\"\r\n                stop-color=\"#2c9bc8\"\r\n                stop-opacity=\"0.55\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                data-wb3-web-stop-c\r\n                offset=\"1\"\r\n                stop-color=\"#6ed1ec\"\r\n                stop-opacity=\"0.43\"\r\n              ><\/stop>\r\n            <\/linearGradient>\r\n\r\n            <linearGradient\r\n              id=\"prxWbV2WebShine\"\r\n              x1=\"0\"\r\n              y1=\"0\"\r\n              x2=\"1\"\r\n              y2=\"0\"\r\n            >\r\n              <stop\r\n                offset=\"0\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\"0\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                offset=\"0.48\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\"0.22\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                offset=\"0.56\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\"0.04\"\r\n              ><\/stop>\r\n\r\n              <stop\r\n                offset=\"1\"\r\n                stop-color=\"#ffffff\"\r\n                stop-opacity=\"0\"\r\n              ><\/stop>\r\n            <\/linearGradient>\r\n\r\n            <linearGradient\r\n              id=\"prxWbV2RollerGradient\"\r\n              x1=\"0\"\r\n              y1=\"0\"\r\n              x2=\"0\"\r\n              y2=\"1\"\r\n            >\r\n              <stop offset=\"0\" stop-color=\"#9eddf5\"><\/stop>\r\n              <stop offset=\"0.22\" stop-color=\"#328fbe\"><\/stop>\r\n              <stop offset=\"0.55\" stop-color=\"#0c5988\"><\/stop>\r\n              <stop offset=\"0.82\" stop-color=\"#073d64\"><\/stop>\r\n              <stop offset=\"1\" stop-color=\"#99d5eb\"><\/stop>\r\n            <\/linearGradient>\r\n\r\n            <linearGradient\r\n              id=\"prxWbV2SteelGradient\"\r\n              x1=\"0\"\r\n              y1=\"0\"\r\n              x2=\"1\"\r\n              y2=\"1\"\r\n            >\r\n              <stop offset=\"0\" stop-color=\"#72899b\"><\/stop>\r\n              <stop offset=\"0.28\" stop-color=\"#dfe8ee\"><\/stop>\r\n              <stop offset=\"0.52\" stop-color=\"#8da2b2\"><\/stop>\r\n              <stop offset=\"0.75\" stop-color=\"#f2f6f8\"><\/stop>\r\n              <stop offset=\"1\" stop-color=\"#6b8294\"><\/stop>\r\n            <\/linearGradient>\r\n\r\n            <marker\r\n              id=\"prxWbV2ArrowMarker\"\r\n              viewBox=\"0 0 12 12\"\r\n              refX=\"10\"\r\n              refY=\"6\"\r\n              markerWidth=\"7\"\r\n              markerHeight=\"7\"\r\n              orient=\"auto-start-reverse\"\r\n            >\r\n              <path\r\n                d=\"M1 1L11 6L1 11Z\"\r\n                fill=\"#ff332d\"\r\n              ><\/path>\r\n            <\/marker>\r\n\r\n          <\/defs>\r\n\r\n          <!-- T\u0141O TECHNICZNE -->\r\n          <g aria-hidden=\"true\">\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__grid-line\"\r\n              d=\"\r\n                M60 80H940\r\n                M60 140H940\r\n                M60 200H940\r\n                M60 260H940\r\n                M60 320H940\r\n                M60 380H940\r\n                M60 440H940\r\n                M60 500H940\r\n                M60 560H940\r\n                M60 620H940\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__grid-line\"\r\n              d=\"\r\n                M100 60V640\r\n                M180 60V640\r\n                M260 60V640\r\n                M340 60V640\r\n                M420 60V640\r\n                M500 60V640\r\n                M580 60V640\r\n                M660 60V640\r\n                M740 60V640\r\n                M820 60V640\r\n                M900 60V640\r\n              \"\r\n            ><\/path>\r\n\r\n          <\/g>\r\n\r\n          <!-- WST\u0118GA -->\r\n          <path\r\n            class=\"prx-wb-v2-action__web\"\r\n            data-wb3-web\r\n            d=\"\r\n              M285 635\r\n              L715 635\r\n              L760 365\r\n              L835 58\r\n              L165 58\r\n              L240 365\r\n              Z\r\n            \"\r\n          ><\/path>\r\n\r\n          <path\r\n            class=\"prx-wb-v2-action__web-shine\"\r\n            data-wb3-web\r\n            d=\"\r\n              M285 635\r\n              L715 635\r\n              L760 365\r\n              L835 58\r\n              L165 58\r\n              L240 365\r\n              Z\r\n            \"\r\n          ><\/path>\r\n\r\n          <!-- KRAW\u0118DZIE WST\u0118GI -->\r\n          <path\r\n            class=\"prx-wb-v2-action__web-edge\"\r\n            data-wb3-edge-left\r\n            d=\"M285 635 L240 365 L165 58\"\r\n          ><\/path>\r\n\r\n          <path\r\n            class=\"prx-wb-v2-action__web-edge\"\r\n            data-wb3-edge-right\r\n            d=\"M715 635 L760 365 L835 58\"\r\n          ><\/path>\r\n\r\n          <!-- FA\u0141DY PRZED WA\u0141EM -->\r\n          <g data-wb3-wrinkles>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__wrinkle\"\r\n              d=\"\r\n                M365 625\r\n                C340 575 390 535 362 485\r\n                C335 440 386 405 370 364\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__wrinkle\"\r\n              d=\"\r\n                M442 635\r\n                C470 580 420 540 450 495\r\n                C478 448 430 408 446 360\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__wrinkle\"\r\n              d=\"\r\n                M535 635\r\n                C505 580 555 535 528 490\r\n                C500 444 550 406 535 360\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__wrinkle\"\r\n              d=\"\r\n                M625 625\r\n                C650 575 603 532 632 484\r\n                C658 442 611 406 627 363\r\n              \"\r\n            ><\/path>\r\n\r\n          <\/g>\r\n\r\n          <!-- KIERUNEK WEJ\u015aCIA -->\r\n          <path\r\n            class=\"prx-wb-v2-action__input-line\"\r\n            d=\"M500 630V378\"\r\n          ><\/path>\r\n\r\n          <!-- LINIE PO WYJ\u015aCIU -->\r\n          <g>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__output-line\"\r\n              data-wb3-output-left\r\n              d=\"\r\n                M470 345\r\n                C420 255 335 145 250 65\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__output-line\"\r\n              d=\"M500 345V65\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__output-line\"\r\n              data-wb3-output-right\r\n              d=\"\r\n                M530 345\r\n                C580 255 665 145 750 65\r\n              \"\r\n            ><\/path>\r\n\r\n          <\/g>\r\n\r\n          <!-- CIE\u0143 WA\u0141U -->\r\n          <path\r\n            class=\"prx-wb-v2-action__roller-shadow\"\r\n            data-wb3-roller-path\r\n            d=\"M180 365 Q500 300 820 365\"\r\n          ><\/path>\r\n\r\n          <!-- WA\u0141 -->\r\n          <path\r\n            class=\"prx-wb-v2-action__roller-body\"\r\n            data-wb3-roller-path\r\n            d=\"M180 365 Q500 300 820 365\"\r\n          ><\/path>\r\n\r\n          <path\r\n            class=\"prx-wb-v2-action__roller-highlight\"\r\n            data-wb3-roller-highlight\r\n            d=\"M188 355 Q500 294 812 355\"\r\n          ><\/path>\r\n\r\n          <!-- ZAKRZYWIONA O\u015a -->\r\n          <path\r\n            class=\"prx-wb-v2-action__roller-axis\"\r\n            data-wb3-roller-path\r\n            d=\"M180 365 Q500 300 820 365\"\r\n          ><\/path>\r\n\r\n          <!-- CZOPY I MOCOWANIA -->\r\n          <rect\r\n            class=\"prx-wb-v2-action__shaft\"\r\n            x=\"110\"\r\n            y=\"353\"\r\n            width=\"75\"\r\n            height=\"24\"\r\n            rx=\"9\"\r\n          ><\/rect>\r\n\r\n          <rect\r\n            class=\"prx-wb-v2-action__shaft\"\r\n            x=\"815\"\r\n            y=\"353\"\r\n            width=\"75\"\r\n            height=\"24\"\r\n            rx=\"9\"\r\n          ><\/rect>\r\n\r\n          <rect\r\n            class=\"prx-wb-v2-action__mount\"\r\n            x=\"92\"\r\n            y=\"337\"\r\n            width=\"35\"\r\n            height=\"56\"\r\n            rx=\"8\"\r\n          ><\/rect>\r\n\r\n          <rect\r\n            class=\"prx-wb-v2-action__mount\"\r\n            x=\"873\"\r\n            y=\"337\"\r\n            width=\"35\"\r\n            height=\"56\"\r\n            rx=\"8\"\r\n          ><\/rect>\r\n\r\n          <!-- KIERUNKI ROZPROWADZANIA -->\r\n          <g class=\"prx-wb-v2-action__flow-group\">\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-action__center-point\"\r\n              cx=\"500\"\r\n              cy=\"275\"\r\n              r=\"7\"\r\n            ><\/circle>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__flow-arrow\"\r\n              data-wb3-flow-left\r\n              d=\"\r\n                M488 270\r\n                C420 250 330 212 248 166\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-action__flow-arrow\"\r\n              data-wb3-flow-right\r\n              d=\"\r\n                M512 270\r\n                C580 250 670 212 752 166\r\n              \"\r\n            ><\/path>\r\n\r\n          <\/g>\r\n\r\n          <!-- OPISY -->\r\n          <g aria-hidden=\"true\">\r\n\r\n            <rect\r\n              class=\"prx-wb-v2-action__annotation-box\"\r\n              x=\"66\"\r\n              y=\"535\"\r\n              width=\"178\"\r\n              height=\"55\"\r\n              rx=\"9\"\r\n            ><\/rect>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-action__annotation-title\"\r\n              x=\"82\"\r\n              y=\"557\"\r\n            >\r\n              WST\u0118GA PRZED WA\u0141EM\r\n            <\/text>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-action__annotation-text\"\r\n              x=\"82\"\r\n              y=\"576\"\r\n            >\r\n              Widoczne pogl\u0105dowe fa\u0142dy\r\n            <\/text>\r\n\r\n            <rect\r\n              class=\"prx-wb-v2-action__annotation-box\"\r\n              x=\"727\"\r\n              y=\"88\"\r\n              width=\"207\"\r\n              height=\"55\"\r\n              rx=\"9\"\r\n            ><\/rect>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-action__annotation-title\"\r\n              x=\"743\"\r\n              y=\"110\"\r\n            >\r\n              PO ROZPROWADZENIU\r\n            <\/text>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-action__annotation-text\"\r\n              x=\"743\"\r\n              y=\"129\"\r\n            >\r\n              Materia\u0142 kierowany ku kraw\u0119dziom\r\n            <\/text>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-action__axis-label\"\r\n              x=\"430\"\r\n              y=\"405\"\r\n            >\r\n              ZAKRZYWIONA O\u015a WA\u0141U\r\n            <\/text>\r\n\r\n          <\/g>\r\n\r\n        <\/svg>\r\n\r\n        <!-- ODCZYTY -->\r\n        <div class=\"prx-wb-v2-action__stage-footer\">\r\n\r\n          <div class=\"prx-wb-v2-action__metric\">\r\n            <span>Efekt pogl\u0105dowy<\/span>\r\n            <strong data-wb3-effect-label>\r\n              Umiarkowany\r\n            <\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-action__metric\">\r\n            <span>Poziom opasania<\/span>\r\n            <strong data-wb3-wrap-metric>\r\n              55%\r\n            <\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-action__metric\">\r\n            <span>Ugi\u0119cie pogl\u0105dowe<\/span>\r\n            <strong data-wb3-bend-metric>\r\n              \u015arednie\r\n            <\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ===================================================\r\n           PANEL STEROWANIA\r\n      ==================================================== -->\r\n\r\n      <aside\r\n        class=\"prx-wb-v2-action__controls\"\r\n        aria-label=\"Sterowanie wizualizacj\u0105 wa\u0142u bananowego\"\r\n      >\r\n        <span class=\"prx-wb-v2-action__controls-label\">\r\n          Ustawienia wizualizacji\r\n        <\/span>\r\n\r\n        <h3>Sprawd\u017a wp\u0142yw ustawie\u0144<\/h3>\r\n\r\n        <p class=\"prx-wb-v2-action__controls-intro\">\r\n          Wybierz materia\u0142 i zmieniaj warto\u015bci pogl\u0105dowe.\r\n          Model aktualizuje si\u0119 automatycznie.\r\n        <\/p>\r\n\r\n        <!-- MATERIA\u0141 -->\r\n        <div class=\"prx-wb-v2-action__control-group\">\r\n\r\n          <div class=\"prx-wb-v2-action__control-title\">\r\n            <span>Rodzaj materia\u0142u<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-action__materials\">\r\n\r\n            <button\r\n              class=\"prx-wb-v2-action__material-button is-active\"\r\n              type=\"button\"\r\n              data-wb3-material=\"folia\"\r\n              aria-pressed=\"true\"\r\n            >\r\n              Folia\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"prx-wb-v2-action__material-button\"\r\n              type=\"button\"\r\n              data-wb3-material=\"papier\"\r\n              aria-pressed=\"false\"\r\n            >\r\n              Papier\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"prx-wb-v2-action__material-button\"\r\n              type=\"button\"\r\n              data-wb3-material=\"wloknina\"\r\n              aria-pressed=\"false\"\r\n            >\r\n              W\u0142\u00f3knina\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"prx-wb-v2-action__material-button\"\r\n              type=\"button\"\r\n              data-wb3-material=\"tekstylia\"\r\n              aria-pressed=\"false\"\r\n            >\r\n              Tekstylia\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- UGI\u0118CIE -->\r\n        <div class=\"prx-wb-v2-action__control-group\">\r\n\r\n          <label\r\n            class=\"prx-wb-v2-action__control-title\"\r\n            for=\"prx-wb-v2-bend\"\r\n          >\r\n            <span>Pogl\u0105dowe ugi\u0119cie wa\u0142u<\/span>\r\n\r\n            <output\r\n              class=\"prx-wb-v2-action__control-value\"\r\n              for=\"prx-wb-v2-bend\"\r\n              data-wb3-bend-output\r\n            >\r\n              55%\r\n            <\/output>\r\n          <\/label>\r\n\r\n          <input\r\n            class=\"prx-wb-v2-action__range\"\r\n            id=\"prx-wb-v2-bend\"\r\n            data-wb3-bend\r\n            type=\"range\"\r\n            min=\"15\"\r\n            max=\"100\"\r\n            value=\"55\"\r\n            step=\"1\"\r\n            aria-label=\"Pogl\u0105dowy poziom ugi\u0119cia wa\u0142u bananowego\"\r\n          >\r\n\r\n          <div class=\"prx-wb-v2-action__range-scale\">\r\n            <span>Ma\u0142e<\/span>\r\n            <span>\u015arednie<\/span>\r\n            <span>Wi\u0119ksze<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- OPASANIE -->\r\n        <div class=\"prx-wb-v2-action__control-group\">\r\n\r\n          <label\r\n            class=\"prx-wb-v2-action__control-title\"\r\n            for=\"prx-wb-v2-wrap\"\r\n          >\r\n            <span>Pogl\u0105dowy poziom opasania<\/span>\r\n\r\n            <output\r\n              class=\"prx-wb-v2-action__control-value\"\r\n              for=\"prx-wb-v2-wrap\"\r\n              data-wb3-wrap-output\r\n            >\r\n              55%\r\n            <\/output>\r\n          <\/label>\r\n\r\n          <input\r\n            class=\"prx-wb-v2-action__range\"\r\n            id=\"prx-wb-v2-wrap\"\r\n            data-wb3-wrap\r\n            type=\"range\"\r\n            min=\"15\"\r\n            max=\"90\"\r\n            value=\"55\"\r\n            step=\"1\"\r\n            aria-label=\"Pogl\u0105dowy poziom opasania materia\u0142u\"\r\n          >\r\n\r\n          <div class=\"prx-wb-v2-action__range-scale\">\r\n            <span>Mniejsze<\/span>\r\n            <span>\u015arednie<\/span>\r\n            <span>Wi\u0119ksze<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- TEMPO -->\r\n        <div class=\"prx-wb-v2-action__control-group\">\r\n\r\n          <label\r\n            class=\"prx-wb-v2-action__control-title\"\r\n            for=\"prx-wb-v2-speed\"\r\n          >\r\n            <span>Tempo animacji<\/span>\r\n\r\n            <output\r\n              class=\"prx-wb-v2-action__control-value\"\r\n              for=\"prx-wb-v2-speed\"\r\n              data-wb3-speed-output\r\n            >\r\n              Normalne\r\n            <\/output>\r\n          <\/label>\r\n\r\n          <input\r\n            class=\"prx-wb-v2-action__range\"\r\n            id=\"prx-wb-v2-speed\"\r\n            data-wb3-speed\r\n            type=\"range\"\r\n            min=\"20\"\r\n            max=\"100\"\r\n            value=\"55\"\r\n            step=\"1\"\r\n            aria-label=\"Tempo animacji materia\u0142u\"\r\n          >\r\n\r\n          <div class=\"prx-wb-v2-action__range-scale\">\r\n            <span>Wolno<\/span>\r\n            <span>Normalnie<\/span>\r\n            <span>Szybko<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- PRZE\u0141\u0104CZNIKI -->\r\n        <div class=\"prx-wb-v2-action__control-group\">\r\n\r\n          <div class=\"prx-wb-v2-action__switches\">\r\n\r\n            <button\r\n              class=\"prx-wb-v2-action__control-button is-active\"\r\n              type=\"button\"\r\n              data-wb3-forces\r\n              aria-pressed=\"true\"\r\n            >\r\n              <span>\r\n                Poka\u017c kierunki rozprowadzania\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"prx-wb-v2-action__button-state\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"prx-wb-v2-action__control-button\"\r\n              type=\"button\"\r\n              data-wb3-pause\r\n              aria-pressed=\"false\"\r\n            >\r\n              <span data-wb3-pause-text>\r\n                Zatrzymaj animacj\u0119\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"prx-wb-v2-action__button-state\"\r\n                aria-hidden=\"true\"\r\n              ><\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-action__reset\"\r\n            type=\"button\"\r\n            data-wb3-reset\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 4v6h6\"><\/path>\r\n              <path d=\"M5.5 15a8 8 0 1 0 .8-8.4L4 10\"><\/path>\r\n            <\/svg>\r\n\r\n            Przywr\u00f3\u0107 ustawienia pocz\u0105tkowe\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         WYJA\u015aNIENIE\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-action__explanation\">\r\n\r\n      <article class=\"prx-wb-v2-action__explanation-main\">\r\n\r\n        <span class=\"prx-wb-v2-action__explanation-label\">\r\n          Zasada dzia\u0142ania\r\n        <\/span>\r\n\r\n        <h3>\r\n          Rozprowadzanie materia\u0142u od \u015brodka w kierunku kraw\u0119dzi\r\n        <\/h3>\r\n\r\n        <p>\r\n          Podczas obrotu powierzchnia wa\u0142u porusza si\u0119 wok\u00f3\u0142\r\n          zakrzywionej osi. Przy odpowiednim prowadzeniu wst\u0119gi\r\n          pomaga to zmieni\u0107 kierunek dzia\u0142ania si\u0142 tarcia\r\n          i rozprowadza\u0107 materia\u0142 poprzecznie. Efekt zale\u017cy od\r\n          ca\u0142ego uk\u0142adu, a nie wy\u0142\u0105cznie od samego ugi\u0119cia wa\u0142u.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <div class=\"prx-wb-v2-action__factors\">\r\n\r\n        <article class=\"prx-wb-v2-action__factor\">\r\n\r\n          <span\r\n            class=\"prx-wb-v2-action__factor-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 15c4-6 12-6 16 0\"><\/path>\r\n              <path d=\"M6 18c3-4 9-4 12 0\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>Ugi\u0119cie wa\u0142u<\/strong>\r\n\r\n          <p>\r\n            Wp\u0142ywa na kierunek i intensywno\u015b\u0107 pogl\u0105dowego\r\n            rozprowadzania materia\u0142u.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"prx-wb-v2-action__factor\">\r\n\r\n          <span\r\n            class=\"prx-wb-v2-action__factor-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M5 17c2-6 12-9 15-3\"><\/path>\r\n              <path d=\"M6 12c4-4 10-5 13-1\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>Opasanie materia\u0142u<\/strong>\r\n\r\n          <p>\r\n            Okre\u015bla spos\u00f3b kontaktu wst\u0119gi z powierzchni\u0105\r\n            robocz\u0105 wa\u0142u.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"prx-wb-v2-action__factor\">\r\n\r\n          <span\r\n            class=\"prx-wb-v2-action__factor-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 18h16\"><\/path>\r\n              <path d=\"M6 14h12\"><\/path>\r\n              <path d=\"M8 10h8\"><\/path>\r\n              <path d=\"M10 6h4\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>Warunki procesu<\/strong>\r\n\r\n          <p>\r\n            Znaczenie maj\u0105 materia\u0142, napi\u0119cie wst\u0119gi, pr\u0119dko\u015b\u0107\r\n            oraz miejsce monta\u017cu.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         ZASTRZE\u017bENIE\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-action__notice\">\r\n\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n        <path d=\"M12 10v6\"><\/path>\r\n        <path d=\"M12 7h.01\"><\/path>\r\n      <\/svg>\r\n\r\n      <span>\r\n        <strong>Wizualizacja ma charakter pogl\u0105dowy.<\/strong>\r\n        Nie jest kalkulatorem konstrukcyjnym. Rzeczywiste ugi\u0119cie,\r\n        powierzchni\u0119, ustawienie i spos\u00f3b monta\u017cu dobiera si\u0119 po\r\n        analizie materia\u0142u oraz parametr\u00f3w konkretnej linii.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v2-action]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV2ActionReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV2ActionReady = \"true\";\r\n\r\n        const bendInput = section.querySelector(\r\n          \"[data-wb3-bend]\"\r\n        );\r\n\r\n        const wrapInput = section.querySelector(\r\n          \"[data-wb3-wrap]\"\r\n        );\r\n\r\n        const speedInput = section.querySelector(\r\n          \"[data-wb3-speed]\"\r\n        );\r\n\r\n        const bendOutput = section.querySelector(\r\n          \"[data-wb3-bend-output]\"\r\n        );\r\n\r\n        const wrapOutput = section.querySelector(\r\n          \"[data-wb3-wrap-output]\"\r\n        );\r\n\r\n        const speedOutput = section.querySelector(\r\n          \"[data-wb3-speed-output]\"\r\n        );\r\n\r\n        const bendMetric = section.querySelector(\r\n          \"[data-wb3-bend-metric]\"\r\n        );\r\n\r\n        const wrapMetric = section.querySelector(\r\n          \"[data-wb3-wrap-metric]\"\r\n        );\r\n\r\n        const effectLabel = section.querySelector(\r\n          \"[data-wb3-effect-label]\"\r\n        );\r\n\r\n        const materialNameElements =\r\n          section.querySelectorAll(\r\n            \"[data-wb3-material-name]\"\r\n          );\r\n\r\n        const materialButtons =\r\n          section.querySelectorAll(\r\n            \"[data-wb3-material]\"\r\n          );\r\n\r\n        const webPaths =\r\n          section.querySelectorAll(\r\n            \"[data-wb3-web]\"\r\n          );\r\n\r\n        const webEdgeLeft = section.querySelector(\r\n          \"[data-wb3-edge-left]\"\r\n        );\r\n\r\n        const webEdgeRight = section.querySelector(\r\n          \"[data-wb3-edge-right]\"\r\n        );\r\n\r\n        const outputLeft = section.querySelector(\r\n          \"[data-wb3-output-left]\"\r\n        );\r\n\r\n        const outputRight = section.querySelector(\r\n          \"[data-wb3-output-right]\"\r\n        );\r\n\r\n        const flowLeft = section.querySelector(\r\n          \"[data-wb3-flow-left]\"\r\n        );\r\n\r\n        const flowRight = section.querySelector(\r\n          \"[data-wb3-flow-right]\"\r\n        );\r\n\r\n        const rollerPaths =\r\n          section.querySelectorAll(\r\n            \"[data-wb3-roller-path]\"\r\n          );\r\n\r\n        const rollerHighlight =\r\n          section.querySelector(\r\n            \"[data-wb3-roller-highlight]\"\r\n          );\r\n\r\n        const wrinkles =\r\n          section.querySelector(\r\n            \"[data-wb3-wrinkles]\"\r\n          );\r\n\r\n        const forcesButton =\r\n          section.querySelector(\r\n            \"[data-wb3-forces]\"\r\n          );\r\n\r\n        const pauseButton =\r\n          section.querySelector(\r\n            \"[data-wb3-pause]\"\r\n          );\r\n\r\n        const pauseText =\r\n          section.querySelector(\r\n            \"[data-wb3-pause-text]\"\r\n          );\r\n\r\n        const resetButton =\r\n          section.querySelector(\r\n            \"[data-wb3-reset]\"\r\n          );\r\n\r\n        const webStops = [\r\n          section.querySelector(\r\n            \"[data-wb3-web-stop-a]\"\r\n          ),\r\n          section.querySelector(\r\n            \"[data-wb3-web-stop-b]\"\r\n          ),\r\n          section.querySelector(\r\n            \"[data-wb3-web-stop-c]\"\r\n          )\r\n        ];\r\n\r\n        const materials = {\r\n          folia: {\r\n            name: \"Folia\",\r\n            colors: [\r\n              \"#176fa8\",\r\n              \"#2c9bc8\",\r\n              \"#6ed1ec\"\r\n            ],\r\n            opacity: [\r\n              0.62,\r\n              0.55,\r\n              0.43\r\n            ]\r\n          },\r\n\r\n          papier: {\r\n            name: \"Papier\",\r\n            colors: [\r\n              \"#a9854c\",\r\n              \"#d5b875\",\r\n              \"#f0deb2\"\r\n            ],\r\n            opacity: [\r\n              0.88,\r\n              0.82,\r\n              0.78\r\n            ]\r\n          },\r\n\r\n          wloknina: {\r\n            name: \"W\u0142\u00f3knina\",\r\n            colors: [\r\n              \"#668f94\",\r\n              \"#9cc2c4\",\r\n              \"#d7e7e7\"\r\n            ],\r\n            opacity: [\r\n              0.82,\r\n              0.75,\r\n              0.68\r\n            ]\r\n          },\r\n\r\n          tekstylia: {\r\n            name: \"Tekstylia\",\r\n            colors: [\r\n              \"#263d60\",\r\n              \"#456185\",\r\n              \"#7f95b3\"\r\n            ],\r\n            opacity: [\r\n              0.92,\r\n              0.88,\r\n              0.82\r\n            ]\r\n          }\r\n        };\r\n\r\n        let currentMaterial = \"folia\";\r\n\r\n        function setRangeFill(input) {\r\n          const minimum = Number(input.min);\r\n          const maximum = Number(input.max);\r\n          const value = Number(input.value);\r\n\r\n          const percentage =\r\n            ((value - minimum) \/\r\n              (maximum - minimum)) *\r\n            100;\r\n\r\n          input.style.setProperty(\r\n            \"--range-fill\",\r\n            percentage + \"%\"\r\n          );\r\n        }\r\n\r\n        function updateMaterial(materialKey) {\r\n          const material = materials[materialKey];\r\n\r\n          if (!material) {\r\n            return;\r\n          }\r\n\r\n          currentMaterial = materialKey;\r\n\r\n          materialButtons.forEach(function (button) {\r\n            const active =\r\n              button.dataset.wb3Material ===\r\n              materialKey;\r\n\r\n            button.classList.toggle(\r\n              \"is-active\",\r\n              active\r\n            );\r\n\r\n            button.setAttribute(\r\n              \"aria-pressed\",\r\n              active ? \"true\" : \"false\"\r\n            );\r\n          });\r\n\r\n          webStops.forEach(function (stop, index) {\r\n            if (!stop) {\r\n              return;\r\n            }\r\n\r\n            stop.setAttribute(\r\n              \"stop-color\",\r\n              material.colors[index]\r\n            );\r\n\r\n            stop.setAttribute(\r\n              \"stop-opacity\",\r\n              material.opacity[index]\r\n            );\r\n          });\r\n\r\n          materialNameElements.forEach(\r\n            function (element) {\r\n              element.textContent = material.name;\r\n            }\r\n          );\r\n        }\r\n\r\n        function updateSimulation() {\r\n          const bend = Number(bendInput.value);\r\n          const wrap = Number(wrapInput.value);\r\n          const speed = Number(speedInput.value);\r\n\r\n          setRangeFill(bendInput);\r\n          setRangeFill(wrapInput);\r\n          setRangeFill(speedInput);\r\n\r\n          bendOutput.textContent = bend + \"%\";\r\n          wrapOutput.textContent = wrap + \"%\";\r\n          wrapMetric.textContent = wrap + \"%\";\r\n\r\n          let bendDescription = \"Ma\u0142e\";\r\n\r\n          if (bend >= 40 && bend < 72) {\r\n            bendDescription = \"\u015arednie\";\r\n          } else if (bend >= 72) {\r\n            bendDescription = \"Wi\u0119ksze\";\r\n          }\r\n\r\n          bendMetric.textContent =\r\n            bendDescription;\r\n\r\n          let speedDescription = \"Wolne\";\r\n\r\n          if (speed >= 42 && speed < 76) {\r\n            speedDescription = \"Normalne\";\r\n          } else if (speed >= 76) {\r\n            speedDescription = \"Szybkie\";\r\n          }\r\n\r\n          speedOutput.textContent =\r\n            speedDescription;\r\n\r\n          const bendFactor = bend \/ 100;\r\n\r\n          const wrapFactor =\r\n            Math.max(\r\n              0,\r\n              Math.min(\r\n                1,\r\n                (wrap - 15) \/ 75\r\n              )\r\n            );\r\n\r\n          const effect =\r\n            bendFactor * 0.62 +\r\n            wrapFactor * 0.38;\r\n\r\n          let effectDescription = \"\u0141agodny\";\r\n\r\n          if (\r\n            effect >= 0.38 &&\r\n            effect < 0.7\r\n          ) {\r\n            effectDescription = \"Umiarkowany\";\r\n          } else if (effect >= 0.7) {\r\n            effectDescription = \"Wyra\u017any\";\r\n          }\r\n\r\n          effectLabel.textContent =\r\n            effectDescription;\r\n\r\n          \/*\r\n           * Warto\u015bci poni\u017cej steruj\u0105 wy\u0142\u0105cznie\r\n           * geometri\u0105 pogl\u0105dowego rysunku SVG.\r\n           *\/\r\n\r\n          const rollerMiddleY =\r\n            352 - bendFactor * 92;\r\n\r\n          const highlightMiddleY =\r\n            rollerMiddleY - 8;\r\n\r\n          const rollerPath =\r\n            \"M180 365 Q500 \" +\r\n            rollerMiddleY.toFixed(1) +\r\n            \" 820 365\";\r\n\r\n          const highlightPath =\r\n            \"M188 355 Q500 \" +\r\n            highlightMiddleY.toFixed(1) +\r\n            \" 812 355\";\r\n\r\n          rollerPaths.forEach(function (path) {\r\n            path.setAttribute(\r\n              \"d\",\r\n              rollerPath\r\n            );\r\n          });\r\n\r\n          rollerHighlight.setAttribute(\r\n            \"d\",\r\n            highlightPath\r\n          );\r\n\r\n          const spread =\r\n            46 + effect * 92;\r\n\r\n          const topLeft =\r\n            220 - spread;\r\n\r\n          const topRight =\r\n            780 + spread;\r\n\r\n          const shoulderLeft =\r\n            250 - effect * 20;\r\n\r\n          const shoulderRight =\r\n            750 + effect * 20;\r\n\r\n          const webPath =\r\n            \"M285 635 \" +\r\n            \"L715 635 \" +\r\n            \"L\" +\r\n            shoulderRight.toFixed(1) +\r\n            \" 365 \" +\r\n            \"L\" +\r\n            topRight.toFixed(1) +\r\n            \" 58 \" +\r\n            \"L\" +\r\n            topLeft.toFixed(1) +\r\n            \" 58 \" +\r\n            \"L\" +\r\n            shoulderLeft.toFixed(1) +\r\n            \" 365 Z\";\r\n\r\n          webPaths.forEach(function (path) {\r\n            path.setAttribute(\r\n              \"d\",\r\n              webPath\r\n            );\r\n          });\r\n\r\n          webEdgeLeft.setAttribute(\r\n            \"d\",\r\n            \"M285 635 L\" +\r\n              shoulderLeft.toFixed(1) +\r\n              \" 365 L\" +\r\n              topLeft.toFixed(1) +\r\n              \" 58\"\r\n          );\r\n\r\n          webEdgeRight.setAttribute(\r\n            \"d\",\r\n            \"M715 635 L\" +\r\n              shoulderRight.toFixed(1) +\r\n              \" 365 L\" +\r\n              topRight.toFixed(1) +\r\n              \" 58\"\r\n          );\r\n\r\n          const outputTargetLeft =\r\n            340 - effect * 125;\r\n\r\n          const outputTargetRight =\r\n            660 + effect * 125;\r\n\r\n          outputLeft.setAttribute(\r\n            \"d\",\r\n            \"M470 345 \" +\r\n              \"C420 255 335 145 \" +\r\n              outputTargetLeft.toFixed(1) +\r\n              \" 65\"\r\n          );\r\n\r\n          outputRight.setAttribute(\r\n            \"d\",\r\n            \"M530 345 \" +\r\n              \"C580 255 665 145 \" +\r\n              outputTargetRight.toFixed(1) +\r\n              \" 65\"\r\n          );\r\n\r\n          const flowTargetLeft =\r\n            320 - effect * 95;\r\n\r\n          const flowTargetRight =\r\n            680 + effect * 95;\r\n\r\n          flowLeft.setAttribute(\r\n            \"d\",\r\n            \"M488 270 \" +\r\n              \"C420 250 330 212 \" +\r\n              flowTargetLeft.toFixed(1) +\r\n              \" 166\"\r\n          );\r\n\r\n          flowRight.setAttribute(\r\n            \"d\",\r\n            \"M512 270 \" +\r\n              \"C580 250 670 212 \" +\r\n              flowTargetRight.toFixed(1) +\r\n              \" 166\"\r\n          );\r\n\r\n          const wrinkleOpacity =\r\n            Math.max(\r\n              0.18,\r\n              0.95 - effect\r\n            );\r\n\r\n          wrinkles.style.opacity =\r\n            wrinkleOpacity.toFixed(2);\r\n\r\n          const duration =\r\n            2.4 - (speed \/ 100) * 1.45;\r\n\r\n          const finalDuration =\r\n            Math.max(\r\n              0.65,\r\n              duration\r\n            ).toFixed(2) + \"s\";\r\n\r\n          const animatedElements =\r\n            section.querySelectorAll(\r\n              \".prx-wb-v2-action__web-edge,\" +\r\n              \".prx-wb-v2-action__input-line,\" +\r\n              \".prx-wb-v2-action__wrinkle,\" +\r\n              \".prx-wb-v2-action__output-line,\" +\r\n              \".prx-wb-v2-action__flow-arrow\"\r\n            );\r\n\r\n          animatedElements.forEach(\r\n            function (element) {\r\n              element.style.animationDuration =\r\n                finalDuration;\r\n            }\r\n          );\r\n        }\r\n\r\n        materialButtons.forEach(\r\n          function (button) {\r\n            button.addEventListener(\r\n              \"click\",\r\n              function () {\r\n                updateMaterial(\r\n                  button.dataset.wb3Material\r\n                );\r\n              }\r\n            );\r\n          }\r\n        );\r\n\r\n        [\r\n          bendInput,\r\n          wrapInput,\r\n          speedInput\r\n        ].forEach(function (input) {\r\n          input.addEventListener(\r\n            \"input\",\r\n            updateSimulation\r\n          );\r\n        });\r\n\r\n        forcesButton.addEventListener(\r\n          \"click\",\r\n          function () {\r\n            const active =\r\n              !section.classList.contains(\r\n                \"is-forces-visible\"\r\n              );\r\n\r\n            section.classList.toggle(\r\n              \"is-forces-visible\",\r\n              active\r\n            );\r\n\r\n            forcesButton.classList.toggle(\r\n              \"is-active\",\r\n              active\r\n            );\r\n\r\n            forcesButton.setAttribute(\r\n              \"aria-pressed\",\r\n              active ? \"true\" : \"false\"\r\n            );\r\n          }\r\n        );\r\n\r\n        pauseButton.addEventListener(\r\n          \"click\",\r\n          function () {\r\n            const paused =\r\n              !section.classList.contains(\r\n                \"is-paused\"\r\n              );\r\n\r\n            section.classList.toggle(\r\n              \"is-paused\",\r\n              paused\r\n            );\r\n\r\n            pauseButton.classList.toggle(\r\n              \"is-active\",\r\n              paused\r\n            );\r\n\r\n            pauseButton.setAttribute(\r\n              \"aria-pressed\",\r\n              paused ? \"true\" : \"false\"\r\n            );\r\n\r\n            pauseText.textContent =\r\n              paused\r\n                ? \"Wzn\u00f3w animacj\u0119\"\r\n                : \"Zatrzymaj animacj\u0119\";\r\n          }\r\n        );\r\n\r\n        resetButton.addEventListener(\r\n          \"click\",\r\n          function () {\r\n            bendInput.value = \"55\";\r\n            wrapInput.value = \"55\";\r\n            speedInput.value = \"55\";\r\n\r\n            updateMaterial(\"folia\");\r\n\r\n            section.classList.add(\r\n              \"is-forces-visible\"\r\n            );\r\n\r\n            forcesButton.classList.add(\r\n              \"is-active\"\r\n            );\r\n\r\n            forcesButton.setAttribute(\r\n              \"aria-pressed\",\r\n              \"true\"\r\n            );\r\n\r\n            section.classList.remove(\r\n              \"is-paused\"\r\n            );\r\n\r\n            pauseButton.classList.remove(\r\n              \"is-active\"\r\n            );\r\n\r\n            pauseButton.setAttribute(\r\n              \"aria-pressed\",\r\n              \"false\"\r\n            );\r\n\r\n            pauseText.textContent =\r\n              \"Zatrzymaj animacj\u0119\";\r\n\r\n            updateSimulation();\r\n          }\r\n        );\r\n\r\n        section.classList.add(\r\n          \"is-forces-visible\"\r\n        );\r\n\r\n        updateMaterial(currentMaterial);\r\n        updateSimulation();\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd20de elementor-widget elementor-widget-html\" data-id=\"bdd20de\" 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 WA\u0141Y BANANOWE\r\n     BLOK 4: PARAMETRY I DANE DO DOBORU\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-params\"\r\n  id=\"parametry-walow-bananowych\"\r\n  aria-labelledby=\"prx-wb-v2-params-title\"\r\n  data-prx-wb-v2-params\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I OCHRONA PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params,\r\n    .prx-wb-v2-params *,\r\n    .prx-wb-v2-params *::before,\r\n    .prx-wb-v2-params *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-params {\r\n      --wb4-navy-950: #031321;\r\n      --wb4-navy-900: #061b30;\r\n      --wb4-navy-800: #092d49;\r\n      --wb4-navy-700: #0c4167;\r\n      --wb4-blue: #17618f;\r\n      --wb4-red: #e10600;\r\n      --wb4-red-dark: #bd0000;\r\n      --wb4-white: #ffffff;\r\n      --wb4-bg: #f4f7f9;\r\n      --wb4-bg-soft: #edf2f5;\r\n      --wb4-text: #41586b;\r\n      --wb4-muted: #718497;\r\n      --wb4-border: #dce5ec;\r\n      --wb4-green: #36ba79;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: visible;\r\n      padding: clamp(84px, 8vw, 118px) 24px;\r\n      scroll-margin-top: 92px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 93% 9%,\r\n          rgba(23, 97, 143, 0.09),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 5% 90%,\r\n          rgba(225, 6, 0, 0.04),\r\n          transparent 23%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #ffffff 0%,\r\n          #f7f9fb 55%,\r\n          var(--wb4-bg) 100%\r\n        );\r\n\r\n      color: var(--wb4-navy-950) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-params h2,\r\n    .prx-wb-v2-params h3,\r\n    .prx-wb-v2-params p,\r\n    .prx-wb-v2-params span,\r\n    .prx-wb-v2-params strong,\r\n    .prx-wb-v2-params th,\r\n    .prx-wb-v2-params td,\r\n    .prx-wb-v2-params li,\r\n    .prx-wb-v2-params a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-params a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-params svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       T\u0141O TECHNICZNE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: 0;\r\n      right: 0;\r\n      width: 46%;\r\n      height: 100%;\r\n      opacity: 0.42;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(7, 27, 51, 0.032) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(7, 27, 51, 0.032) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 44px 44px;\r\n      pointer-events: none;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 30%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 30%\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-params::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      top: -290px;\r\n      right: -260px;\r\n      width: 720px;\r\n      height: 720px;\r\n\r\n      border: 1px solid rgba(7, 27, 51, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 80px rgba(7, 27, 51, 0.012),\r\n        0 0 0 168px rgba(7, 27, 51, 0.008);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-params__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1240px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.92fr)\r\n        minmax(350px, 0.68fr);\r\n      align-items: end;\r\n      gap: clamp(46px, 8vw, 105px);\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .prx-wb-v2-params__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: var(--wb4-red) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.3px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-params__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb4-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-params__title {\r\n      max-width: 760px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb4-navy-950) !important;\r\n      font-size: clamp(39px, 4.1vw, 61px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.07 !important;\r\n      letter-spacing: -2.05px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-params__title strong {\r\n      color: var(--wb4-red) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__intro {\r\n      position: relative;\r\n      margin: 0 0 3px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb4-text) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb4-red),\r\n          rgba(225, 6, 0, 0.09)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-params__intro strong {\r\n      color: var(--wb4-navy-950) !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       UK\u0141AD G\u0141\u00d3WNY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__layout {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.32fr)\r\n        minmax(350px, 0.68fr);\r\n      align-items: start;\r\n      gap: 22px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       KARTA TABELI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__table-card {\r\n      min-width: 0;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid var(--wb4-border);\r\n      border-radius: 21px;\r\n\r\n      background: rgba(255, 255, 255, 0.97);\r\n\r\n      box-shadow:\r\n        0 22px 52px rgba(7, 27, 51, 0.075),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.65s ease,\r\n        transform 0.65s ease;\r\n    }\r\n\r\n    .prx-wb-v2-params.is-visible\r\n      .prx-wb-v2-params__table-card {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-params__table-top {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 25px;\r\n      overflow: hidden;\r\n      padding: 27px 29px;\r\n\r\n      border-bottom: 1px solid var(--wb4-border);\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 92% 10%,\r\n          rgba(24, 101, 151, 0.11),\r\n          transparent 35%\r\n        ),\r\n        #f7f9fb;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-top::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 29px;\r\n      width: 75px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb4-red);\r\n    }\r\n\r\n    .prx-wb-v2-params__table-top-text {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-kicker {\r\n      display: block;\r\n      margin: 0 0 6px;\r\n\r\n      color: var(--wb4-red) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-name {\r\n      display: block;\r\n\r\n      color: var(--wb4-navy-950) !important;\r\n      font-size: 21px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: -0.4px !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-status {\r\n      display: inline-flex;\r\n      flex: 0 0 auto;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid #d8e2e9;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n\r\n      color: var(--wb4-blue) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.65px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb4-green);\r\n\r\n      box-shadow:\r\n        0 0 8px rgba(52, 189, 121, 0.5);\r\n    }\r\n\r\n    \/* =========================================================\r\n       TABELA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__table-wrap {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n    }\r\n\r\n    .prx-wb-v2-params__table {\r\n      width: 100%;\r\n      border-spacing: 0;\r\n      border-collapse: collapse;\r\n    }\r\n\r\n    .prx-wb-v2-params__table caption {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      overflow: hidden;\r\n      clip: rect(0 0 0 0);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-wb-v2-params__table thead th {\r\n      padding: 15px 24px;\r\n\r\n      border-bottom: 1px solid var(--wb4-border);\r\n      background: var(--wb4-navy-950) !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 0.85px !important;\r\n      text-align: left;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-params__table thead th:first-child {\r\n      width: 34%;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody tr {\r\n      position: relative;\r\n      background: #ffffff;\r\n\r\n      transition:\r\n        background-color 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody tr:not(:last-child) {\r\n      border-bottom: 1px solid #e3eaf0;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody th,\r\n    .prx-wb-v2-params__table tbody td {\r\n      padding: 19px 24px;\r\n      vertical-align: top;\r\n      text-align: left;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody th {\r\n      position: relative;\r\n\r\n      color: var(--wb4-navy-950) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody th::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 25px;\r\n      left: 11px;\r\n      width: 5px;\r\n      height: 5px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb4-red);\r\n\r\n      opacity: 0;\r\n      transform: translateX(-4px);\r\n\r\n      transition:\r\n        opacity 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody td {\r\n      color: var(--wb4-text) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.58 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__table tbody td strong {\r\n      color: var(--wb4-blue) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      margin: 2px 5px 2px 0;\r\n      padding: 5px 8px;\r\n\r\n      border: 1px solid #d7e2e9;\r\n      border-radius: 7px;\r\n      background: #f4f8fa;\r\n\r\n      color: var(--wb4-navy-800) !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-wb-v2-params__tag::before {\r\n      content: \"\";\r\n      width: 5px;\r\n      height: 5px;\r\n      flex: 0 0 auto;\r\n      border-radius: 50%;\r\n      background: var(--wb4-red);\r\n    }\r\n\r\n    .prx-wb-v2-params__table-note {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 11px;\r\n      padding: 18px 22px;\r\n\r\n      border-top: 1px solid var(--wb4-border);\r\n      background: #f7f9fb;\r\n\r\n      color: var(--wb4-text) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-note svg {\r\n      flex: 0 0 auto;\r\n      width: 18px;\r\n      height: 18px;\r\n      margin-top: 1px;\r\n\r\n      fill: none;\r\n      stroke: var(--wb4-blue);\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-params__table-note strong {\r\n      color: var(--wb4-navy-950) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL STICKY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__side {\r\n      position: sticky;\r\n      top: 100px;\r\n\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.65s ease 0.12s,\r\n        transform 0.65s ease 0.12s;\r\n    }\r\n\r\n    .prx-wb-v2-params.is-visible\r\n      .prx-wb-v2-params__side {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-params__selection-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 31px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 20px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(24, 103, 154, 0.3),\r\n          transparent 32%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          var(--wb4-navy-950),\r\n          var(--wb4-navy-900) 57%,\r\n          var(--wb4-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 26px 58px rgba(7, 27, 51, 0.18),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__selection-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 31px;\r\n      width: 78px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb4-red);\r\n\r\n      box-shadow:\r\n        0 5px 16px rgba(225, 6, 0, 0.36);\r\n    }\r\n\r\n    .prx-wb-v2-params__selection-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -125px;\r\n      bottom: -135px;\r\n      width: 300px;\r\n      height: 300px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 45px rgba(255, 255, 255, 0.012),\r\n        0 0 0 94px rgba(255, 255, 255, 0.008);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-params__selection-content,\r\n    .prx-wb-v2-params__logic,\r\n    .prx-wb-v2-params__prepare {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-params__side-label {\r\n      display: block;\r\n      margin: 0 0 9px;\r\n\r\n      color: #ff6863 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-params__selection-card h3 {\r\n      margin: 0 0 13px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(26px, 2.25vw, 34px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.14 !important;\r\n      letter-spacing: -0.85px !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__selection-content p {\r\n      margin: 0 !important;\r\n\r\n      color: #adbfcd !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       LOGIKA DOBORU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__logic {\r\n      margin-top: 25px;\r\n      padding-top: 22px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-title {\r\n      display: block;\r\n      margin: 0 0 12px;\r\n\r\n      color: #7f9bae !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.9px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-params__input-grid,\r\n    .prx-wb-v2-params__output-grid {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 7px;\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-chip {\r\n      position: relative;\r\n      min-width: 0;\r\n      padding: 10px 9px 10px 24px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 8px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      color: #c1d0dc !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-chip::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 14px;\r\n      left: 10px;\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      border-radius: 50%;\r\n      background: #628aa7;\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-chip--output {\r\n      border-color: rgba(255, 67, 61, 0.18);\r\n      background: rgba(225, 6, 0, 0.08);\r\n\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-chip--output::before {\r\n      background: var(--wb4-red);\r\n\r\n      box-shadow:\r\n        0 0 7px rgba(225, 6, 0, 0.65);\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-center {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin: 13px 0;\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-line {\r\n      flex: 1 1 auto;\r\n      height: 1px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(255, 255, 255, 0.2)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-line:last-child {\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.2),\r\n          transparent\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-core {\r\n      position: relative;\r\n      display: flex;\r\n      flex: 0 0 auto;\r\n      width: 76px;\r\n      height: 76px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(225, 6, 0, 0.17),\r\n          rgba(255, 255, 255, 0.035) 65%\r\n        );\r\n\r\n      color: #ffffff !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.25 !important;\r\n      text-align: center;\r\n      text-transform: uppercase;\r\n\r\n      box-shadow:\r\n        0 0 0 7px rgba(255, 255, 255, 0.02),\r\n        0 0 30px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-params__logic-core::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -4px;\r\n\r\n      border-top: 2px solid var(--wb4-red);\r\n      border-right: 2px solid transparent;\r\n      border-bottom: 2px solid transparent;\r\n      border-left: 2px solid transparent;\r\n      border-radius: 50%;\r\n\r\n      animation:\r\n        prxWbV2ParamsRotate 6s linear infinite;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DANE DO PRZYGOTOWANIA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__prepare {\r\n      margin-top: 22px;\r\n      padding-top: 21px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v2-params__prepare-title {\r\n      display: block;\r\n      margin: 0 0 12px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__prepare-list {\r\n      display: grid;\r\n      gap: 9px;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      list-style: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__prepare-list li {\r\n      display: grid;\r\n      grid-template-columns: 24px minmax(0, 1fr);\r\n      align-items: start;\r\n      gap: 9px;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n\r\n      color: #afc1ce !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__prepare-list li::before {\r\n      display: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__prepare-icon {\r\n      display: inline-flex;\r\n      width: 23px;\r\n      height: 23px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid rgba(255, 79, 73, 0.25);\r\n      border-radius: 6px;\r\n      background: rgba(225, 6, 0, 0.11);\r\n\r\n      color: #ff625d !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__prepare-icon svg {\r\n      width: 13px;\r\n      height: 13px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-params__cta {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n      align-items: center;\r\n      gap: 40px;\r\n      margin-top: 43px;\r\n      padding: 34px 37px;\r\n\r\n      border: 1px solid var(--wb4-border);\r\n      border-radius: 19px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n\r\n      box-shadow:\r\n        0 18px 45px rgba(7, 27, 51, 0.07),\r\n        inset 0 1px 0 #ffffff;\r\n    }\r\n\r\n    .prx-wb-v2-params__cta strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: var(--wb4-navy-950) !important;\r\n      font-size: clamp(22px, 2.2vw, 30px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.22 !important;\r\n      letter-spacing: -0.55px !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__cta p {\r\n      max-width: 720px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb4-text) !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.58 !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-params__button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      min-height: 53px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      overflow: hidden;\r\n      padding: 13px 20px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-params__button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -160%;\r\n      left: -60%;\r\n      width: 40%;\r\n      height: 420%;\r\n\r\n      background: rgba(255, 255, 255, 0.18);\r\n      transform: rotate(24deg);\r\n\r\n      transition: left 0.55s ease;\r\n    }\r\n\r\n    .prx-wb-v2-params__button:hover::before {\r\n      left: 125%;\r\n    }\r\n\r\n    .prx-wb-v2-params__button--primary {\r\n      border-color: var(--wb4-red) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--wb4-red-dark)\r\n        ) !important;\r\n\r\n      color: #ffffff !important;\r\n\r\n      box-shadow:\r\n        0 12px 29px rgba(225, 6, 0, 0.2);\r\n    }\r\n\r\n    .prx-wb-v2-params__button--secondary {\r\n      border-color: #cedae3 !important;\r\n      background: #ffffff !important;\r\n      color: var(--wb4-navy-950) !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__button span,\r\n    .prx-wb-v2-params__button svg {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-params__button--primary span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__button--secondary span {\r\n      color: var(--wb4-navy-950) !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-params__button:hover,\r\n    .prx-wb-v2-params__button:focus-visible {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-params__button--primary:hover {\r\n      color: #ffffff !important;\r\n\r\n      box-shadow:\r\n        0 16px 36px rgba(225, 6, 0, 0.3);\r\n    }\r\n\r\n    .prx-wb-v2-params__button--secondary:hover {\r\n      border-color: #aebfcb !important;\r\n      background: #f7f9fb !important;\r\n      color: var(--wb4-navy-950) !important;\r\n    }\r\n\r\n    .prx-wb-v2-params__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-params__button:focus-visible {\r\n      outline: 3px solid rgba(7, 27, 51, 0.45);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE I HOVER\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2ParamsRotate {\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-params__table tbody tr:hover {\r\n        background: #f8fafb;\r\n      }\r\n\r\n      .prx-wb-v2-params__table tbody tr:hover th::before {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v2-params__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v2-params__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v2-params__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-params__side {\r\n        position: relative;\r\n        top: auto;\r\n      }\r\n\r\n      .prx-wb-v2-params__selection-card {\r\n        display: grid;\r\n        grid-template-columns:\r\n          minmax(0, 0.85fr)\r\n          minmax(0, 1.15fr);\r\n        gap: 30px;\r\n      }\r\n\r\n      .prx-wb-v2-params__logic {\r\n        margin-top: 0;\r\n        padding-top: 0;\r\n        padding-left: 30px;\r\n\r\n        border-top: 0;\r\n        border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n\r\n      .prx-wb-v2-params__prepare {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 780px) {\r\n      .prx-wb-v2-params {\r\n        padding: 78px 18px 86px;\r\n      }\r\n\r\n      .prx-wb-v2-params__table-top {\r\n        align-items: flex-start;\r\n      }\r\n\r\n      .prx-wb-v2-params__selection-card {\r\n        display: block;\r\n      }\r\n\r\n      .prx-wb-v2-params__logic {\r\n        margin-top: 25px;\r\n        padding-top: 22px;\r\n        padding-left: 0;\r\n\r\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-left: 0;\r\n      }\r\n\r\n      .prx-wb-v2-params__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 23px;\r\n      }\r\n\r\n      .prx-wb-v2-params__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .prx-wb-v2-params {\r\n        padding-right: 14px;\r\n        padding-left: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-params__title {\r\n        font-size: clamp(34px, 10vw, 47px) !important;\r\n        letter-spacing: -1.4px !important;\r\n      }\r\n\r\n      .prx-wb-v2-params__table-top {\r\n        display: block;\r\n        padding: 25px 21px;\r\n      }\r\n\r\n      .prx-wb-v2-params__table-status {\r\n        margin-top: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-params__table thead {\r\n        display: none;\r\n      }\r\n\r\n      .prx-wb-v2-params__table,\r\n      .prx-wb-v2-params__table tbody,\r\n      .prx-wb-v2-params__table tr,\r\n      .prx-wb-v2-params__table th,\r\n      .prx-wb-v2-params__table td {\r\n        display: block;\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-wb-v2-params__table tbody tr {\r\n        padding: 18px 20px;\r\n      }\r\n\r\n      .prx-wb-v2-params__table tbody th,\r\n      .prx-wb-v2-params__table tbody td {\r\n        padding: 0;\r\n      }\r\n\r\n      .prx-wb-v2-params__table tbody th {\r\n        margin-bottom: 7px;\r\n        padding-left: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-params__table tbody th::before {\r\n        top: 7px;\r\n        left: 0;\r\n\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      .prx-wb-v2-params__table-note {\r\n        padding: 17px 19px;\r\n      }\r\n\r\n      .prx-wb-v2-params__selection-card {\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v2-params__input-grid,\r\n      .prx-wb-v2-params__output-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-params__cta {\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v2-params__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-params__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v2-params__input-grid,\r\n      .prx-wb-v2-params__output-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-params__logic-core {\r\n        width: 68px;\r\n        height: 68px;\r\n        font-size: 9px !important;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-params *,\r\n      .prx-wb-v2-params *::before,\r\n      .prx-wb-v2-params *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-params__table-card,\r\n      .prx-wb-v2-params__side {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-params__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v2-params__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v2-params__label\">\r\n          Parametry techniczne\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v2-params__title\"\r\n          id=\"prx-wb-v2-params-title\"\r\n        >\r\n          Parametry wa\u0142u wynikaj\u0105 z\r\n          <strong>warunk\u00f3w pracy maszyny<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v2-params__intro\">\r\n        Nie istnieje jeden uniwersalny wa\u0142 bananowy dla ka\u017cdej\r\n        aplikacji. <strong>D\u0142ugo\u015b\u0107, \u015brednic\u0119, ugi\u0119cie, powierzchni\u0119\r\n        robocz\u0105 i mocowanie<\/strong> ustala si\u0119 na podstawie materia\u0142u\r\n        oraz uk\u0142adu jego prowadzenia.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         G\u0141\u00d3WNY UK\u0141AD\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-params__layout\">\r\n\r\n      <!-- ===================================================\r\n           TABELA PARAMETR\u00d3W\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-params__table-card\">\r\n\r\n        <div class=\"prx-wb-v2-params__table-top\">\r\n\r\n          <div class=\"prx-wb-v2-params__table-top-text\">\r\n\r\n            <span class=\"prx-wb-v2-params__table-kicker\">\r\n              Zakres ustale\u0144 technicznych\r\n            <\/span>\r\n\r\n            <strong class=\"prx-wb-v2-params__table-name\">\r\n              Podstawowe parametry wa\u0142u bananowego\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"prx-wb-v2-params__table-status\">\r\n            Dob\u00f3r indywidualny\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-params__table-wrap\">\r\n\r\n          <table class=\"prx-wb-v2-params__table\">\r\n\r\n            <caption>\r\n              Podstawowe parametry techniczne wa\u0142\u00f3w bananowych\r\n            <\/caption>\r\n\r\n            <thead>\r\n              <tr>\r\n                <th scope=\"col\">Parametr<\/th>\r\n                <th scope=\"col\">Mo\u017cliwy wariant lub spos\u00f3b ustalenia<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n\r\n            <tbody>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Typ elementu<\/th>\r\n\r\n                <td>\r\n                  Wa\u0142 bananowy, okre\u015blany r\u00f3wnie\u017c jako\r\n                  <strong>wa\u0142 rozpr\u0119\u017cny lub zakrzywiony<\/strong>,\r\n                  przeznaczony do pracy z materia\u0142em wst\u0119gowym.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Podstawowa funkcja<\/th>\r\n\r\n                <td>\r\n                  Rozprowadzanie, prostowanie oraz stabilizacja folii,\r\n                  papieru, w\u0142\u00f3knin, tkanin i innych materia\u0142\u00f3w\r\n                  prowadzonych w postaci wst\u0119gi.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">D\u0142ugo\u015b\u0107 robocza<\/th>\r\n\r\n                <td>\r\n                  <strong>Ustalana indywidualnie<\/strong> na podstawie\r\n                  szeroko\u015bci materia\u0142u, miejsca monta\u017cu oraz konstrukcji\r\n                  istniej\u0105cej maszyny.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">\u015arednica wa\u0142u<\/th>\r\n\r\n                <td>\r\n                  Dobierana do d\u0142ugo\u015bci roboczej, pr\u0119dko\u015bci linii,\r\n                  obci\u0105\u017cenia, prowadzonego materia\u0142u oraz wymaganej\r\n                  konstrukcji elementu.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Ugi\u0119cie osi<\/th>\r\n\r\n                <td>\r\n                  Mo\u017cliwy wariant\r\n                  <strong>ze sta\u0142ym albo regulowanym ugi\u0119ciem<\/strong>.\r\n                  Zasadno\u015b\u0107 regulacji potwierdza si\u0119 po analizie procesu.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Powierzchnia robocza<\/th>\r\n\r\n                <td>\r\n                  <span class=\"prx-wb-v2-params__tag\">\r\n                    Guma\r\n                  <\/span>\r\n\r\n                  <span class=\"prx-wb-v2-params__tag\">\r\n                    Poliuretan\r\n                  <\/span>\r\n\r\n                  <br>\r\n\r\n                  Materia\u0142 powierzchni dobierany jest do rodzaju wst\u0119gi,\r\n                  wymaganej przyczepno\u015bci oraz \u015brodowiska pracy.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Konstrukcja elementu<\/th>\r\n\r\n                <td>\r\n                  Materia\u0142 i budowa korpusu s\u0105 dobierane do wymiar\u00f3w,\r\n                  masy, obci\u0105\u017cenia oraz sposobu pracy wa\u0142u w maszynie.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">System \u0142o\u017cyskowania<\/th>\r\n\r\n                <td>\r\n                  \u0141o\u017cyskowanie ustalane na podstawie pr\u0119dko\u015bci\r\n                  obrotowej, obci\u0105\u017cenia oraz warunk\u00f3w eksploatacji.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Spos\u00f3b monta\u017cu<\/th>\r\n\r\n                <td>\r\n                  Mocowania czo\u0142owe, tuleje monta\u017cowe albo rozwi\u0105zanie\r\n                  odtwarzaj\u0105ce spos\u00f3b osadzenia w istniej\u0105cej maszynie.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Praca wa\u0142u<\/th>\r\n\r\n                <td>\r\n                  Wariant bierny albo rozwi\u0105zanie uwzgl\u0119dniaj\u0105ce\r\n                  dodatkowe wymagania uk\u0142adu, je\u017celi wynikaj\u0105 one\r\n                  z konstrukcji konkretnej aplikacji.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th scope=\"row\">Podstawa wykonania<\/th>\r\n\r\n                <td>\r\n                  Rysunek techniczny, podstawowe wymiary, zdj\u0119cia,\r\n                  dostarczony element jako wz\u00f3r albo uzgodniona\r\n                  specyfikacja techniczna.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n            <\/tbody>\r\n\r\n          <\/table>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-params__table-note\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M12 10v6\"><\/path>\r\n            <path d=\"M12 7h.01\"><\/path>\r\n          <\/svg>\r\n\r\n          <span>\r\n            <strong>Wa\u017cne:<\/strong>\r\n            tabela pokazuje obszary wymagaj\u0105ce ustalenia, a nie gotow\u0105\r\n            specyfikacj\u0119 produkcyjn\u0105. Ostateczne wymiary, ugi\u0119cie,\r\n            powierzchni\u0119, \u0142o\u017cyskowanie i mocowanie potwierdza si\u0119\r\n            po analizie konkretnej linii.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ===================================================\r\n           PANEL BOCZNY\r\n      ==================================================== -->\r\n\r\n      <aside class=\"prx-wb-v2-params__side\">\r\n\r\n        <div class=\"prx-wb-v2-params__selection-card\">\r\n\r\n          <div class=\"prx-wb-v2-params__selection-content\">\r\n\r\n            <span class=\"prx-wb-v2-params__side-label\">\r\n              Logika doboru\r\n            <\/span>\r\n\r\n            <h3>\r\n              Najpierw proces, potem geometria wa\u0142u\r\n            <\/h3>\r\n\r\n            <p>\r\n              Sama d\u0142ugo\u015b\u0107 i \u015brednica nie wystarczaj\u0105. Znaczenie ma\r\n              materia\u0142, pr\u0119dko\u015b\u0107, napi\u0119cie wst\u0119gi, miejsce monta\u017cu\r\n              oraz objaw wyst\u0119puj\u0105cy na linii.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-params__logic\">\r\n\r\n            <span class=\"prx-wb-v2-params__logic-title\">\r\n              Dane wej\u015bciowe\r\n            <\/span>\r\n\r\n            <div class=\"prx-wb-v2-params__input-grid\">\r\n\r\n              <span class=\"prx-wb-v2-params__logic-chip\">\r\n                Rodzaj materia\u0142u\r\n              <\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-chip\">\r\n                Szeroko\u015b\u0107 wst\u0119gi\r\n              <\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-chip\">\r\n                Pr\u0119dko\u015b\u0107 linii\r\n              <\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-chip\">\r\n                Napi\u0119cie materia\u0142u\r\n              <\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-chip\">\r\n                Objaw problemu\r\n              <\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-chip\">\r\n                Miejsce monta\u017cu\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"prx-wb-v2-params__logic-center\">\r\n\r\n              <span class=\"prx-wb-v2-params__logic-line\"><\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-core\">\r\n                Dob\u00f3r<br>wa\u0142u\r\n              <\/span>\r\n\r\n              <span class=\"prx-wb-v2-params__logic-line\"><\/span>\r\n\r\n            <\/div>\r\n\r\n            <span class=\"prx-wb-v2-params__logic-title\">\r\n              Ustalane parametry\r\n            <\/span>\r\n\r\n            <div class=\"prx-wb-v2-params__output-grid\">\r\n\r\n              <span\r\n                class=\"prx-wb-v2-params__logic-chip\r\n                       prx-wb-v2-params__logic-chip--output\"\r\n              >\r\n                Wymiary\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"prx-wb-v2-params__logic-chip\r\n                       prx-wb-v2-params__logic-chip--output\"\r\n              >\r\n                Ugi\u0119cie\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"prx-wb-v2-params__logic-chip\r\n                       prx-wb-v2-params__logic-chip--output\"\r\n              >\r\n                Powierzchnia\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"prx-wb-v2-params__logic-chip\r\n                       prx-wb-v2-params__logic-chip--output\"\r\n              >\r\n                Mocowanie\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-params__prepare\">\r\n\r\n            <span class=\"prx-wb-v2-params__prepare-title\">\r\n              Do wst\u0119pnej analizy przygotuj:\r\n            <\/span>\r\n\r\n            <ul class=\"prx-wb-v2-params__prepare-list\">\r\n\r\n              <li>\r\n                <span\r\n                  class=\"prx-wb-v2-params__prepare-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 6h16v12H4z\"><\/path>\r\n                    <path d=\"m7 15 3-3 2 2 3-4 2 3\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                  Rysunek, zdj\u0119cia, podstawowe wymiary albo istniej\u0105cy\r\n                  wa\u0142 jako wz\u00f3r.\r\n                <\/span>\r\n              <\/li>\r\n\r\n              <li>\r\n                <span\r\n                  class=\"prx-wb-v2-params__prepare-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M4 8h16\"><\/path>\r\n                    <path d=\"M4 16h16\"><\/path>\r\n                    <path d=\"M7 5v6\"><\/path>\r\n                    <path d=\"M17 13v6\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                  Rodzaj, szeroko\u015b\u0107 i grubo\u015b\u0107 prowadzonego materia\u0142u.\r\n                <\/span>\r\n              <\/li>\r\n\r\n              <li>\r\n                <span\r\n                  class=\"prx-wb-v2-params__prepare-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                    <path d=\"M12 8v4l3 2\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                  Pr\u0119dko\u015b\u0107 linii oraz opis problemu z prowadzeniem\r\n                  wst\u0119gi.\r\n                <\/span>\r\n              <\/li>\r\n\r\n              <li>\r\n                <span\r\n                  class=\"prx-wb-v2-params__prepare-icon\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 19V7l7-3 7 3v12\"><\/path>\r\n                    <path d=\"M9 19v-5h6v5\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n\r\n                <span>\r\n                  Informacj\u0119 o miejscu monta\u017cu, zako\u0144czeniach\r\n                  i dost\u0119pnej przestrzeni.\r\n                <\/span>\r\n              <\/li>\r\n\r\n            <\/ul>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-params__cta\">\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Nie masz kompletnej dokumentacji technicznej?\r\n        <\/strong>\r\n\r\n        <p>\r\n          Prze\u015blij dost\u0119pne dane, zdj\u0119cia lub istniej\u0105cy wa\u0142.\r\n          Wst\u0119pna analiza pozwoli wskaza\u0107, jakich informacji\r\n          brakuje do przygotowania rozwi\u0105zania i wyceny.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v2-params__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-params__button\r\n                 prx-wb-v2-params__button--primary\"\r\n          href=\"#konfigurator-walu-bananowego\"\r\n        >\r\n          <span>Przygotuj dane do wyceny<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-params__button\r\n                 prx-wb-v2-params__button--secondary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Przejd\u017a do kontaktu<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v2-params]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV2ParamsReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV2ParamsReady = \"true\";\r\n\r\n        const reduceMotion = window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n        \/*\r\n         * Pojawienie si\u0119 tabeli i panelu dopiero po wej\u015bciu sekcji\r\n         * w obszar widoczny.\r\n         *\/\r\n        if (\r\n          reduceMotion ||\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          section.classList.add(\"is-visible\");\r\n        } else {\r\n          const observer = new IntersectionObserver(\r\n            function (entries) {\r\n              if (!entries[0].isIntersecting) {\r\n                return;\r\n              }\r\n\r\n              section.classList.add(\"is-visible\");\r\n              observer.disconnect();\r\n            },\r\n            {\r\n              threshold: 0.12\r\n            }\r\n          );\r\n\r\n          observer.observe(section);\r\n        }\r\n\r\n        \/*\r\n         * P\u0142ynne przej\u015bcie do konfiguratora,\r\n         * gdy zostanie dodany w dalszej cz\u0119\u015bci strony.\r\n         *\/\r\n        section\r\n          .querySelectorAll('a[href^=\"#\"]')\r\n          .forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                const selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                if (\r\n                  !selector ||\r\n                  selector === \"#\"\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                const target =\r\n                  document.querySelector(selector);\r\n\r\n                if (!target) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                  behavior:\r\n                    reduceMotion ? \"auto\" : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n              }\r\n            );\r\n          });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a14c2 elementor-widget elementor-widget-html\" data-id=\"e1a14c2\" 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 WA\u0141Y BANANOWE\r\n     BLOK 5: ZASTOSOWANIA I KORZY\u015aCI PROCESOWE\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-use\"\r\n  id=\"zastosowania-walow-bananowych\"\r\n  aria-labelledby=\"prx-wb-v2-use-title\"\r\n  data-prx-wb-v2-use\r\n>\r\n  <span\r\n    class=\"prx-wb-v2-use__anchor\"\r\n    id=\"korzysci-waly-bananowe\"\r\n    aria-hidden=\"true\"\r\n  ><\/span>\r\n\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I ZABEZPIECZENIE PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use,\r\n    .prx-wb-v2-use *,\r\n    .prx-wb-v2-use *::before,\r\n    .prx-wb-v2-use *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-use {\r\n      --wb5-navy-950: #031321;\r\n      --wb5-navy-900: #061b30;\r\n      --wb5-navy-800: #092d49;\r\n      --wb5-navy-700: #0d466f;\r\n      --wb5-blue: #277aa8;\r\n      --wb5-blue-light: #6eb8d7;\r\n      --wb5-red: #e10600;\r\n      --wb5-red-dark: #bd0000;\r\n      --wb5-green: #39b879;\r\n      --wb5-white: #ffffff;\r\n      --wb5-bg: #eef3f6;\r\n      --wb5-bg-soft: #f7f9fb;\r\n      --wb5-text: #435b6e;\r\n      --wb5-muted: #748899;\r\n      --wb5-border: #d9e3ea;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(84px, 8vw, 120px) 24px;\r\n      scroll-margin-top: 90px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 8% 12%,\r\n          rgba(39, 122, 168, 0.1),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 92% 89%,\r\n          rgba(225, 6, 0, 0.045),\r\n          transparent 24%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #f8fafb 0%,\r\n          #f1f5f7 100%\r\n        );\r\n\r\n      color: var(--wb5-navy-950) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-use h2,\r\n    .prx-wb-v2-use h3,\r\n    .prx-wb-v2-use p,\r\n    .prx-wb-v2-use span,\r\n    .prx-wb-v2-use strong,\r\n    .prx-wb-v2-use button,\r\n    .prx-wb-v2-use a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-use button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n      font: inherit;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v2-use a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-use svg {\r\n      display: block;\r\n    }\r\n\r\n    .prx-wb-v2-use__anchor {\r\n      position: absolute;\r\n      top: -90px;\r\n      left: 0;\r\n      width: 1px;\r\n      height: 1px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DEKORACJE T\u0141A\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: -340px;\r\n      left: -290px;\r\n      width: 760px;\r\n      height: 760px;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 84px rgba(3, 19, 33, 0.015),\r\n        0 0 0 176px rgba(3, 19, 33, 0.008);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-use::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      right: -70px;\r\n      bottom: -130px;\r\n      width: 620px;\r\n      height: 360px;\r\n      opacity: 0.38;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(3, 19, 33, 0.045) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 19, 33, 0.045) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 42px 42px;\r\n      transform: rotate(-6deg);\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 35%,\r\n          transparent 92%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 35%,\r\n          transparent 92%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-use__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1240px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.9fr)\r\n        minmax(350px, 0.62fr);\r\n      align-items: end;\r\n      gap: clamp(45px, 7vw, 100px);\r\n      margin-bottom: 49px;\r\n    }\r\n\r\n    .prx-wb-v2-use__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: var(--wb5-red) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.25px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-use__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb5-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-use__title {\r\n      max-width: 760px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb5-navy-950) !important;\r\n      font-size: clamp(38px, 4.1vw, 60px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.07 !important;\r\n      letter-spacing: -2px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-use__title strong {\r\n      color: var(--wb5-red) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__intro {\r\n      position: relative;\r\n      margin: 0 0 3px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb5-text) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb5-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-use__intro strong {\r\n      color: var(--wb5-navy-950) !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY PANEL\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__workspace {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(310px, 0.62fr)\r\n        minmax(0, 1.38fr);\r\n      align-items: stretch;\r\n      gap: 20px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL WYBORU MATERIA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__selector {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 30px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 21px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(39, 122, 168, 0.29),\r\n          transparent 35%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          var(--wb5-navy-950),\r\n          var(--wb5-navy-900) 60%,\r\n          var(--wb5-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 25px 57px rgba(3, 19, 33, 0.17),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.65s ease,\r\n        transform 0.65s ease;\r\n    }\r\n\r\n    .prx-wb-v2-use.is-visible\r\n      .prx-wb-v2-use__selector {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-use__selector::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 30px;\r\n      width: 75px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb5-red);\r\n    }\r\n\r\n    .prx-wb-v2-use__selector::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -125px;\r\n      bottom: -135px;\r\n      width: 300px;\r\n      height: 300px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 44px rgba(255, 255, 255, 0.012),\r\n        0 0 0 92px rgba(255, 255, 255, 0.007);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-use__selector > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-use__selector-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ff6b66 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-use__selector h3 {\r\n      margin: 0 0 12px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(25px, 2.2vw, 32px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.18 !important;\r\n      letter-spacing: -0.7px !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__selector-intro {\r\n      margin: 0 0 25px !important;\r\n\r\n      color: #a8bdcc !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__tabs {\r\n      display: grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab {\r\n      display: grid;\r\n      grid-template-columns:\r\n        38px\r\n        minmax(0, 1fr)\r\n        19px;\r\n      align-items: center;\r\n      gap: 11px;\r\n      width: 100%;\r\n      min-height: 59px;\r\n      padding: 10px 12px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n      border-radius: 10px;\r\n      outline: none;\r\n\r\n      background: rgba(255, 255, 255, 0.045) !important;\r\n      color: #b8cad6 !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab:hover {\r\n      border-color: rgba(255, 255, 255, 0.23) !important;\r\n      background: rgba(255, 255, 255, 0.08) !important;\r\n      color: #ffffff !important;\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-use__tab.is-active {\r\n      border-color: rgba(255, 78, 72, 0.36) !important;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(225, 6, 0, 0.16),\r\n          rgba(255, 255, 255, 0.045)\r\n        ) !important;\r\n\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 38px;\r\n      height: 38px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 9px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n\r\n      color: #88b3ce !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab.is-active\r\n      .prx-wb-v2-use__tab-icon {\r\n      border-color: rgba(255, 94, 88, 0.25);\r\n      background: rgba(225, 6, 0, 0.12);\r\n      color: #ff716c !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n\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\r\n    .prx-wb-v2-use__tab-name {\r\n      color: inherit !important;\r\n      font-size: 12.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab-arrow {\r\n      position: relative;\r\n      display: inline-block;\r\n      width: 17px;\r\n      height: 17px;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab-arrow::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 7px;\r\n      left: 2px;\r\n      width: 11px;\r\n      height: 2px;\r\n\r\n      border-radius: 99px;\r\n      background: currentColor;\r\n    }\r\n\r\n    .prx-wb-v2-use__tab-arrow::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 4px;\r\n      right: 2px;\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      border-top: 2px solid currentColor;\r\n      border-right: 2px solid currentColor;\r\n\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .prx-wb-v2-use__tab:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.8);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WIZUALIZACJA ZASTOSOWANIA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__application {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-rows: auto 1fr auto;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid var(--wb5-border);\r\n      border-radius: 21px;\r\n      background: #ffffff;\r\n\r\n      box-shadow:\r\n        0 22px 52px rgba(3, 19, 33, 0.075),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.65s ease 0.1s,\r\n        transform 0.65s ease 0.1s;\r\n    }\r\n\r\n    .prx-wb-v2-use.is-visible\r\n      .prx-wb-v2-use__application {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-use__application-top {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 25px;\r\n      padding: 27px 29px;\r\n\r\n      border-bottom: 1px solid var(--wb5-border);\r\n      background: #f8fafb;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-kicker {\r\n      display: block;\r\n      margin: 0 0 6px;\r\n\r\n      color: var(--wb5-red) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-title {\r\n      display: block;\r\n\r\n      color: var(--wb5-navy-950) !important;\r\n      font-size: clamp(21px, 2vw, 28px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: -0.55px !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-status {\r\n      display: inline-flex;\r\n      flex: 0 0 auto;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid #d8e2e9;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n\r\n      color: var(--wb5-navy-700) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.65px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb5-green);\r\n\r\n      box-shadow:\r\n        0 0 8px rgba(57, 184, 121, 0.5);\r\n    }\r\n\r\n    \/* =========================================================\r\n       TOR MATERIA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__stage {\r\n      --wb5-web-start: #166b9e;\r\n      --wb5-web-middle: #3f99be;\r\n      --wb5-web-end: #8cd4e6;\r\n\r\n      position: relative;\r\n      min-height: 390px;\r\n      overflow: hidden;\r\n      margin: 18px;\r\n      border-radius: 16px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 52%,\r\n          rgba(38, 120, 166, 0.17),\r\n          transparent 38%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #061b2e,\r\n          #0a3452\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-use__stage::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.28;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.05) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.05) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 37px 37px;\r\n      pointer-events: none;\r\n\r\n      -webkit-mask-image:\r\n        radial-gradient(\r\n          circle at center,\r\n          #000 5%,\r\n          transparent 75%\r\n        );\r\n\r\n      mask-image:\r\n        radial-gradient(\r\n          circle at center,\r\n          #000 5%,\r\n          transparent 75%\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-label {\r\n      position: absolute;\r\n      z-index: 5;\r\n      top: 17px;\r\n      left: 17px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 8px;\r\n      background: rgba(3, 19, 33, 0.67);\r\n\r\n      color: #d8e7f0 !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-label::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb5-red);\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-svg {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .prx-wb-v2-use__web {\r\n      fill: url(\"#prxWbV2UseWebGradient\");\r\n      stroke: rgba(255, 255, 255, 0.25);\r\n      stroke-width: 1.4;\r\n\r\n      filter:\r\n        drop-shadow(0 17px 21px rgba(0, 0, 0, 0.28));\r\n    }\r\n\r\n    .prx-wb-v2-use__web-line {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.48);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 8 11;\r\n\r\n      animation:\r\n        prxWbV2UseFlow 1.8s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-use__wrinkle {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.58);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 5 8;\r\n\r\n      animation:\r\n        prxWbV2UseWrinkle 2s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-use__roller-shadow {\r\n      fill: none;\r\n      stroke: rgba(0, 0, 0, 0.38);\r\n      stroke-width: 57;\r\n      stroke-linecap: round;\r\n      filter: blur(5px);\r\n    }\r\n\r\n    .prx-wb-v2-use__roller {\r\n      fill: none;\r\n      stroke: url(\"#prxWbV2UseRollerGradient\");\r\n      stroke-width: 46;\r\n      stroke-linecap: round;\r\n\r\n      filter:\r\n        drop-shadow(0 11px 13px rgba(0, 0, 0, 0.34));\r\n    }\r\n\r\n    .prx-wb-v2-use__roller-light {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.48);\r\n      stroke-width: 4;\r\n      stroke-linecap: round;\r\n    }\r\n\r\n    .prx-wb-v2-use__force {\r\n      fill: none;\r\n      stroke: #ff3a34;\r\n      stroke-width: 3.5;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 8 9;\r\n\r\n      marker-end:\r\n        url(\"#prxWbV2UseArrow\");\r\n\r\n      filter:\r\n        drop-shadow(0 0 5px rgba(225, 6, 0, 0.63));\r\n\r\n      animation:\r\n        prxWbV2UseForce 1.6s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-use__shaft {\r\n      fill: url(\"#prxWbV2UseSteelGradient\");\r\n      stroke: rgba(255, 255, 255, 0.35);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-copy {\r\n      position: absolute;\r\n      z-index: 5;\r\n      right: 17px;\r\n      bottom: 17px;\r\n      left: 17px;\r\n\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(0, 1fr);\r\n      gap: 9px;\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-box {\r\n      min-width: 0;\r\n      padding: 12px 13px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 9px;\r\n      background: rgba(3, 19, 33, 0.73);\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-box span {\r\n      display: block;\r\n      margin: 0 0 4px;\r\n\r\n      color: #7f9daf !important;\r\n      font-size: 8.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-box strong {\r\n      display: block;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 12px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-box--result {\r\n      border-color: rgba(57, 184, 121, 0.25);\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(25, 91, 72, 0.75),\r\n          rgba(5, 45, 44, 0.78)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-use__stage-box--result span {\r\n      color: #82d5b2 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       OPIS WYBRANEGO ZASTOSOWANIA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__application-bottom {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.9fr)\r\n        minmax(0, 1.1fr);\r\n      gap: 24px;\r\n      padding: 6px 29px 29px;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-description {\r\n      padding-right: 22px;\r\n      border-right: 1px solid var(--wb5-border);\r\n    }\r\n\r\n    .prx-wb-v2-use__application-description span {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: var(--wb5-red) !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.85px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-description strong {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: var(--wb5-navy-950) !important;\r\n      font-size: 16px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-description p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb5-text) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__application-data {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 8px;\r\n    }\r\n\r\n    .prx-wb-v2-use__data-chip {\r\n      position: relative;\r\n      min-width: 0;\r\n      padding: 10px 10px 10px 25px;\r\n\r\n      border: 1px solid var(--wb5-border);\r\n      border-radius: 8px;\r\n      background: #f7f9fb;\r\n\r\n      color: var(--wb5-navy-800) !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__data-chip::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 14px;\r\n      left: 10px;\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb5-red);\r\n    }\r\n\r\n    \/* =========================================================\r\n       KORZY\u015aCI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__benefits {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n      gap: 13px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .prx-wb-v2-use__benefit {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 23px 20px;\r\n\r\n      border: 1px solid var(--wb5-border);\r\n      border-radius: 16px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n\r\n      box-shadow:\r\n        0 13px 32px rgba(3, 19, 33, 0.05),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n\r\n      transition:\r\n        opacity 0.55s ease,\r\n        transform 0.55s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-use.is-visible\r\n      .prx-wb-v2-use__benefit {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-use.is-visible\r\n      .prx-wb-v2-use__benefit:nth-child(2) {\r\n      transition-delay: 0.08s;\r\n    }\r\n\r\n    .prx-wb-v2-use.is-visible\r\n      .prx-wb-v2-use__benefit:nth-child(3) {\r\n      transition-delay: 0.16s;\r\n    }\r\n\r\n    .prx-wb-v2-use.is-visible\r\n      .prx-wb-v2-use__benefit:nth-child(4) {\r\n      transition-delay: 0.24s;\r\n    }\r\n\r\n    .prx-wb-v2-use__benefit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      left: 0;\r\n      height: 3px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--wb5-red),\r\n          rgba(225, 6, 0, 0)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-use__benefit-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 43px;\r\n      height: 43px;\r\n      margin-bottom: 17px;\r\n\r\n      border: 1px solid rgba(225, 6, 0, 0.14);\r\n      border-radius: 11px;\r\n      background: rgba(225, 6, 0, 0.07);\r\n\r\n      color: var(--wb5-red) !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__benefit-icon svg {\r\n      width: 22px;\r\n      height: 22px;\r\n\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\r\n    .prx-wb-v2-use__benefit strong {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: var(--wb5-navy-950) !important;\r\n      font-size: 15.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__benefit p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb5-text) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.57 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-use__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n      align-items: center;\r\n      gap: 35px;\r\n      overflow: hidden;\r\n      margin-top: 27px;\r\n      padding: 30px 33px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 18px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 87% 20%,\r\n          rgba(39, 122, 168, 0.31),\r\n          transparent 31%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--wb5-navy-950),\r\n          var(--wb5-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 22px 49px rgba(3, 19, 33, 0.15);\r\n    }\r\n\r\n    .prx-wb-v2-use__cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -140px;\r\n      right: 11%;\r\n      width: 280px;\r\n      height: 280px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 46px rgba(255, 255, 255, 0.012);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-use__cta-copy,\r\n    .prx-wb-v2-use__cta-actions {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-use__cta strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(21px, 2.1vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__cta p {\r\n      max-width: 720px;\r\n      margin: 0 !important;\r\n\r\n      color: #afc2d0 !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-use__button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-height: 52px;\r\n      overflow: hidden;\r\n      padding: 13px 19px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.23s ease,\r\n        border-color 0.23s ease,\r\n        background-color 0.23s ease,\r\n        box-shadow 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-use__button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -160%;\r\n      left: -60%;\r\n      width: 40%;\r\n      height: 420%;\r\n\r\n      background: rgba(255, 255, 255, 0.18);\r\n      transform: rotate(24deg);\r\n\r\n      transition: left 0.55s ease;\r\n    }\r\n\r\n    .prx-wb-v2-use__button:hover::before {\r\n      left: 125%;\r\n    }\r\n\r\n    .prx-wb-v2-use__button--primary {\r\n      border-color: var(--wb5-red) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--wb5-red-dark)\r\n        ) !important;\r\n\r\n      box-shadow:\r\n        0 12px 28px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-wb-v2-use__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.21) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__button span {\r\n      position: relative;\r\n      z-index: 2;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__button svg {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-use__button:hover,\r\n    .prx-wb-v2-use__button:focus-visible {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-use__button--primary:hover {\r\n      box-shadow:\r\n        0 16px 35px rgba(225, 6, 0, 0.32);\r\n    }\r\n\r\n    .prx-wb-v2-use__button--secondary:hover {\r\n      border-color: rgba(255, 255, 255, 0.41) !important;\r\n      background: rgba(255, 255, 255, 0.12) !important;\r\n    }\r\n\r\n    .prx-wb-v2-use__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-use__button:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2UseFlow {\r\n      to {\r\n        stroke-dashoffset: -38;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2UseWrinkle {\r\n      to {\r\n        stroke-dashoffset: -42;\r\n      }\r\n    }\r\n\r\n    @keyframes prxWbV2UseForce {\r\n      to {\r\n        stroke-dashoffset: -38;\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-use__benefit:hover {\r\n        border-color: #c6d4dd;\r\n\r\n        box-shadow:\r\n          0 20px 43px rgba(3, 19, 33, 0.09),\r\n          inset 0 1px 0 #ffffff;\r\n\r\n        transform: translateY(-6px);\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v2-use__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v2-use__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v2-use__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__tabs {\r\n        grid-template-columns:\r\n          repeat(5, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v2-use__tab {\r\n        grid-template-columns: 1fr;\r\n        justify-items: center;\r\n        min-height: 92px;\r\n        padding: 11px 8px;\r\n        text-align: center;\r\n      }\r\n\r\n      .prx-wb-v2-use__tab-arrow {\r\n        display: none;\r\n      }\r\n\r\n      .prx-wb-v2-use__selector h3,\r\n      .prx-wb-v2-use__selector-intro {\r\n        max-width: 760px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v2-use {\r\n        padding: 78px 18px 86px;\r\n      }\r\n\r\n      .prx-wb-v2-use__tabs {\r\n        grid-template-columns:\r\n          repeat(3, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v2-use__application-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__application-description {\r\n        padding-right: 0;\r\n        padding-bottom: 20px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--wb5-border);\r\n      }\r\n\r\n      .prx-wb-v2-use__benefits {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v2-use__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      .prx-wb-v2-use__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 610px) {\r\n      .prx-wb-v2-use {\r\n        padding-right: 14px;\r\n        padding-left: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-use__title {\r\n        font-size: clamp(34px, 10vw, 47px) !important;\r\n        letter-spacing: -1.4px !important;\r\n      }\r\n\r\n      .prx-wb-v2-use__selector {\r\n        padding: 26px 21px;\r\n      }\r\n\r\n      .prx-wb-v2-use__tabs {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v2-use__tab {\r\n        min-height: 82px;\r\n      }\r\n\r\n      .prx-wb-v2-use__application-top {\r\n        display: block;\r\n        padding: 24px 21px;\r\n      }\r\n\r\n      .prx-wb-v2-use__application-status {\r\n        margin-top: 13px;\r\n      }\r\n\r\n      .prx-wb-v2-use__stage {\r\n        min-height: 335px;\r\n        margin: 12px;\r\n      }\r\n\r\n      .prx-wb-v2-use__stage-copy {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__application-bottom {\r\n        padding: 8px 21px 24px;\r\n      }\r\n\r\n      .prx-wb-v2-use__application-data {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__benefits {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__cta {\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v2-use__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v2-use__tabs {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-use__tab {\r\n        grid-template-columns:\r\n          38px minmax(0, 1fr) 19px;\r\n        justify-items: initial;\r\n        min-height: 59px;\r\n        text-align: left;\r\n      }\r\n\r\n      .prx-wb-v2-use__tab-arrow {\r\n        display: inline-block;\r\n      }\r\n\r\n      .prx-wb-v2-use__stage {\r\n        min-height: 315px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-use *,\r\n      .prx-wb-v2-use *::before,\r\n      .prx-wb-v2-use *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-use__selector,\r\n      .prx-wb-v2-use__application,\r\n      .prx-wb-v2-use__benefit {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-use__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v2-use__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v2-use__label\">\r\n          Zastosowania i efekt procesowy\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v2-use__title\"\r\n          id=\"prx-wb-v2-use-title\"\r\n        >\r\n          Wa\u0142 bananowy pracuje tam, gdzie wst\u0119ga\r\n          <strong>traci stabilny tor prowadzenia<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v2-use__intro\">\r\n        Folia, papier, w\u0142\u00f3knina i tekstylia zachowuj\u0105 si\u0119 inaczej\r\n        podczas prowadzenia. Wsp\u00f3lnym problemem mog\u0105 by\u0107\r\n        <strong>fa\u0142dy, zmarszczenia, zwijanie kraw\u0119dzi albo\r\n        niestabilne roz\u0142o\u017cenie materia\u0142u na szeroko\u015bci.<\/strong>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         WYB\u00d3R ZASTOSOWANIA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-use__workspace\">\r\n\r\n      <aside class=\"prx-wb-v2-use__selector\">\r\n\r\n        <span class=\"prx-wb-v2-use__selector-label\">\r\n          Wybierz materia\u0142\r\n        <\/span>\r\n\r\n        <h3>\r\n          Sprawd\u017a typowe zastosowanie wa\u0142u\r\n        <\/h3>\r\n\r\n        <p class=\"prx-wb-v2-use__selector-intro\">\r\n          Wyb\u00f3r zmienia opis procesu, kolor wst\u0119gi oraz problem\r\n          pokazany w wizualizacji.\r\n        <\/p>\r\n\r\n        <div\r\n          class=\"prx-wb-v2-use__tabs\"\r\n          role=\"tablist\"\r\n          aria-label=\"Rodzaje materia\u0142\u00f3w wst\u0119gowych\"\r\n        >\r\n\r\n          <button\r\n            class=\"prx-wb-v2-use__tab is-active\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"true\"\r\n            data-wb5-material=\"folia\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 6h16v12H4z\"><\/path>\r\n                <path d=\"M8 6v12\"><\/path>\r\n                <path d=\"M16 6v12\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-use__tab-name\">\r\n              Folie\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-use__tab\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            data-wb5-material=\"papier\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M6 3h9l3 3v15H6z\"><\/path>\r\n                <path d=\"M15 3v4h4\"><\/path>\r\n                <path d=\"M9 12h6\"><\/path>\r\n                <path d=\"M9 16h6\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-use__tab-name\">\r\n              Papier\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-use__tab\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            data-wb5-material=\"wloknina\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 7c4-3 12-3 16 0\"><\/path>\r\n                <path d=\"M4 12c4-3 12-3 16 0\"><\/path>\r\n                <path d=\"M4 17c4-3 12-3 16 0\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-use__tab-name\">\r\n              W\u0142\u00f3kniny\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-use__tab\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            data-wb5-material=\"tekstylia\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 5h14v14H5z\"><\/path>\r\n                <path d=\"M5 9h14\"><\/path>\r\n                <path d=\"M9 5v14\"><\/path>\r\n                <path d=\"M15 5v14\"><\/path>\r\n                <path d=\"M5 15h14\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-use__tab-name\">\r\n              Tekstylia\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-use__tab\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            data-wb5-material=\"inne\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 8h16\"><\/path>\r\n                <path d=\"M4 12h16\"><\/path>\r\n                <path d=\"M4 16h16\"><\/path>\r\n                <path d=\"M7 5v14\"><\/path>\r\n                <path d=\"M17 5v14\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-use__tab-name\">\r\n              Inne wst\u0119gi\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__tab-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n      <!-- ===================================================\r\n           WIZUALIZACJA I OPIS\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-use__application\">\r\n\r\n        <div class=\"prx-wb-v2-use__application-top\">\r\n\r\n          <div>\r\n\r\n            <span class=\"prx-wb-v2-use__application-kicker\">\r\n              Wybrane zastosowanie\r\n            <\/span>\r\n\r\n            <strong\r\n              class=\"prx-wb-v2-use__application-title\"\r\n              data-wb5-title\r\n            >\r\n              Prowadzenie folii\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"prx-wb-v2-use__application-status\">\r\n            Materia\u0142 wst\u0119gowy\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"prx-wb-v2-use__stage\"\r\n          data-wb5-stage\r\n        >\r\n\r\n          <span class=\"prx-wb-v2-use__stage-label\">\r\n            Pogl\u0105dowy tor materia\u0142u\r\n          <\/span>\r\n\r\n          <svg\r\n            class=\"prx-wb-v2-use__stage-svg\"\r\n            viewBox=\"0 0 850 390\"\r\n            role=\"img\"\r\n            aria-label=\"Materia\u0142 wst\u0119gowy przechodz\u0105cy przez wa\u0142 bananowy\"\r\n          >\r\n            <defs>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2UseWebGradient\"\r\n                x1=\"0\"\r\n                y1=\"1\"\r\n                x2=\"0\"\r\n                y2=\"0\"\r\n              >\r\n                <stop\r\n                  offset=\"0\"\r\n                  stop-color=\"#166b9e\"\r\n                  data-wb5-stop=\"0\"\r\n                ><\/stop>\r\n\r\n                <stop\r\n                  offset=\"0.55\"\r\n                  stop-color=\"#3f99be\"\r\n                  data-wb5-stop=\"1\"\r\n                ><\/stop>\r\n\r\n                <stop\r\n                  offset=\"1\"\r\n                  stop-color=\"#8cd4e6\"\r\n                  data-wb5-stop=\"2\"\r\n                ><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2UseRollerGradient\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"0\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#a7e1f4\"><\/stop>\r\n                <stop offset=\"0.24\" stop-color=\"#388fbc\"><\/stop>\r\n                <stop offset=\"0.56\" stop-color=\"#0d5684\"><\/stop>\r\n                <stop offset=\"0.83\" stop-color=\"#063b60\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#a4d9eb\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2UseSteelGradient\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"1\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#708798\"><\/stop>\r\n                <stop offset=\"0.3\" stop-color=\"#e4ebef\"><\/stop>\r\n                <stop offset=\"0.58\" stop-color=\"#8ba1b1\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#dce5eb\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <marker\r\n                id=\"prxWbV2UseArrow\"\r\n                viewBox=\"0 0 12 12\"\r\n                refX=\"10\"\r\n                refY=\"6\"\r\n                markerWidth=\"7\"\r\n                markerHeight=\"7\"\r\n                orient=\"auto\"\r\n              >\r\n                <path\r\n                  d=\"M1 1L11 6L1 11Z\"\r\n                  fill=\"#ff3a34\"\r\n                ><\/path>\r\n              <\/marker>\r\n\r\n            <\/defs>\r\n\r\n            <!-- WST\u0118GA -->\r\n            <path\r\n              class=\"prx-wb-v2-use__web\"\r\n              d=\"\r\n                M300 375\r\n                L550 375\r\n                L595 222\r\n                L682 24\r\n                L168 24\r\n                L255 222\r\n                Z\r\n              \"\r\n            ><\/path>\r\n\r\n            <!-- FA\u0141DY PRZED WA\u0141EM -->\r\n            <path\r\n              class=\"prx-wb-v2-use__wrinkle\"\r\n              d=\"M345 365 C320 330 365 290 340 236\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-use__wrinkle\"\r\n              d=\"M418 375 C450 335 402 292 430 230\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-use__wrinkle\"\r\n              d=\"M505 367 C530 330 490 290 515 236\"\r\n            ><\/path>\r\n\r\n            <!-- PRZEP\u0141YW -->\r\n            <path\r\n              class=\"prx-wb-v2-use__web-line\"\r\n              d=\"M425 367 V233\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-use__web-line\"\r\n              d=\"M400 205 C350 150 290 87 225 31\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-use__web-line\"\r\n              d=\"M450 205 C500 150 560 87 625 31\"\r\n            ><\/path>\r\n\r\n            <!-- CIE\u0143 WA\u0141U -->\r\n            <path\r\n              class=\"prx-wb-v2-use__roller-shadow\"\r\n              d=\"M155 225 Q425 165 695 225\"\r\n            ><\/path>\r\n\r\n            <!-- WA\u0141 -->\r\n            <path\r\n              class=\"prx-wb-v2-use__roller\"\r\n              d=\"M155 216 Q425 156 695 216\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-use__roller-light\"\r\n              d=\"M168 204 Q425 150 682 204\"\r\n            ><\/path>\r\n\r\n            <!-- CZOPY -->\r\n            <rect\r\n              class=\"prx-wb-v2-use__shaft\"\r\n              x=\"91\"\r\n              y=\"205\"\r\n              width=\"70\"\r\n              height=\"22\"\r\n              rx=\"8\"\r\n            ><\/rect>\r\n\r\n            <rect\r\n              class=\"prx-wb-v2-use__shaft\"\r\n              x=\"689\"\r\n              y=\"205\"\r\n              width=\"70\"\r\n              height=\"22\"\r\n              rx=\"8\"\r\n            ><\/rect>\r\n\r\n            <!-- KIERUNKI -->\r\n            <path\r\n              class=\"prx-wb-v2-use__force\"\r\n              d=\"M412 173 C350 153 291 127 238 91\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-use__force\"\r\n              d=\"M438 173 C500 153 559 127 612 91\"\r\n            ><\/path>\r\n\r\n          <\/svg>\r\n\r\n          <div class=\"prx-wb-v2-use__stage-copy\">\r\n\r\n            <div class=\"prx-wb-v2-use__stage-box\">\r\n\r\n              <span>Typowy problem<\/span>\r\n\r\n              <strong data-wb5-problem>\r\n                Marszczenie i niestabilne prowadzenie folii\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"prx-wb-v2-use__stage-box\r\n                     prx-wb-v2-use__stage-box--result\"\r\n            >\r\n\r\n              <span>Rola wa\u0142u<\/span>\r\n\r\n              <strong data-wb5-result>\r\n                Wsparcie rozprowadzania folii ku kraw\u0119dziom\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-use__application-bottom\">\r\n\r\n          <div class=\"prx-wb-v2-use__application-description\">\r\n\r\n            <span>Charakter zastosowania<\/span>\r\n\r\n            <strong data-wb5-subtitle>\r\n              Linie prowadz\u0105ce i przewijaj\u0105ce folie\r\n            <\/strong>\r\n\r\n            <p data-wb5-description>\r\n              Wa\u0142 mo\u017ce wspiera\u0107 rozprowadzanie folii przed kolejnym\r\n              etapem prowadzenia, przewijania albo obr\u00f3bki. Dob\u00f3r zale\u017cy\r\n              od szeroko\u015bci, napi\u0119cia i pr\u0119dko\u015bci materia\u0142u.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-use__application-data\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__data-chip\"\r\n              data-wb5-chip=\"0\"\r\n            >\r\n              Szeroko\u015b\u0107 materia\u0142u\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__data-chip\"\r\n              data-wb5-chip=\"1\"\r\n            >\r\n              Pr\u0119dko\u015b\u0107 linii\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__data-chip\"\r\n              data-wb5-chip=\"2\"\r\n            >\r\n              Napi\u0119cie wst\u0119gi\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-use__data-chip\"\r\n              data-wb5-chip=\"3\"\r\n            >\r\n              Miejsce monta\u017cu\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         KORZY\u015aCI\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-use__benefits\">\r\n\r\n      <article class=\"prx-wb-v2-use__benefit\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-use__benefit-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 8c4-3 12-3 16 0\"><\/path>\r\n            <path d=\"M4 12h16\"><\/path>\r\n            <path d=\"M4 16h16\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>\r\n          Ograniczanie fa\u0142d i zmarszcze\u0144\r\n        <\/strong>\r\n\r\n        <p>\r\n          Wa\u0142 pomaga rozprowadza\u0107 materia\u0142 poprzecznie,\r\n          zanim problem zostanie przeniesiony do kolejnego\r\n          etapu procesu.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-use__benefit\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-use__benefit-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 12h16\"><\/path>\r\n            <path d=\"m16 8 4 4-4 4\"><\/path>\r\n            <path d=\"M4 7h7\"><\/path>\r\n            <path d=\"M4 17h7\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>\r\n          Stabilniejsze prowadzenie wst\u0119gi\r\n        <\/strong>\r\n\r\n        <p>\r\n          Odpowiednio dobrany wa\u0142 wspiera utrzymanie\r\n          bardziej uporz\u0105dkowanego toru materia\u0142u\r\n          w uk\u0142adzie maszyny.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-use__benefit\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-use__benefit-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M5 6h14\"><\/path>\r\n            <path d=\"M3 12h18\"><\/path>\r\n            <path d=\"M5 18h14\"><\/path>\r\n            <path d=\"m8 9-3 3 3 3\"><\/path>\r\n            <path d=\"m16 9 3 3-3 3\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>\r\n          R\u00f3wniejsze roz\u0142o\u017cenie materia\u0142u\r\n        <\/strong>\r\n\r\n        <p>\r\n          Dzia\u0142anie wa\u0142u mo\u017ce wspiera\u0107 rozchodzenie si\u0119\r\n          wst\u0119gi od \u015brodka w kierunku obu kraw\u0119dzi.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-use__benefit\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-use__benefit-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n            <path d=\"M12 4v16\"><\/path>\r\n            <path d=\"M4 12h16\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>\r\n          Lepsze warunki dla kolejnych operacji\r\n        <\/strong>\r\n\r\n        <p>\r\n          Uporz\u0105dkowany materia\u0142 \u0142atwiej przekaza\u0107 do dalszego\r\n          prowadzenia, przewijania albo przetwarzania.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-use__cta\">\r\n\r\n      <div class=\"prx-wb-v2-use__cta-copy\">\r\n\r\n        <strong>\r\n          Problem wygl\u0105da podobnie, ale jego przyczyna mo\u017ce by\u0107 inna\r\n        <\/strong>\r\n\r\n        <p>\r\n          Prze\u015blij zdj\u0119cia materia\u0142u, opis miejsca powstawania fa\u0142d\r\n          oraz podstawowe parametry linii. Pozwoli to oceni\u0107, czy wa\u0142\r\n          bananowy jest w\u0142a\u015bciwym kierunkiem i jakie dane trzeba\r\n          ustali\u0107 przed doborem.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v2-use__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-use__button\r\n                 prx-wb-v2-use__button--secondary\"\r\n          href=\"#diagnostyka-walu-bananowego\"\r\n        >\r\n          <span>Przejd\u017a do diagnostyki<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-use__button\r\n                 prx-wb-v2-use__button--primary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Opisz problem na linii<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v2-use]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV2UseReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV2UseReady = \"true\";\r\n\r\n        const tabs = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb5-material]\"\r\n          )\r\n        );\r\n\r\n        const title =\r\n          section.querySelector(\r\n            \"[data-wb5-title]\"\r\n          );\r\n\r\n        const problem =\r\n          section.querySelector(\r\n            \"[data-wb5-problem]\"\r\n          );\r\n\r\n        const result =\r\n          section.querySelector(\r\n            \"[data-wb5-result]\"\r\n          );\r\n\r\n        const subtitle =\r\n          section.querySelector(\r\n            \"[data-wb5-subtitle]\"\r\n          );\r\n\r\n        const description =\r\n          section.querySelector(\r\n            \"[data-wb5-description]\"\r\n          );\r\n\r\n        const stage =\r\n          section.querySelector(\r\n            \"[data-wb5-stage]\"\r\n          );\r\n\r\n        const stops = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb5-stop]\"\r\n          )\r\n        );\r\n\r\n        const chips = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb5-chip]\"\r\n          )\r\n        );\r\n\r\n        const applications = {\r\n          folia: {\r\n            title: \"Prowadzenie folii\",\r\n            problem:\r\n              \"Marszczenie i niestabilne prowadzenie folii\",\r\n            result:\r\n              \"Wsparcie rozprowadzania folii ku kraw\u0119dziom\",\r\n            subtitle:\r\n              \"Linie prowadz\u0105ce i przewijaj\u0105ce folie\",\r\n            description:\r\n              \"Wa\u0142 mo\u017ce wspiera\u0107 rozprowadzanie folii przed kolejnym etapem prowadzenia, przewijania albo obr\u00f3bki. Dob\u00f3r zale\u017cy od szeroko\u015bci, napi\u0119cia i pr\u0119dko\u015bci materia\u0142u.\",\r\n            colors: [\r\n              \"#166b9e\",\r\n              \"#3f99be\",\r\n              \"#8cd4e6\"\r\n            ],\r\n            chips: [\r\n              \"Szeroko\u015b\u0107 materia\u0142u\",\r\n              \"Pr\u0119dko\u015b\u0107 linii\",\r\n              \"Napi\u0119cie wst\u0119gi\",\r\n              \"Miejsce monta\u017cu\"\r\n            ]\r\n          },\r\n\r\n          papier: {\r\n            title: \"Prowadzenie papieru\",\r\n            problem:\r\n              \"Fa\u0142dy, nier\u00f3wne roz\u0142o\u017cenie albo zwijanie kraw\u0119dzi\",\r\n            result:\r\n              \"Wsparcie stabilizacji papieru na szeroko\u015bci\",\r\n            subtitle:\r\n              \"Maszyny papiernicze i uk\u0142ady przewijania\",\r\n            description:\r\n              \"W aplikacjach papierniczych wa\u0142 mo\u017ce wspiera\u0107 prowadzenie materia\u0142u przed przewijaniem lub dalszym przetwarzaniem. Znaczenie maj\u0105 gramatura, szeroko\u015b\u0107 i warunki napi\u0119cia.\",\r\n            colors: [\r\n              \"#99733d\",\r\n              \"#cba55f\",\r\n              \"#efdbad\"\r\n            ],\r\n            chips: [\r\n              \"Rodzaj papieru\",\r\n              \"Szeroko\u015b\u0107 robocza\",\r\n              \"Warunki napi\u0119cia\",\r\n              \"Kierunek prowadzenia\"\r\n            ]\r\n          },\r\n\r\n          wloknina: {\r\n            title: \"Prowadzenie w\u0142\u00f3knin\",\r\n            problem:\r\n              \"Niestabilne roz\u0142o\u017cenie mi\u0119kkiej wst\u0119gi\",\r\n            result:\r\n              \"Wsparcie poprzecznego rozprowadzania w\u0142\u00f3kniny\",\r\n            subtitle:\r\n              \"Linie w\u0142\u00f3knin i materia\u0142\u00f3w elastycznych\",\r\n            description:\r\n              \"W\u0142\u00f3knina mo\u017ce wymaga\u0107 \u0142agodnego i stabilnego prowadzenia. Konstrukcj\u0119 wa\u0142u oraz powierzchni\u0119 robocz\u0105 dobiera si\u0119 do podatno\u015bci materia\u0142u i warunk\u00f3w procesu.\",\r\n            colors: [\r\n              \"#5c8388\",\r\n              \"#96b9bb\",\r\n              \"#d3e3e3\"\r\n            ],\r\n            chips: [\r\n              \"Podatno\u015b\u0107 materia\u0142u\",\r\n              \"Szeroko\u015b\u0107 wst\u0119gi\",\r\n              \"Pr\u0119dko\u015b\u0107 prowadzenia\",\r\n              \"Wymagana przyczepno\u015b\u0107\"\r\n            ]\r\n          },\r\n\r\n          tekstylia: {\r\n            title: \"Prowadzenie tekstyli\u00f3w\",\r\n            problem:\r\n              \"Fa\u0142dy i nier\u00f3wny tor tkaniny\",\r\n            result:\r\n              \"Wsparcie prostowania materia\u0142u przed dalsz\u0105 obr\u00f3bk\u0105\",\r\n            subtitle:\r\n              \"Maszyny tekstylne i uk\u0142ady prowadzenia tkanin\",\r\n            description:\r\n              \"Wa\u0142 mo\u017ce wspiera\u0107 prostowanie i stabilizacj\u0119 tkaniny prowadzonej w postaci ci\u0105g\u0142ej wst\u0119gi. Dob\u00f3r zale\u017cy od struktury, rozci\u0105gliwo\u015bci i szeroko\u015bci materia\u0142u.\",\r\n            colors: [\r\n              \"#293e5f\",\r\n              \"#526b91\",\r\n              \"#93a5c0\"\r\n            ],\r\n            chips: [\r\n              \"Rodzaj tkaniny\",\r\n              \"Rozci\u0105gliwo\u015b\u0107\",\r\n              \"Szeroko\u015b\u0107 materia\u0142u\",\r\n              \"Warunki prowadzenia\"\r\n            ]\r\n          },\r\n\r\n          inne: {\r\n            title: \"Inne materia\u0142y wst\u0119gowe\",\r\n            problem:\r\n              \"Fa\u0142dowanie albo niestabilny tor materia\u0142u\",\r\n            result:\r\n              \"Analiza mo\u017cliwo\u015bci zastosowania wa\u0142u bananowego\",\r\n            subtitle:\r\n              \"Indywidualne aplikacje przemys\u0142owe\",\r\n            description:\r\n              \"Wa\u0142y bananowe mog\u0105 by\u0107 analizowane tak\u017ce dla innych materia\u0142\u00f3w prowadzonych w spos\u00f3b ci\u0105g\u0142y. W takim przypadku podstaw\u0105 jest opis procesu i zachowania wst\u0119gi na linii.\",\r\n            colors: [\r\n              \"#526875\",\r\n              \"#8599a5\",\r\n              \"#c9d4da\"\r\n            ],\r\n            chips: [\r\n              \"Pr\u00f3bka lub opis materia\u0142u\",\r\n              \"Wymiary wst\u0119gi\",\r\n              \"Objaw na linii\",\r\n              \"Dokumentacja maszyny\"\r\n            ]\r\n          }\r\n        };\r\n\r\n        function updateApplication(key) {\r\n          const data = applications[key];\r\n\r\n          if (!data) {\r\n            return;\r\n          }\r\n\r\n          tabs.forEach(function (tab) {\r\n            const active =\r\n              tab.dataset.wb5Material === key;\r\n\r\n            tab.classList.toggle(\r\n              \"is-active\",\r\n              active\r\n            );\r\n\r\n            tab.setAttribute(\r\n              \"aria-selected\",\r\n              active ? \"true\" : \"false\"\r\n            );\r\n          });\r\n\r\n          title.textContent =\r\n            data.title;\r\n\r\n          problem.textContent =\r\n            data.problem;\r\n\r\n          result.textContent =\r\n            data.result;\r\n\r\n          subtitle.textContent =\r\n            data.subtitle;\r\n\r\n          description.textContent =\r\n            data.description;\r\n\r\n          stops.forEach(function (stop, index) {\r\n            stop.setAttribute(\r\n              \"stop-color\",\r\n              data.colors[index]\r\n            );\r\n          });\r\n\r\n          chips.forEach(function (chip, index) {\r\n            chip.textContent =\r\n              data.chips[index];\r\n          });\r\n\r\n          stage.animate(\r\n            [\r\n              {\r\n                opacity: 0.72,\r\n                transform: \"scale(0.992)\"\r\n              },\r\n              {\r\n                opacity: 1,\r\n                transform: \"scale(1)\"\r\n              }\r\n            ],\r\n            {\r\n              duration: 320,\r\n              easing: \"ease-out\"\r\n            }\r\n          );\r\n        }\r\n\r\n        tabs.forEach(function (tab) {\r\n          tab.addEventListener(\r\n            \"click\",\r\n            function () {\r\n              updateApplication(\r\n                tab.dataset.wb5Material\r\n              );\r\n            }\r\n          );\r\n        });\r\n\r\n        const reduceMotion =\r\n          window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches;\r\n\r\n        if (\r\n          reduceMotion ||\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          section.classList.add(\"is-visible\");\r\n        } else {\r\n          const observer =\r\n            new IntersectionObserver(\r\n              function (entries) {\r\n                if (!entries[0].isIntersecting) {\r\n                  return;\r\n                }\r\n\r\n                section.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.disconnect();\r\n              },\r\n              {\r\n                threshold: 0.12\r\n              }\r\n            );\r\n\r\n          observer.observe(section);\r\n        }\r\n\r\n        section\r\n          .querySelectorAll('a[href^=\"#\"]')\r\n          .forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                const selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                if (\r\n                  !selector ||\r\n                  selector === \"#\"\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                const target =\r\n                  document.querySelector(selector);\r\n\r\n                if (!target) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                  behavior:\r\n                    reduceMotion ? \"auto\" : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n              }\r\n            );\r\n          });\r\n\r\n        updateApplication(\"folia\");\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c0bbc elementor-widget elementor-widget-html\" data-id=\"43c0bbc\" 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 WA\u0141Y BANANOWE\r\n     NOWY BLOK 6: BUDOWA WA\u0141U + SZCZEG\u00d3\u0141OWY MODEL 3D\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v3-build\"\r\n  id=\"budowa-walu-bananowego\"\r\n  aria-labelledby=\"prx-wb-v3-build-title\"\r\n  data-prx-wb-v3-build\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I OCHRONA PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build,\r\n    .prx-wb-v3-build *,\r\n    .prx-wb-v3-build *::before,\r\n    .prx-wb-v3-build *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v3-build {\r\n      --wb6-deep: #020d17;\r\n      --wb6-navy-950: #031421;\r\n      --wb6-navy-900: #061c30;\r\n      --wb6-navy-800: #092e4b;\r\n      --wb6-blue: #0786b9;\r\n      --wb6-blue-dark: #035e85;\r\n      --wb6-red: #e10600;\r\n      --wb6-red-dark: #bd0000;\r\n      --wb6-green: #42dd98;\r\n      --wb6-white: #ffffff;\r\n      --wb6-muted: #9db4c4;\r\n      --wb6-border: rgba(255, 255, 255, 0.13);\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(88px, 8vw, 124px) 24px;\r\n      scroll-margin-top: 90px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 12%,\r\n          rgba(37, 133, 184, 0.28),\r\n          transparent 30%\r\n        ),\r\n        radial-gradient(\r\n          circle at 7% 88%,\r\n          rgba(225, 6, 0, 0.09),\r\n          transparent 25%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--wb6-deep) 0%,\r\n          var(--wb6-navy-900) 52%,\r\n          #082c48 100%\r\n        );\r\n\r\n      color: #ffffff !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v3-build h2,\r\n    .prx-wb-v3-build h3,\r\n    .prx-wb-v3-build p,\r\n    .prx-wb-v3-build span,\r\n    .prx-wb-v3-build strong,\r\n    .prx-wb-v3-build button,\r\n    .prx-wb-v3-build input,\r\n    .prx-wb-v3-build output,\r\n    .prx-wb-v3-build a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v3-build button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n      font: inherit;\r\n      text-transform: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v3-build a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v3-build svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       T\u0141O\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      inset: 0;\r\n      opacity: 0.27;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.035) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.035) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 52px 52px;\r\n      pointer-events: none;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 16%,\r\n          #000 84%,\r\n          transparent\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 16%,\r\n          #000 84%,\r\n          transparent\r\n        );\r\n    }\r\n\r\n    .prx-wb-v3-build::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      top: -330px;\r\n      right: -245px;\r\n      width: 780px;\r\n      height: 780px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 86px rgba(255, 255, 255, 0.013),\r\n        0 0 0 177px rgba(255, 255, 255, 0.008);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1300px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.95fr)\r\n        minmax(360px, 0.65fr);\r\n      align-items: end;\r\n      gap: clamp(45px, 8vw, 110px);\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .prx-wb-v3-build__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: #ff6b66 !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.3px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-build__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb6-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.12);\r\n    }\r\n\r\n    .prx-wb-v3-build__title {\r\n      max-width: 820px;\r\n      margin: 0 !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(39px, 4.2vw, 63px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.06 !important;\r\n      letter-spacing: -2.15px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v3-build__title strong {\r\n      color: #ffffff !important;\r\n      font-weight: 800 !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 71%,\r\n          rgba(225, 6, 0, 0.72) 71%\r\n        );\r\n\r\n      box-decoration-break: clone;\r\n      -webkit-box-decoration-break: clone;\r\n    }\r\n\r\n    .prx-wb-v3-build__intro {\r\n      position: relative;\r\n      margin: 0 0 4px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb6-muted) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb6-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v3-build__intro strong {\r\n      color: #ffffff !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY MODU\u0141\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__workspace {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(350px, 0.61fr)\r\n        minmax(0, 1.39fr);\r\n      gap: 18px;\r\n      padding: 18px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 25px;\r\n\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      box-shadow:\r\n        0 35px 80px rgba(0, 0, 0, 0.27),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      -webkit-backdrop-filter: blur(16px);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL OPIS\u00d3W\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__panel {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 28px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(37, 133, 184, 0.22),\r\n          transparent 32%\r\n        ),\r\n        rgba(3, 17, 31, 0.77);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n    }\r\n\r\n    .prx-wb-v3-build__panel::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -115px;\r\n      bottom: -125px;\r\n      width: 270px;\r\n      height: 270px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 46px rgba(255, 255, 255, 0.01);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__panel > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* =========================================================\r\n       AKTUALNIE WYBRANY ELEMENT\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__selected {\r\n      min-height: 238px;\r\n      padding-bottom: 23px;\r\n\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v3-build__selected-number {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin: 0 0 13px;\r\n\r\n      color: #ff6b66 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 0.95px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-build__selected-number::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb6-red);\r\n\r\n      box-shadow:\r\n        0 0 8px rgba(225, 6, 0, 0.75);\r\n    }\r\n\r\n    .prx-wb-v3-build__selected h3 {\r\n      margin: 0 0 12px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(25px, 2.1vw, 33px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.16 !important;\r\n      letter-spacing: -0.75px !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__selected-description {\r\n      min-height: 82px;\r\n      margin: 0 !important;\r\n\r\n      color: #a9bdcc !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__selected-note {\r\n      position: relative;\r\n      margin-top: 16px;\r\n      padding: 11px 12px 11px 30px;\r\n\r\n      border: 1px solid rgba(255, 80, 74, 0.18);\r\n      border-radius: 8px;\r\n      background: rgba(225, 6, 0, 0.08);\r\n\r\n      color: #d7e3eb !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__selected-note::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 15px;\r\n      left: 12px;\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb6-red);\r\n\r\n      box-shadow:\r\n        0 0 8px rgba(225, 6, 0, 0.6);\r\n    }\r\n\r\n    \/* =========================================================\r\n       LISTA ELEMENT\u00d3W MODELU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__points-title {\r\n      display: block;\r\n      margin: 22px 0 11px;\r\n\r\n      color: #7f99ac !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: 0.9px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-build__points {\r\n      display: grid;\r\n      gap: 7px;\r\n    }\r\n\r\n    .prx-wb-v3-build__point {\r\n      display: grid;\r\n      grid-template-columns:\r\n        31px minmax(0, 1fr) auto;\r\n      align-items: center;\r\n      gap: 10px;\r\n      width: 100%;\r\n      min-height: 53px;\r\n      padding: 9px 10px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.09) !important;\r\n      border-radius: 8px;\r\n      outline: none;\r\n\r\n      background: rgba(255, 255, 255, 0.035) !important;\r\n      color: #9fb5c5 !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v3-build__point:hover {\r\n      border-color: rgba(255, 255, 255, 0.22) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n      color: #ffffff !important;\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    .prx-wb-v3-build__point.is-active {\r\n      border-color: rgba(255, 76, 70, 0.35) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(225, 6, 0, 0.14),\r\n          rgba(255, 255, 255, 0.035)\r\n        ) !important;\r\n\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__point-number {\r\n      display: inline-flex;\r\n      width: 30px;\r\n      height: 30px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 7px;\r\n      background: rgba(255, 255, 255, 0.04);\r\n\r\n      color: #9db4c5 !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__point.is-active\r\n      .prx-wb-v3-build__point-number {\r\n      border-color: rgba(255, 76, 70, 0.3);\r\n      background: rgba(225, 6, 0, 0.16);\r\n\r\n      color: #ff6b66 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__point-text {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v3-build__point-text strong {\r\n      display: block;\r\n\r\n      color: inherit !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__point-text span {\r\n      display: block;\r\n      margin-top: 2px;\r\n\r\n      color: #829bac !important;\r\n      font-size: 9px !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__point.is-active\r\n      .prx-wb-v3-build__point-text span {\r\n      color: #a9bfce !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__point-arrow {\r\n      color: #6c879b !important;\r\n      font-size: 16px !important;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v3-build__point.is-active\r\n      .prx-wb-v3-build__point-arrow {\r\n      color: #ff625d !important;\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    .prx-wb-v3-build__point:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.8);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODEL 3D\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__model {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 750px;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 37%,\r\n          rgba(48, 132, 185, 0.3),\r\n          transparent 35%\r\n        ),\r\n        radial-gradient(\r\n          circle at 54% 78%,\r\n          rgba(255, 255, 255, 0.055),\r\n          transparent 42%\r\n        ),\r\n        linear-gradient(\r\n          155deg,\r\n          #041321 0%,\r\n          #082844 54%,\r\n          #061c30 100%\r\n        );\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055),\r\n        0 24px 58px rgba(0, 0, 0, 0.2);\r\n\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-wb-v3-build__model::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: 0;\r\n      inset: 0;\r\n      opacity: 0.31;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.038) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.038) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 48px 48px;\r\n      pointer-events: none;\r\n\r\n      -webkit-mask-image:\r\n        radial-gradient(\r\n          circle,\r\n          #000,\r\n          transparent 81%\r\n        );\r\n\r\n      mask-image:\r\n        radial-gradient(\r\n          circle,\r\n          #000,\r\n          transparent 81%\r\n        );\r\n    }\r\n\r\n    .prx-wb-v3-build__model::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: 0;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 580px;\r\n      height: 580px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 64px rgba(255, 255, 255, 0.009),\r\n        0 0 0 130px rgba(255, 255, 255, 0.005);\r\n\r\n      transform: translate(-50%, -50%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__viewport {\r\n      position: absolute;\r\n      z-index: 2;\r\n      inset: 0;\r\n\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      outline: none;\r\n      cursor: grab;\r\n      touch-action: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__viewport:active {\r\n      cursor: grabbing;\r\n    }\r\n\r\n    .prx-wb-v3-build__viewport canvas {\r\n      display: block;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      outline: none;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK MODELU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__model-head {\r\n      position: absolute;\r\n      z-index: 8;\r\n      top: 18px;\r\n      right: 18px;\r\n      left: 18px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__model-status,\r\n    .prx-wb-v3-build__model-detail {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 9px 11px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 9px;\r\n      background: rgba(3, 17, 31, 0.78);\r\n\r\n      color: #e6f0f6 !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v3-build__model-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb6-green);\r\n\r\n      box-shadow:\r\n        0 0 9px rgba(66, 221, 152, 0.75);\r\n    }\r\n\r\n    .prx-wb-v3-build__model-detail strong {\r\n      color: #ffffff !important;\r\n      font-weight: 850 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PODPOWIED\u0179\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__hint {\r\n      position: absolute;\r\n      z-index: 8;\r\n      bottom: 21px;\r\n      left: 21px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      padding: 10px 12px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 9px;\r\n      background: rgba(3, 17, 31, 0.76);\r\n\r\n      color: #b8cbd8 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.3 !important;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__hint svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n      stroke: #d0e0ea;\r\n      stroke-width: 1.7;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* =========================================================\r\n       REGULACJA UGI\u0118CIA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__bend {\r\n      position: absolute;\r\n      z-index: 9;\r\n      right: 20px;\r\n      bottom: 75px;\r\n\r\n      display: grid;\r\n      grid-template-columns:\r\n        auto minmax(120px, 1fr) 42px;\r\n      align-items: center;\r\n      gap: 11px;\r\n      width: min(340px, calc(100% - 40px));\r\n      min-height: 54px;\r\n      padding: 10px 13px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 12px;\r\n      background: rgba(3, 17, 31, 0.8);\r\n\r\n      box-shadow:\r\n        0 14px 35px rgba(0, 0, 0, 0.18);\r\n\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-wb-v3-build__bend-label {\r\n      color: #e6f0f6 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-wb-v3-build__bend input {\r\n      width: 100%;\r\n      height: 5px;\r\n      margin: 0;\r\n\r\n      border: 0;\r\n      border-radius: 99px;\r\n      outline: none;\r\n\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          #138fca,\r\n          var(--wb6-red)\r\n        );\r\n\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v3-build__bend input::-webkit-slider-thumb {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      border: 3px solid #ffffff;\r\n      border-radius: 50%;\r\n\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n\r\n      background: var(--wb6-red);\r\n\r\n      box-shadow:\r\n        0 4px 12px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .prx-wb-v3-build__bend input::-moz-range-thumb {\r\n      width: 14px;\r\n      height: 14px;\r\n\r\n      border: 3px solid #ffffff;\r\n      border-radius: 50%;\r\n      background: var(--wb6-red);\r\n\r\n      box-shadow:\r\n        0 4px 12px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .prx-wb-v3-build__bend input:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 6px;\r\n    }\r\n\r\n    .prx-wb-v3-build__bend output {\r\n      color: #ffffff !important;\r\n      font-size: 11px !important;\r\n      font-weight: 900 !important;\r\n      text-align: right;\r\n    }\r\n\r\n    \/* =========================================================\r\n       KONTROLKI MODELU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__controls {\r\n      position: absolute;\r\n      z-index: 9;\r\n      right: 20px;\r\n      bottom: 20px;\r\n\r\n      display: flex;\r\n      gap: 7px;\r\n    }\r\n\r\n    .prx-wb-v3-build__control {\r\n      display: inline-flex;\r\n      min-width: 42px;\r\n      height: 42px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 7px;\r\n      padding: 0 12px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.14) !important;\r\n      border-radius: 9px;\r\n      outline: none;\r\n\r\n      background: rgba(3, 17, 31, 0.8) !important;\r\n      color: #c4d6e2 !important;\r\n\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v3-build__control:hover {\r\n      border-color: rgba(255, 255, 255, 0.26) !important;\r\n      background: rgba(255, 255, 255, 0.09) !important;\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .prx-wb-v3-build__control.is-active {\r\n      border-color: rgba(255, 77, 71, 0.45) !important;\r\n      background: rgba(225, 6, 0, 0.18) !important;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__control svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.9;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v3-build__control span {\r\n      color: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__control:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.8);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       \u0141ADOWANIE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__loading {\r\n      position: absolute;\r\n      z-index: 20;\r\n      inset: 0;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 42%,\r\n          rgba(36, 113, 163, 0.3),\r\n          transparent 36%\r\n        ),\r\n        #061b2d;\r\n\r\n      transition:\r\n        opacity 0.35s ease,\r\n        visibility 0.35s ease;\r\n    }\r\n\r\n    .prx-wb-v3-build__loading.is-hidden {\r\n      visibility: hidden;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-build__loading-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 11px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 0.08em !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-build__spinner {\r\n      width: 22px;\r\n      height: 22px;\r\n\r\n      border: 3px solid rgba(255, 255, 255, 0.18);\r\n      border-top-color: var(--wb6-red);\r\n      border-radius: 50%;\r\n\r\n      animation:\r\n        prxWbV3BuildSpin 0.75s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v3-build__loading.is-error\r\n      .prx-wb-v3-build__spinner {\r\n      border-color: var(--wb6-red);\r\n      animation: none;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DOLNE INFORMACJE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__bottom {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.86fr)\r\n        minmax(0, 1.14fr);\r\n      gap: 20px;\r\n      margin-top: 21px;\r\n    }\r\n\r\n    .prx-wb-v3-build__notice,\r\n    .prx-wb-v3-build__facts {\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.04);\r\n\r\n      -webkit-backdrop-filter: blur(12px);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-wb-v3-build__notice {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 30px;\r\n    }\r\n\r\n    .prx-wb-v3-build__notice::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 30px;\r\n      width: 74px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb6-red);\r\n    }\r\n\r\n    .prx-wb-v3-build__notice-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ff6863 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 0.95px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-build__notice strong {\r\n      display: block;\r\n      margin: 0 0 11px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(22px, 2vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: -0.6px !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__notice p {\r\n      margin: 0 !important;\r\n\r\n      color: #aabfcd !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__facts {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 1px;\r\n      overflow: hidden;\r\n\r\n      background: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v3-build__fact {\r\n      padding: 24px 22px;\r\n      background: #08223a;\r\n    }\r\n\r\n    .prx-wb-v3-build__fact-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      margin-bottom: 14px;\r\n\r\n      border: 1px solid rgba(255, 91, 85, 0.21);\r\n      border-radius: 10px;\r\n      background: rgba(225, 6, 0, 0.1);\r\n\r\n      color: #ff716c !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__fact-icon svg {\r\n      width: 19px;\r\n      height: 19px;\r\n\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\r\n    .prx-wb-v3-build__fact strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 14px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__fact p {\r\n      margin: 0 !important;\r\n\r\n      color: #91a8ba !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-build__cta {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n      align-items: center;\r\n      gap: 40px;\r\n      margin-top: 38px;\r\n      padding-top: 35px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .prx-wb-v3-build__cta strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(21px, 2.1vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.22 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__cta p {\r\n      max-width: 700px;\r\n      margin: 0 !important;\r\n\r\n      color: #b9cbd7 !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.57 !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v3-build__button {\r\n      display: inline-flex;\r\n      min-height: 53px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 13px 20px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.25s ease,\r\n        background-color 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v3-build__button--primary {\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--wb6-red-dark)\r\n        ) !important;\r\n\r\n      box-shadow:\r\n        0 12px 29px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-wb-v3-build__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.2) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__button span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v3-build__button:hover {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v3-build__button--primary:hover {\r\n      box-shadow:\r\n        0 16px 37px rgba(225, 6, 0, 0.34);\r\n    }\r\n\r\n    .prx-wb-v3-build__button--secondary:hover {\r\n      border-color: rgba(255, 255, 255, 0.38) !important;\r\n      background: rgba(255, 255, 255, 0.11) !important;\r\n    }\r\n\r\n    .prx-wb-v3-build__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v3-build__button:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.8);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV3BuildSpin {\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1120px) {\r\n      .prx-wb-v3-build__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v3-build__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v3-build__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-build__panel {\r\n        display: grid;\r\n        grid-template-columns:\r\n          minmax(290px, 0.78fr)\r\n          minmax(0, 1.22fr);\r\n        gap: 28px;\r\n      }\r\n\r\n      .prx-wb-v3-build__selected {\r\n        min-height: 0;\r\n        padding-right: 28px;\r\n        padding-bottom: 0;\r\n\r\n        border-right: 1px solid rgba(255, 255, 255, 0.09);\r\n        border-bottom: 0;\r\n      }\r\n\r\n      .prx-wb-v3-build__points-title {\r\n        margin-top: 0;\r\n      }\r\n\r\n      .prx-wb-v3-build__points {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v3-build__model {\r\n        min-height: 700px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v3-build {\r\n        padding: 82px 18px 90px;\r\n      }\r\n\r\n      .prx-wb-v3-build__panel {\r\n        display: block;\r\n      }\r\n\r\n      .prx-wb-v3-build__selected {\r\n        padding-right: 0;\r\n        padding-bottom: 23px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n      }\r\n\r\n      .prx-wb-v3-build__points-title {\r\n        margin-top: 22px;\r\n      }\r\n\r\n      .prx-wb-v3-build__bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-build__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 23px;\r\n      }\r\n\r\n      .prx-wb-v3-build__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .prx-wb-v3-build {\r\n        padding: 72px 14px 78px;\r\n      }\r\n\r\n      .prx-wb-v3-build__title {\r\n        font-size: clamp(35px, 10.3vw, 48px) !important;\r\n        letter-spacing: -1.45px !important;\r\n      }\r\n\r\n      .prx-wb-v3-build__workspace {\r\n        padding: 9px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-wb-v3-build__panel {\r\n        padding: 23px 19px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-wb-v3-build__points {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-build__model {\r\n        min-height: 570px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-wb-v3-build__model-detail {\r\n        display: none;\r\n      }\r\n\r\n      .prx-wb-v3-build__bend {\r\n        top: 63px;\r\n        right: 14px;\r\n        bottom: auto;\r\n        left: 14px;\r\n\r\n        width: auto;\r\n\r\n        grid-template-columns:\r\n          80px minmax(80px, 1fr) 38px;\r\n      }\r\n\r\n      .prx-wb-v3-build__bend-label {\r\n        font-size: 9px !important;\r\n        white-space: normal;\r\n      }\r\n\r\n      .prx-wb-v3-build__hint {\r\n        right: 18px;\r\n        bottom: 76px;\r\n        left: 18px;\r\n\r\n        justify-content: center;\r\n      }\r\n\r\n      .prx-wb-v3-build__controls {\r\n        right: 18px;\r\n        bottom: 18px;\r\n        left: 18px;\r\n\r\n        justify-content: center;\r\n      }\r\n\r\n      .prx-wb-v3-build__control {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 0 8px;\r\n      }\r\n\r\n      .prx-wb-v3-build__control span {\r\n        display: none;\r\n      }\r\n\r\n      .prx-wb-v3-build__facts {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-build__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-build__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n      .prx-wb-v3-build {\r\n        padding-right: 11px;\r\n        padding-left: 11px;\r\n      }\r\n\r\n      .prx-wb-v3-build__model {\r\n        min-height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v3-build *,\r\n      .prx-wb-v3-build *::before,\r\n      .prx-wb-v3-build *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v3-build__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v3-build__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v3-build__label\">\r\n          Interaktywny model konstrukcji\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v3-build__title\"\r\n          id=\"prx-wb-v3-build-title\"\r\n        >\r\n          Budowa wa\u0142u bananowego\r\n          <strong>od powierzchni roboczej po oprawy monta\u017cowe<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v3-build__intro\">\r\n        Obr\u00f3\u0107 model i wybierz element konstrukcji. Widok pokazuje\r\n        <strong>\r\n          zakrzywion\u0105 powierzchni\u0119 robocz\u0105, po\u0142\u0105czenia ko\u0144cowe,\r\n          czopy, \u0142o\u017cyskowanie, oprawy oraz wariant mechanizmu regulacji.\r\n        <\/strong>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         MODU\u0141 3D\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v3-build__workspace\">\r\n\r\n      <!-- ===================================================\r\n           PANEL OPIS\u00d3W\r\n      ==================================================== -->\r\n\r\n      <aside class=\"prx-wb-v3-build__panel\">\r\n\r\n        <div class=\"prx-wb-v3-build__selected\">\r\n\r\n          <span\r\n            class=\"prx-wb-v3-build__selected-number\"\r\n            data-wb6-selected-number\r\n          >\r\n            Wybrany element 01 \/ 06\r\n          <\/span>\r\n\r\n          <h3 data-wb6-selected-title>\r\n            Powierzchnia robocza\r\n          <\/h3>\r\n\r\n          <p\r\n            class=\"prx-wb-v3-build__selected-description\"\r\n            data-wb6-selected-description\r\n          >\r\n            Zewn\u0119trzna warstwa pozostaj\u0105ca w kontakcie\r\n            z prowadzonym materia\u0142em. Mo\u017ce by\u0107 wykonywana\r\n            z gumy albo poliuretanu, zale\u017cnie od warunk\u00f3w procesu.\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-build__selected-note\"\r\n            data-wb6-selected-note\r\n          >\r\n            Rodzaj powierzchni dobiera si\u0119 do materia\u0142u,\r\n            przyczepno\u015bci i \u015brodowiska pracy.\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"prx-wb-v3-build__points-title\">\r\n          Wybierz element modelu\r\n        <\/span>\r\n\r\n        <div class=\"prx-wb-v3-build__points\">\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__point is-active\"\r\n            type=\"button\"\r\n            data-wb6-detail=\"0\"\r\n            aria-pressed=\"true\"\r\n          >\r\n            <span class=\"prx-wb-v3-build__point-number\">\r\n              01\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-build__point-text\">\r\n              <strong>Powierzchnia robocza<\/strong>\r\n              <span>Kontakt z materia\u0142em<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-build__point-arrow\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              \u203a\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__point\"\r\n            type=\"button\"\r\n            data-wb6-detail=\"1\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span class=\"prx-wb-v3-build__point-number\">\r\n              02\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-build__point-text\">\r\n              <strong>Zakrzywiona o\u015b<\/strong>\r\n              <span>Geometria cz\u0119\u015bci roboczej<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-build__point-arrow\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              \u203a\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__point\"\r\n            type=\"button\"\r\n            data-wb6-detail=\"2\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span class=\"prx-wb-v3-build__point-number\">\r\n              03\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-build__point-text\">\r\n              <strong>Uk\u0142ad \u0142o\u017cyskowania<\/strong>\r\n              <span>Obr\u00f3t powierzchni wa\u0142u<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-build__point-arrow\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              \u203a\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__point\"\r\n            type=\"button\"\r\n            data-wb6-detail=\"3\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span class=\"prx-wb-v3-build__point-number\">\r\n              04\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-build__point-text\">\r\n              <strong>Czopy i po\u0142\u0105czenia<\/strong>\r\n              <span>Zako\u0144czenia wa\u0142u<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-build__point-arrow\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              \u203a\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__point\"\r\n            type=\"button\"\r\n            data-wb6-detail=\"4\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span class=\"prx-wb-v3-build__point-number\">\r\n              05\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-build__point-text\">\r\n              <strong>Oprawy monta\u017cowe<\/strong>\r\n              <span>Korpus i stopy mocuj\u0105ce<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-build__point-arrow\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              \u203a\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__point\"\r\n            type=\"button\"\r\n            data-wb6-detail=\"5\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span class=\"prx-wb-v3-build__point-number\">\r\n              06\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-build__point-text\">\r\n              <strong>Mechanizm regulacji<\/strong>\r\n              <span>Opcja wybranych konstrukcji<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-build__point-arrow\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              \u203a\r\n            <\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n      <!-- ===================================================\r\n           MODEL\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v3-build__model\">\r\n\r\n        <div class=\"prx-wb-v3-build__model-head\">\r\n\r\n          <span class=\"prx-wb-v3-build__model-status\">\r\n            Model 3D aktywny\r\n          <\/span>\r\n\r\n          <span class=\"prx-wb-v3-build__model-detail\">\r\n            Element:\r\n            <strong data-wb6-model-detail>\r\n              powierzchnia robocza\r\n            <\/strong>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"prx-wb-v3-build__viewport\"\r\n          data-wb6-viewport\r\n          role=\"img\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Interaktywny model 3D wa\u0142u bananowego z oprawami \u0142o\u017cyskowymi i stopami monta\u017cowymi\"\r\n        ><\/div>\r\n\r\n        <div class=\"prx-wb-v3-build__hint\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M8 11V6a2 2 0 0 1 4 0v5\"><\/path>\r\n            <path d=\"M12 10V5a2 2 0 0 1 4 0v6\"><\/path>\r\n            <path d=\"M16 10V7a2 2 0 0 1 4 0v7\"><\/path>\r\n            <path d=\"M8 10V8a2 2 0 0 0-4 0v7c0 4 3 7 7 7h3c4 0 6-3 6-7v-2\"><\/path>\r\n          <\/svg>\r\n\r\n          Przeci\u0105gnij, aby obr\u00f3ci\u0107 \u2022 k\u00f3\u0142ko myszy: zoom\r\n        <\/div>\r\n\r\n        <label class=\"prx-wb-v3-build__bend\">\r\n\r\n          <span class=\"prx-wb-v3-build__bend-label\">\r\n            Pogl\u0105dowe wygi\u0119cie\r\n          <\/span>\r\n\r\n          <input\r\n            type=\"range\"\r\n            min=\"0.18\"\r\n            max=\"0.68\"\r\n            step=\"0.01\"\r\n            value=\"0.36\"\r\n            data-wb6-bend\r\n            aria-label=\"Pogl\u0105dowy stopie\u0144 wygi\u0119cia modelu wa\u0142u\"\r\n          >\r\n\r\n          <output data-wb6-bend-output>\r\n            36%\r\n          <\/output>\r\n\r\n        <\/label>\r\n\r\n        <div class=\"prx-wb-v3-build__controls\">\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__control\"\r\n            type=\"button\"\r\n            data-wb6-zoom-out\r\n            aria-label=\"Oddal model\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n              <path d=\"M8 11h6\"><\/path>\r\n              <path d=\"m16 16 5 5\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__control\"\r\n            type=\"button\"\r\n            data-wb6-zoom-in\r\n            aria-label=\"Przybli\u017c model\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n              <path d=\"M8 11h6\"><\/path>\r\n              <path d=\"M11 8v6\"><\/path>\r\n              <path d=\"m16 16 5 5\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__control\"\r\n            type=\"button\"\r\n            data-wb6-reset\r\n            aria-label=\"Przywr\u00f3\u0107 widok pocz\u0105tkowy\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 4v6h6\"><\/path>\r\n              <path d=\"M5.5 15a8 8 0 1 0 .8-8.4L4 10\"><\/path>\r\n            <\/svg>\r\n\r\n            <span>Widok<\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-build__control is-active\"\r\n            type=\"button\"\r\n            data-wb6-auto\r\n            aria-pressed=\"true\"\r\n            aria-label=\"W\u0142\u0105cz lub wy\u0142\u0105cz automatyczny obr\u00f3t\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 7a9 9 0 0 1 14 2\"><\/path>\r\n              <path d=\"m19 4v5h-5\"><\/path>\r\n              <path d=\"M19 17a9 9 0 0 1-14-2\"><\/path>\r\n              <path d=\"m5 20v-5h5\"><\/path>\r\n            <\/svg>\r\n\r\n            <span>Obr\u00f3t<\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"prx-wb-v3-build__loading\"\r\n          data-wb6-loading\r\n        >\r\n          <div class=\"prx-wb-v3-build__loading-inner\">\r\n            <span class=\"prx-wb-v3-build__spinner\"><\/span>\r\n            <span data-wb6-loading-text>\r\n              \u0141adowanie szczeg\u00f3\u0142owego modelu 3D\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         INFORMACJE POD MODELEM\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v3-build__bottom\">\r\n\r\n      <article class=\"prx-wb-v3-build__notice\">\r\n\r\n        <span class=\"prx-wb-v3-build__notice-label\">\r\n          Model konstrukcyjny\r\n        <\/span>\r\n\r\n        <strong>\r\n          Oprawy, zako\u0144czenia i regulacja nie s\u0105 jednakowe\r\n          dla ka\u017cdego wa\u0142u\r\n        <\/strong>\r\n\r\n        <p>\r\n          Model pokazuje mo\u017cliwe elementy konstrukcji i spos\u00f3b\r\n          ich wzajemnego po\u0142\u0105czenia. Rzeczywiste wykonanie mo\u017ce\r\n          r\u00f3\u017cni\u0107 si\u0119 geometri\u0105, sposobem \u0142o\u017cyskowania, mocowaniem\r\n          oraz rozwi\u0105zaniem mechanizmu regulacyjnego.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <div class=\"prx-wb-v3-build__facts\">\r\n\r\n        <article class=\"prx-wb-v3-build__fact\">\r\n\r\n          <span\r\n            class=\"prx-wb-v3-build__fact-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 15c4-6 12-6 16 0\"><\/path>\r\n              <path d=\"M4 12h16\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>Zakrzywiona cz\u0119\u015b\u0107 robocza<\/strong>\r\n\r\n          <p>\r\n            Powierzchnia obraca si\u0119 wok\u00f3\u0142 osi o okre\u015blonej\r\n            geometrii wygi\u0119cia.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"prx-wb-v3-build__fact\">\r\n\r\n          <span\r\n            class=\"prx-wb-v3-build__fact-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"7\"><\/circle>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>\u0141o\u017cyskowanie ko\u0144cowe<\/strong>\r\n\r\n          <p>\r\n            Elementy obrotowe s\u0105 po\u0142\u0105czone z czopami\r\n            i oprawami po obu stronach wa\u0142u.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"prx-wb-v3-build__fact\">\r\n\r\n          <span\r\n            class=\"prx-wb-v3-build__fact-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M5 19V7l7-3 7 3v12\"><\/path>\r\n              <path d=\"M4 19h16\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>Stopy monta\u017cowe<\/strong>\r\n\r\n          <p>\r\n            Oprawy mog\u0105 uwzgl\u0119dnia\u0107 podstawy i otwory potrzebne\r\n            do zabudowy w maszynie.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"prx-wb-v3-build__fact\">\r\n\r\n          <span\r\n            class=\"prx-wb-v3-build__fact-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 7h9\"><\/path>\r\n              <path d=\"M17 7h3\"><\/path>\r\n              <circle cx=\"15\" cy=\"7\" r=\"2\"><\/circle>\r\n              <path d=\"M4 17h3\"><\/path>\r\n              <path d=\"M11 17h9\"><\/path>\r\n              <circle cx=\"9\" cy=\"17\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong>Regulacja jako wariant<\/strong>\r\n\r\n          <p>\r\n            Mechanizm regulacji jest rozwi\u0105zaniem opcjonalnym\r\n            zale\u017cnym od konstrukcji wa\u0142u.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v3-build__cta\">\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Potrzebujesz odtworzy\u0107 wa\u0142 z istniej\u0105cej maszyny?\r\n        <\/strong>\r\n\r\n        <p>\r\n          Prze\u015blij zdj\u0119cia ca\u0142ego wa\u0142u, zako\u0144cze\u0144, opraw,\r\n          miejsca monta\u017cu oraz podstawowe wymiary. Pozwoli to\r\n          ustali\u0107, kt\u00f3re elementy konstrukcji trzeba zachowa\u0107.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v3-build__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v3-build__button\r\n                 prx-wb-v3-build__button--primary\"\r\n          href=\"#konfigurator-walu-bananowego\"\r\n        >\r\n          <span>Przygotuj dane do wyceny<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v3-build__button\r\n                 prx-wb-v3-build__button--secondary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Przejd\u017a do kontaktu<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script type=\"module\">\r\n    (() => {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v3-build]\"\r\n      );\r\n\r\n      sections.forEach((section) => {\r\n        if (\r\n          section.dataset.prxWbV3BuildReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV3BuildReady = \"true\";\r\n\r\n        const viewport = section.querySelector(\r\n          \"[data-wb6-viewport]\"\r\n        );\r\n\r\n        const loading = section.querySelector(\r\n          \"[data-wb6-loading]\"\r\n        );\r\n\r\n        const loadingText = section.querySelector(\r\n          \"[data-wb6-loading-text]\"\r\n        );\r\n\r\n        const pointButtons = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb6-detail]\"\r\n          )\r\n        );\r\n\r\n        const selectedNumber = section.querySelector(\r\n          \"[data-wb6-selected-number]\"\r\n        );\r\n\r\n        const selectedTitle = section.querySelector(\r\n          \"[data-wb6-selected-title]\"\r\n        );\r\n\r\n        const selectedDescription = section.querySelector(\r\n          \"[data-wb6-selected-description]\"\r\n        );\r\n\r\n        const selectedNote = section.querySelector(\r\n          \"[data-wb6-selected-note]\"\r\n        );\r\n\r\n        const modelDetail = section.querySelector(\r\n          \"[data-wb6-model-detail]\"\r\n        );\r\n\r\n        const bendInput = section.querySelector(\r\n          \"[data-wb6-bend]\"\r\n        );\r\n\r\n        const bendOutput = section.querySelector(\r\n          \"[data-wb6-bend-output]\"\r\n        );\r\n\r\n        const zoomOutButton = section.querySelector(\r\n          \"[data-wb6-zoom-out]\"\r\n        );\r\n\r\n        const zoomInButton = section.querySelector(\r\n          \"[data-wb6-zoom-in]\"\r\n        );\r\n\r\n        const resetButton = section.querySelector(\r\n          \"[data-wb6-reset]\"\r\n        );\r\n\r\n        const autoButton = section.querySelector(\r\n          \"[data-wb6-auto]\"\r\n        );\r\n\r\n        if (\r\n          !viewport ||\r\n          !loading ||\r\n          !bendInput\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        const reducedMotion = window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n        const details = [\r\n          {\r\n            title: \"Powierzchnia robocza\",\r\n            model: \"powierzchnia robocza\",\r\n            description:\r\n              \"Zewn\u0119trzna warstwa pozostaj\u0105ca w kontakcie \" +\r\n              \"z prowadzonym materia\u0142em. Mo\u017ce by\u0107 wykonywana \" +\r\n              \"z gumy albo poliuretanu, zale\u017cnie od warunk\u00f3w procesu.\",\r\n            note:\r\n              \"Rodzaj powierzchni dobiera si\u0119 do materia\u0142u, \" +\r\n              \"przyczepno\u015bci i \u015brodowiska pracy.\",\r\n            camera: [11.9, 5.4, 13.8],\r\n            target: [0, 1.35, 0],\r\n            parts: [\"surface\"]\r\n          },\r\n          {\r\n            title: \"Zakrzywiona o\u015b\",\r\n            model: \"zakrzywiona o\u015b\",\r\n            description:\r\n              \"O\u015b nadaje wa\u0142owi charakterystyczn\u0105 geometri\u0119. \" +\r\n              \"Powierzchnia robocza obraca si\u0119 wok\u00f3\u0142 osi, \" +\r\n              \"kt\u00f3rej przebieg jest dopasowany do uk\u0142adu prowadzenia.\",\r\n            note:\r\n              \"Wielko\u015b\u0107 i kierunek ugi\u0119cia wymagaj\u0105 analizy \" +\r\n              \"konkretnej aplikacji.\",\r\n            camera: [0.3, 7.5, 17.7],\r\n            target: [0, 1.48, 0],\r\n            parts: [\"axis\"]\r\n          },\r\n          {\r\n            title: \"Uk\u0142ad \u0142o\u017cyskowania\",\r\n            model: \"uk\u0142ad \u0142o\u017cyskowania\",\r\n            description:\r\n              \"Pier\u015bcienie i elementy \u0142o\u017cyskowe umo\u017cliwiaj\u0105 \" +\r\n              \"obr\u00f3t powierzchni roboczej oraz przenoszenie obci\u0105\u017ce\u0144 \" +\r\n              \"pomi\u0119dzy cz\u0119\u015bci\u0105 robocz\u0105 a zako\u0144czeniami wa\u0142u.\",\r\n            note:\r\n              \"Dob\u00f3r rozwi\u0105zania zale\u017cy od pr\u0119dko\u015bci, obci\u0105\u017cenia \" +\r\n              \"i warunk\u00f3w eksploatacji.\",\r\n            camera: [-14.8, 4.25, 7.8],\r\n            target: [-5.45, 1.5, 0],\r\n            parts: [\"bearing\"]\r\n          },\r\n          {\r\n            title: \"Czopy i po\u0142\u0105czenia ko\u0144cowe\",\r\n            model: \"czopy i po\u0142\u0105czenia\",\r\n            description:\r\n              \"Metalowe zako\u0144czenia \u0142\u0105cz\u0105 cz\u0119\u015b\u0107 robocz\u0105 \" +\r\n              \"z \u0142o\u017cyskowaniem i oprawami. Ich geometria musi \" +\r\n              \"odpowiada\u0107 sposobowi osadzenia wa\u0142u w maszynie.\",\r\n            note:\r\n              \"Przy odtworzeniu potrzebne s\u0105 wymiary czop\u00f3w, \" +\r\n              \"ko\u0142nierzy, tulei i zako\u0144cze\u0144.\",\r\n            camera: [14.8, 3.8, 8.1],\r\n            target: [5.3, 1.48, 0],\r\n            parts: [\"journal\"]\r\n          },\r\n          {\r\n            title: \"Oprawy monta\u017cowe\",\r\n            model: \"oprawy i stopy\",\r\n            description:\r\n              \"Korpusy po obu stronach wa\u0142u odpowiadaj\u0105 \" +\r\n              \"za osadzenie uk\u0142adu \u0142o\u017cyskowego. Model pokazuje \" +\r\n              \"r\u00f3wnie\u017c podstawy i stopy wykorzystywane przy monta\u017cu.\",\r\n            note:\r\n              \"Rzeczywisty kszta\u0142t opraw zale\u017cy od dost\u0119pnej \" +\r\n              \"przestrzeni i konstrukcji maszyny.\",\r\n            camera: [-15.1, 4.25, 5.9],\r\n            target: [-6.25, 1.1, 0],\r\n            parts: [\"housing\"]\r\n          },\r\n          {\r\n            title: \"Mechanizm regulacji\",\r\n            model: \"mechanizm regulacji\",\r\n            description:\r\n              \"Zewn\u0119trzne tarcze, pier\u015bcienie i elementy nastawcze \" +\r\n              \"przedstawiaj\u0105 pogl\u0105dowo wariant konstrukcji \" +\r\n              \"pozwalaj\u0105cej zmienia\u0107 ustawienie wa\u0142u.\",\r\n            note:\r\n              \"Regulacja jest opcj\u0105 wybranych konstrukcji \" +\r\n              \"i wymaga indywidualnego potwierdzenia.\",\r\n            camera: [15.1, 3.8, 5.7],\r\n            target: [6.2, 1.52, 0],\r\n            parts: [\"regulation\"]\r\n          }\r\n        ];\r\n\r\n        let initialized = false;\r\n\r\n        function beginInitialization() {\r\n          if (initialized) {\r\n            return;\r\n          }\r\n\r\n          initialized = true;\r\n\r\n          Promise.all([\r\n            import(\r\n              \"https:\/\/esm.sh\/three@0.185.1\"\r\n            ),\r\n            import(\r\n              \"https:\/\/esm.sh\/three@0.185.1\/examples\/jsm\/controls\/OrbitControls.js\"\r\n            )\r\n          ])\r\n            .then(([THREE, controlsModule]) => {\r\n              buildModel(\r\n                THREE,\r\n                controlsModule.OrbitControls\r\n              );\r\n            })\r\n            .catch((error) => {\r\n              console.error(\r\n                \"B\u0142\u0105d \u0142adowania modelu 3D:\",\r\n                error\r\n              );\r\n\r\n              loading.classList.add(\"is-error\");\r\n\r\n              loadingText.textContent =\r\n                \"Nie uda\u0142o si\u0119 uruchomi\u0107 modelu 3D\";\r\n            });\r\n        }\r\n\r\n        if (\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          beginInitialization();\r\n        } else {\r\n          const startObserver =\r\n            new IntersectionObserver(\r\n              (entries) => {\r\n                if (!entries[0].isIntersecting) {\r\n                  return;\r\n                }\r\n\r\n                beginInitialization();\r\n                startObserver.disconnect();\r\n              },\r\n              {\r\n                rootMargin: \"300px 0px\",\r\n                threshold: 0.01\r\n              }\r\n            );\r\n\r\n          startObserver.observe(section);\r\n        }\r\n\r\n        function buildModel(\r\n          THREE,\r\n          OrbitControls\r\n        ) {\r\n          try {\r\n            \/* =================================================\r\n               SCENA\r\n            ================================================= *\/\r\n\r\n            const scene = new THREE.Scene();\r\n\r\n            const camera =\r\n              new THREE.PerspectiveCamera(\r\n                31,\r\n                1,\r\n                0.1,\r\n                100\r\n              );\r\n\r\n            const defaultCameraPosition =\r\n              new THREE.Vector3(\r\n                11.9,\r\n                5.4,\r\n                13.8\r\n              );\r\n\r\n            const defaultTarget =\r\n              new THREE.Vector3(\r\n                0,\r\n                1.35,\r\n                0\r\n              );\r\n\r\n            camera.position.copy(\r\n              defaultCameraPosition\r\n            );\r\n\r\n            const renderer =\r\n              new THREE.WebGLRenderer({\r\n                antialias: true,\r\n                alpha: true,\r\n                powerPreference:\r\n                  \"high-performance\"\r\n              });\r\n\r\n            renderer.setClearColor(\r\n              0x000000,\r\n              0\r\n            );\r\n\r\n            renderer.setPixelRatio(\r\n              Math.min(\r\n                window.devicePixelRatio || 1,\r\n                1.8\r\n              )\r\n            );\r\n\r\n            renderer.outputColorSpace =\r\n              THREE.SRGBColorSpace;\r\n\r\n            renderer.toneMapping =\r\n              THREE.ACESFilmicToneMapping;\r\n\r\n            renderer.toneMappingExposure =\r\n              1.22;\r\n\r\n            renderer.shadowMap.enabled =\r\n              true;\r\n\r\n            renderer.shadowMap.type =\r\n              THREE.PCFSoftShadowMap;\r\n\r\n            viewport.appendChild(\r\n              renderer.domElement\r\n            );\r\n\r\n            \/* ===============================================\r\n               STEROWANIE\r\n            =============================================== *\/\r\n\r\n            const controls =\r\n              new OrbitControls(\r\n                camera,\r\n                renderer.domElement\r\n              );\r\n\r\n            controls.enableDamping = true;\r\n            controls.dampingFactor = 0.065;\r\n            controls.enablePan = false;\r\n            controls.enableZoom = true;\r\n            controls.enableRotate = true;\r\n            controls.minDistance = 7.2;\r\n            controls.maxDistance = 24;\r\n            controls.minPolarAngle = 0.22;\r\n            controls.maxPolarAngle =\r\n              Math.PI * 0.82;\r\n\r\n            controls.target.copy(\r\n              defaultTarget\r\n            );\r\n\r\n            controls.autoRotate =\r\n              !reducedMotion;\r\n\r\n            controls.autoRotateSpeed =\r\n              0.68;\r\n\r\n            \/* ===============================================\r\n               \u015aWIAT\u0141O\r\n            =============================================== *\/\r\n\r\n            scene.add(\r\n              new THREE.HemisphereLight(\r\n                0xeaf8ff,\r\n                0x061321,\r\n                2.75\r\n              )\r\n            );\r\n\r\n            const keyLight =\r\n              new THREE.DirectionalLight(\r\n                0xffffff,\r\n                4.4\r\n              );\r\n\r\n            keyLight.position.set(\r\n              7,\r\n              11,\r\n              10\r\n            );\r\n\r\n            keyLight.castShadow = true;\r\n            keyLight.shadow.mapSize.set(\r\n              2048,\r\n              2048\r\n            );\r\n\r\n            keyLight.shadow.camera.left =\r\n              -12;\r\n\r\n            keyLight.shadow.camera.right =\r\n              12;\r\n\r\n            keyLight.shadow.camera.top =\r\n              9;\r\n\r\n            keyLight.shadow.camera.bottom =\r\n              -5;\r\n\r\n            keyLight.shadow.bias =\r\n              -0.00018;\r\n\r\n            scene.add(keyLight);\r\n\r\n            const rimLight =\r\n              new THREE.DirectionalLight(\r\n                0x55bce9,\r\n                2.3\r\n              );\r\n\r\n            rimLight.position.set(\r\n              -9,\r\n              6,\r\n              -7\r\n            );\r\n\r\n            scene.add(rimLight);\r\n\r\n            const frontLight =\r\n              new THREE.PointLight(\r\n                0xffffff,\r\n                2,\r\n                34\r\n              );\r\n\r\n            frontLight.position.set(\r\n              0,\r\n              5,\r\n              11\r\n            );\r\n\r\n            scene.add(frontLight);\r\n\r\n            const redAccent =\r\n              new THREE.PointLight(\r\n                0xe10600,\r\n                0.75,\r\n                18\r\n              );\r\n\r\n            redAccent.position.set(\r\n              -6,\r\n              2.5,\r\n              5\r\n            );\r\n\r\n            scene.add(redAccent);\r\n\r\n            \/* ===============================================\r\n               MATERIA\u0141Y\r\n            =============================================== *\/\r\n\r\n            const baseMaterials = {\r\n              rubber:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0x181b20,\r\n                  roughness: 0.24,\r\n                  metalness: 0.04,\r\n                  clearcoat: 0.58,\r\n                  clearcoatRoughness: 0.18\r\n                }),\r\n\r\n              rubberEnd:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0x101318,\r\n                  roughness: 0.34,\r\n                  metalness: 0.05,\r\n                  clearcoat: 0.3\r\n                }),\r\n\r\n              blue:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0x0786b9,\r\n                  roughness: 0.23,\r\n                  metalness: 0.48,\r\n                  clearcoat: 0.67,\r\n                  clearcoatRoughness: 0.18\r\n                }),\r\n\r\n              blueDark:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0x035e85,\r\n                  roughness: 0.27,\r\n                  metalness: 0.55,\r\n                  clearcoat: 0.45\r\n                }),\r\n\r\n              steel:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0xc3cdd3,\r\n                  roughness: 0.17,\r\n                  metalness: 0.9,\r\n                  clearcoat: 0.4,\r\n                  clearcoatRoughness: 0.12\r\n                }),\r\n\r\n              steelDark:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0x53616a,\r\n                  roughness: 0.25,\r\n                  metalness: 0.85\r\n                }),\r\n\r\n              bearing:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0x283238,\r\n                  roughness: 0.31,\r\n                  metalness: 0.72\r\n                }),\r\n\r\n              dial:\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0xc8c9c7,\r\n                  roughness: 0.37,\r\n                  metalness: 0.58\r\n                }),\r\n\r\n              red:\r\n                new THREE.MeshStandardMaterial({\r\n                  color: 0xd90b05,\r\n                  roughness: 0.35,\r\n                  metalness: 0.18,\r\n                  side: THREE.DoubleSide\r\n                })\r\n            };\r\n\r\n            const partMeshes = {\r\n              surface: [],\r\n              bearing: [],\r\n              journal: [],\r\n              housing: [],\r\n              regulation: []\r\n            };\r\n\r\n            let axisLine = null;\r\n            let curvedBody = null;\r\n            let curvedSheen = null;\r\n            let selectedParts =\r\n              new Set([\"surface\"]);\r\n\r\n            function clonePartMaterial(\r\n              baseMaterial,\r\n              part\r\n            ) {\r\n              const material =\r\n                baseMaterial.clone();\r\n\r\n              material.transparent = true;\r\n              material.opacity = 1;\r\n              material.userData.part =\r\n                part;\r\n\r\n              if (material.emissive) {\r\n                material.emissive.setHex(\r\n                  0x000000\r\n                );\r\n\r\n                material.emissiveIntensity =\r\n                  0;\r\n              }\r\n\r\n              return material;\r\n            }\r\n\r\n            function registerMesh(\r\n              mesh,\r\n              part\r\n            ) {\r\n              mesh.userData.part =\r\n                part;\r\n\r\n              mesh.castShadow = true;\r\n              mesh.receiveShadow = true;\r\n\r\n              if (partMeshes[part]) {\r\n                partMeshes[part].push(\r\n                  mesh\r\n                );\r\n              }\r\n\r\n              return mesh;\r\n            }\r\n\r\n            function createBox(\r\n              width,\r\n              height,\r\n              depth,\r\n              baseMaterial,\r\n              part,\r\n              x,\r\n              y,\r\n              z\r\n            ) {\r\n              const mesh =\r\n                new THREE.Mesh(\r\n                  new THREE.BoxGeometry(\r\n                    width,\r\n                    height,\r\n                    depth\r\n                  ),\r\n                  clonePartMaterial(\r\n                    baseMaterial,\r\n                    part\r\n                  )\r\n                );\r\n\r\n              mesh.position.set(\r\n                x,\r\n                y,\r\n                z\r\n              );\r\n\r\n              return registerMesh(\r\n                mesh,\r\n                part\r\n              );\r\n            }\r\n\r\n            function createCylinderX(\r\n              radiusTop,\r\n              radiusBottom,\r\n              length,\r\n              baseMaterial,\r\n              part,\r\n              x,\r\n              y,\r\n              z,\r\n              segments = 64\r\n            ) {\r\n              const mesh =\r\n                new THREE.Mesh(\r\n                  new THREE.CylinderGeometry(\r\n                    radiusTop,\r\n                    radiusBottom,\r\n                    length,\r\n                    segments\r\n                  ),\r\n                  clonePartMaterial(\r\n                    baseMaterial,\r\n                    part\r\n                  )\r\n                );\r\n\r\n              mesh.rotation.z =\r\n                Math.PI \/ 2;\r\n\r\n              mesh.position.set(\r\n                x,\r\n                y,\r\n                z\r\n              );\r\n\r\n              return registerMesh(\r\n                mesh,\r\n                part\r\n              );\r\n            }\r\n\r\n            function addBoxEdges(\r\n              mesh,\r\n              color = 0x024a68\r\n            ) {\r\n              const edges =\r\n                new THREE.LineSegments(\r\n                  new THREE.EdgesGeometry(\r\n                    mesh.geometry\r\n                  ),\r\n                  new THREE.LineBasicMaterial({\r\n                    color,\r\n                    transparent: true,\r\n                    opacity: 0.45\r\n                  })\r\n                );\r\n\r\n              mesh.add(edges);\r\n            }\r\n\r\n            \/* ===============================================\r\n               G\u0141\u00d3WNA GRUPA\r\n            =============================================== *\/\r\n\r\n            const machine =\r\n              new THREE.Group();\r\n\r\n            machine.rotation.y =\r\n              -0.035;\r\n\r\n            scene.add(machine);\r\n\r\n            const rollerLength = 10.4;\r\n            const rollerHalf =\r\n              rollerLength \/ 2;\r\n\r\n            const rollerRadius =\r\n              0.61;\r\n\r\n            const rollerBaseHeight =\r\n              1.58;\r\n\r\n            \/* ===============================================\r\n               KRZYWA WA\u0141U\r\n            =============================================== *\/\r\n\r\n            class BananaRollerCurve\r\n              extends THREE.Curve {\r\n              constructor(\r\n                length,\r\n                bend,\r\n                height\r\n              ) {\r\n                super();\r\n\r\n                this.length = length;\r\n                this.bend = bend;\r\n                this.height = height;\r\n              }\r\n\r\n              getPoint(\r\n                t,\r\n                target =\r\n                  new THREE.Vector3()\r\n              ) {\r\n                const x =\r\n                  (t - 0.5) *\r\n                  this.length;\r\n\r\n                const wave =\r\n                  Math.sin(\r\n                    Math.PI * t\r\n                  );\r\n\r\n                const y =\r\n                  this.height +\r\n                  this.bend *\r\n                    wave *\r\n                    wave;\r\n\r\n                return target.set(\r\n                  x,\r\n                  y,\r\n                  0\r\n                );\r\n              }\r\n            }\r\n\r\n            function removeFromPartArray(\r\n              mesh,\r\n              part\r\n            ) {\r\n              if (\r\n                !mesh ||\r\n                !partMeshes[part]\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              const index =\r\n                partMeshes[part]\r\n                  .indexOf(mesh);\r\n\r\n              if (index !== -1) {\r\n                partMeshes[part].splice(\r\n                  index,\r\n                  1\r\n                );\r\n              }\r\n            }\r\n\r\n            function disposeMesh(mesh) {\r\n              if (!mesh) {\r\n                return;\r\n              }\r\n\r\n              mesh.parent?.remove(mesh);\r\n              mesh.geometry?.dispose();\r\n\r\n              const materials =\r\n                Array.isArray(mesh.material)\r\n                  ? mesh.material\r\n                  : [mesh.material];\r\n\r\n              materials.forEach(\r\n                (material) => {\r\n                  material?.dispose?.();\r\n                }\r\n              );\r\n            }\r\n\r\n            function buildCurvedRoller(\r\n              bend\r\n            ) {\r\n              removeFromPartArray(\r\n                curvedBody,\r\n                \"surface\"\r\n              );\r\n\r\n              disposeMesh(curvedBody);\r\n              disposeMesh(curvedSheen);\r\n\r\n              if (axisLine) {\r\n                axisLine.parent?.remove(\r\n                  axisLine\r\n                );\r\n\r\n                axisLine.geometry?.dispose();\r\n                axisLine.material?.dispose();\r\n              }\r\n\r\n              const path =\r\n                new BananaRollerCurve(\r\n                  rollerLength,\r\n                  bend,\r\n                  rollerBaseHeight\r\n                );\r\n\r\n              path.arcLengthDivisions =\r\n                450;\r\n\r\n              curvedBody =\r\n                new THREE.Mesh(\r\n                  new THREE.TubeGeometry(\r\n                    path,\r\n                    220,\r\n                    rollerRadius,\r\n                    56,\r\n                    false\r\n                  ),\r\n                  clonePartMaterial(\r\n                    baseMaterials.rubber,\r\n                    \"surface\"\r\n                  )\r\n                );\r\n\r\n              registerMesh(\r\n                curvedBody,\r\n                \"surface\"\r\n              );\r\n\r\n              machine.add(curvedBody);\r\n\r\n              const sheenMaterial =\r\n                new THREE.MeshPhysicalMaterial({\r\n                  color: 0xb7c3ca,\r\n                  roughness: 0.1,\r\n                  metalness: 0,\r\n                  transparent: true,\r\n                  opacity: 0.065,\r\n                  clearcoat: 1,\r\n                  clearcoatRoughness: 0.08,\r\n                  depthWrite: false\r\n                });\r\n\r\n              curvedSheen =\r\n                new THREE.Mesh(\r\n                  new THREE.TubeGeometry(\r\n                    path,\r\n                    220,\r\n                    rollerRadius + 0.008,\r\n                    56,\r\n                    false\r\n                  ),\r\n                  sheenMaterial\r\n                );\r\n\r\n              curvedSheen.userData\r\n                .ignoreHighlight = true;\r\n\r\n              machine.add(curvedSheen);\r\n\r\n              const axisPoints =\r\n                path.getPoints(130);\r\n\r\n              axisLine =\r\n                new THREE.Line(\r\n                  new THREE.BufferGeometry()\r\n                    .setFromPoints(\r\n                      axisPoints\r\n                    ),\r\n                  new THREE.LineDashedMaterial({\r\n                    color: 0xc7d7e2,\r\n                    transparent: true,\r\n                    opacity: 0.22,\r\n                    dashSize: 0.16,\r\n                    gapSize: 0.11,\r\n                    depthTest: false\r\n                  })\r\n                );\r\n\r\n              axisLine.computeLineDistances();\r\n              axisLine.renderOrder = 5;\r\n\r\n              machine.add(axisLine);\r\n\r\n              applyHighlight();\r\n            }\r\n\r\n            buildCurvedRoller(\r\n              Number.parseFloat(\r\n                bendInput.value\r\n              )\r\n            );\r\n\r\n            \/* ===============================================\r\n               PO\u0141\u0104CZENIA KO\u0143COWE\r\n            =============================================== *\/\r\n\r\n            function buildEndConnection(\r\n              side\r\n            ) {\r\n              const direction = side;\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.645,\r\n                  0.645,\r\n                  0.12,\r\n                  baseMaterials.rubberEnd,\r\n                  \"surface\",\r\n                  direction *\r\n                    (rollerHalf + 0.045),\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.705,\r\n                  0.705,\r\n                  0.29,\r\n                  baseMaterials.steel,\r\n                  \"bearing\",\r\n                  direction *\r\n                    (rollerHalf + 0.19),\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.67,\r\n                  0.67,\r\n                  0.075,\r\n                  baseMaterials.blue,\r\n                  \"bearing\",\r\n                  direction *\r\n                    (rollerHalf + 0.37),\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.46,\r\n                  0.46,\r\n                  0.13,\r\n                  baseMaterials.steelDark,\r\n                  \"bearing\",\r\n                  direction *\r\n                    (rollerHalf + 0.44),\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.185,\r\n                  0.185,\r\n                  0.67,\r\n                  baseMaterials.steel,\r\n                  \"journal\",\r\n                  direction *\r\n                    (rollerHalf + 0.7),\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.235,\r\n                  0.235,\r\n                  0.15,\r\n                  baseMaterials.bearing,\r\n                  \"journal\",\r\n                  direction *\r\n                    (rollerHalf + 0.91),\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n            }\r\n\r\n            buildEndConnection(-1);\r\n            buildEndConnection(1);\r\n\r\n            \/* ===============================================\r\n               OPRAWY \u0141O\u017bYSKOWE\r\n            =============================================== *\/\r\n\r\n            function buildBearingHousing(\r\n              side\r\n            ) {\r\n              const housingX =\r\n                side *\r\n                (rollerHalf + 1.12);\r\n\r\n              const outerFaceX =\r\n                housingX +\r\n                side * 0.34;\r\n\r\n              const innerFaceX =\r\n                housingX -\r\n                side * 0.31;\r\n\r\n              const housing =\r\n                createBox(\r\n                  0.56,\r\n                  1.9,\r\n                  1.72,\r\n                  baseMaterials.blue,\r\n                  \"housing\",\r\n                  housingX,\r\n                  1.04,\r\n                  0\r\n                );\r\n\r\n              addBoxEdges(housing);\r\n              machine.add(housing);\r\n\r\n              const topPlate =\r\n                createBox(\r\n                  0.68,\r\n                  0.18,\r\n                  1.84,\r\n                  baseMaterials.blueDark,\r\n                  \"housing\",\r\n                  housingX,\r\n                  2,\r\n                  0\r\n                );\r\n\r\n              addBoxEdges(topPlate);\r\n              machine.add(topPlate);\r\n\r\n              const basePlate =\r\n                createBox(\r\n                  1.12,\r\n                  0.18,\r\n                  2.22,\r\n                  baseMaterials.blue,\r\n                  \"housing\",\r\n                  housingX,\r\n                  0.12,\r\n                  0\r\n                );\r\n\r\n              addBoxEdges(basePlate);\r\n              machine.add(basePlate);\r\n\r\n              [-0.92, 0.92].forEach(\r\n                (z) => {\r\n                  const foot =\r\n                    createBox(\r\n                      1.34,\r\n                      0.14,\r\n                      0.38,\r\n                      baseMaterials.blueDark,\r\n                      \"housing\",\r\n                      housingX,\r\n                      0.045,\r\n                      z\r\n                    );\r\n\r\n                  addBoxEdges(foot);\r\n                  machine.add(foot);\r\n                }\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.35,\r\n                  0.35,\r\n                  0.13,\r\n                  baseMaterials.steel,\r\n                  \"bearing\",\r\n                  innerFaceX,\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.245,\r\n                  0.245,\r\n                  0.16,\r\n                  baseMaterials.bearing,\r\n                  \"bearing\",\r\n                  innerFaceX -\r\n                    side * 0.07,\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.61,\r\n                  0.61,\r\n                  0.15,\r\n                  baseMaterials.steelDark,\r\n                  \"regulation\",\r\n                  outerFaceX,\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.535,\r\n                  0.535,\r\n                  0.17,\r\n                  baseMaterials.steel,\r\n                  \"regulation\",\r\n                  outerFaceX +\r\n                    side * 0.07,\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.43,\r\n                  0.43,\r\n                  0.19,\r\n                  baseMaterials.bearing,\r\n                  \"regulation\",\r\n                  outerFaceX +\r\n                    side * 0.14,\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              machine.add(\r\n                createCylinderX(\r\n                  0.315,\r\n                  0.315,\r\n                  0.2,\r\n                  baseMaterials.dial,\r\n                  \"regulation\",\r\n                  outerFaceX +\r\n                    side * 0.2,\r\n                  rollerBaseHeight,\r\n                  0\r\n                )\r\n              );\r\n\r\n              const boltRadius = 0.515;\r\n\r\n              for (\r\n                let index = 0;\r\n                index < 10;\r\n                index += 1\r\n              ) {\r\n                const angle =\r\n                  (index \/ 10) *\r\n                  Math.PI *\r\n                  2;\r\n\r\n                const boltY =\r\n                  rollerBaseHeight +\r\n                  Math.cos(angle) *\r\n                    boltRadius;\r\n\r\n                const boltZ =\r\n                  Math.sin(angle) *\r\n                  boltRadius;\r\n\r\n                machine.add(\r\n                  createCylinderX(\r\n                    0.037,\r\n                    0.037,\r\n                    0.08,\r\n                    baseMaterials.bearing,\r\n                    \"regulation\",\r\n                    outerFaceX +\r\n                      side * 0.235,\r\n                    boltY,\r\n                    boltZ,\r\n                    18\r\n                  )\r\n                );\r\n              }\r\n\r\n              const corners = [\r\n                [0.58, 0.65],\r\n                [0.58, -0.65],\r\n                [-0.58, 0.65],\r\n                [-0.58, -0.65]\r\n              ];\r\n\r\n              corners.forEach(\r\n                ([yOffset, zOffset]) => {\r\n                  machine.add(\r\n                    createCylinderX(\r\n                      0.045,\r\n                      0.045,\r\n                      0.09,\r\n                      baseMaterials.steelDark,\r\n                      \"housing\",\r\n                      outerFaceX +\r\n                        side * 0.255,\r\n                      1.05 + yOffset,\r\n                      zOffset,\r\n                      18\r\n                    )\r\n                  );\r\n                }\r\n              );\r\n\r\n              const triangleGeometry =\r\n                new THREE.BufferGeometry();\r\n\r\n              const triangleX =\r\n                outerFaceX +\r\n                side * 0.31;\r\n\r\n              const vertices =\r\n                new Float32Array([\r\n                  triangleX,\r\n                  rollerBaseHeight + 0.09,\r\n                  -0.13,\r\n\r\n                  triangleX,\r\n                  rollerBaseHeight + 0.09,\r\n                  0.13,\r\n\r\n                  triangleX,\r\n                  rollerBaseHeight - 0.09,\r\n                  0\r\n                ]);\r\n\r\n              triangleGeometry.setAttribute(\r\n                \"position\",\r\n                new THREE.BufferAttribute(\r\n                  vertices,\r\n                  3\r\n                )\r\n              );\r\n\r\n              triangleGeometry\r\n                .computeVertexNormals();\r\n\r\n              const triangle =\r\n                new THREE.Mesh(\r\n                  triangleGeometry,\r\n                  clonePartMaterial(\r\n                    baseMaterials.red,\r\n                    \"regulation\"\r\n                  )\r\n                );\r\n\r\n              registerMesh(\r\n                triangle,\r\n                \"regulation\"\r\n              );\r\n\r\n              machine.add(triangle);\r\n\r\n              [-0.84, 0.84].forEach(\r\n                (z) => {\r\n                  machine.add(\r\n                    createCylinderX(\r\n                      0.055,\r\n                      0.055,\r\n                      0.1,\r\n                      baseMaterials.steelDark,\r\n                      \"housing\",\r\n                      housingX +\r\n                        side * 0.57,\r\n                      0.18,\r\n                      z,\r\n                      18\r\n                    )\r\n                  );\r\n                }\r\n              );\r\n            }\r\n\r\n            buildBearingHousing(-1);\r\n            buildBearingHousing(1);\r\n\r\n            \/* ===============================================\r\n               POD\u0141O\u017bE\r\n            =============================================== *\/\r\n\r\n            const floor =\r\n              new THREE.Mesh(\r\n                new THREE.PlaneGeometry(\r\n                  34,\r\n                  22\r\n                ),\r\n                new THREE.MeshStandardMaterial({\r\n                  color: 0x0a253d,\r\n                  roughness: 0.96,\r\n                  metalness: 0,\r\n                  transparent: true,\r\n                  opacity: 0.55\r\n                })\r\n              );\r\n\r\n            floor.rotation.x =\r\n              -Math.PI \/ 2;\r\n\r\n            floor.position.y = -0.04;\r\n            floor.receiveShadow = true;\r\n\r\n            scene.add(floor);\r\n\r\n            const contactShadow =\r\n              new THREE.Mesh(\r\n                new THREE.CircleGeometry(\r\n                  6.5,\r\n                  80\r\n                ),\r\n                new THREE.MeshBasicMaterial({\r\n                  color: 0x000000,\r\n                  transparent: true,\r\n                  opacity: 0.18,\r\n                  depthWrite: false\r\n                })\r\n              );\r\n\r\n            contactShadow.scale.set(\r\n              1,\r\n              0.22,\r\n              1\r\n            );\r\n\r\n            contactShadow.rotation.x =\r\n              -Math.PI \/ 2;\r\n\r\n            contactShadow.position.set(\r\n              0,\r\n              0.005,\r\n              0\r\n            );\r\n\r\n            scene.add(contactShadow);\r\n\r\n            \/* ===============================================\r\n               POD\u015aWIETLENIE ELEMENT\u00d3W\r\n            =============================================== *\/\r\n\r\n            function applyHighlight() {\r\n              const axisSelected =\r\n                selectedParts.has(\"axis\");\r\n\r\n              Object.entries(\r\n                partMeshes\r\n              ).forEach(\r\n                ([part, meshes]) => {\r\n                  const active =\r\n                    selectedParts.has(part);\r\n\r\n                  meshes.forEach(\r\n                    (mesh) => {\r\n                      const materials =\r\n                        Array.isArray(\r\n                          mesh.material\r\n                        )\r\n                          ? mesh.material\r\n                          : [mesh.material];\r\n\r\n                      materials.forEach(\r\n                        (material) => {\r\n                          if (!material) {\r\n                            return;\r\n                          }\r\n\r\n                          material.opacity =\r\n                            axisSelected\r\n                              ? 0.28\r\n                              : active\r\n                                ? 1\r\n                                : 0.58;\r\n\r\n                          if (\r\n                            material.emissive\r\n                          ) {\r\n                            material.emissive\r\n                              .setHex(\r\n                                active\r\n                                  ? 0x6f0704\r\n                                  : 0x000000\r\n                              );\r\n\r\n                            material\r\n                              .emissiveIntensity =\r\n                                active\r\n                                  ? 0.72\r\n                                  : 0;\r\n                          }\r\n                        }\r\n                      );\r\n                    }\r\n                  );\r\n                }\r\n              );\r\n\r\n              if (axisLine?.material) {\r\n                axisLine.material.opacity =\r\n                  axisSelected\r\n                    ? 0.98\r\n                    : 0.2;\r\n\r\n                axisLine.material.color\r\n                  .setHex(\r\n                    axisSelected\r\n                      ? 0xff4f49\r\n                      : 0xc7d7e2\r\n                  );\r\n              }\r\n            }\r\n\r\n            \/* ===============================================\r\n               KAMERA\r\n            =============================================== *\/\r\n\r\n            let cameraAnimationFrame =\r\n              null;\r\n\r\n            function moveCamera(\r\n              positionValues,\r\n              targetValues\r\n            ) {\r\n              if (cameraAnimationFrame) {\r\n                cancelAnimationFrame(\r\n                  cameraAnimationFrame\r\n                );\r\n              }\r\n\r\n              const startPosition =\r\n                camera.position.clone();\r\n\r\n              const startTarget =\r\n                controls.target.clone();\r\n\r\n              const endPosition =\r\n                new THREE.Vector3(\r\n                  ...positionValues\r\n                );\r\n\r\n              const endTarget =\r\n                new THREE.Vector3(\r\n                  ...targetValues\r\n                );\r\n\r\n              const startTime =\r\n                performance.now();\r\n\r\n              const duration =\r\n                reducedMotion\r\n                  ? 1\r\n                  : 720;\r\n\r\n              controls.enabled = false;\r\n\r\n              function updateCamera(time) {\r\n                const progress =\r\n                  Math.min(\r\n                    1,\r\n                    (time - startTime) \/\r\n                      duration\r\n                  );\r\n\r\n                const eased =\r\n                  1 -\r\n                  Math.pow(\r\n                    1 - progress,\r\n                    3\r\n                  );\r\n\r\n                camera.position\r\n                  .lerpVectors(\r\n                    startPosition,\r\n                    endPosition,\r\n                    eased\r\n                  );\r\n\r\n                controls.target\r\n                  .lerpVectors(\r\n                    startTarget,\r\n                    endTarget,\r\n                    eased\r\n                  );\r\n\r\n                camera.lookAt(\r\n                  controls.target\r\n                );\r\n\r\n                if (progress < 1) {\r\n                  cameraAnimationFrame =\r\n                    requestAnimationFrame(\r\n                      updateCamera\r\n                    );\r\n                } else {\r\n                  controls.enabled = true;\r\n                  cameraAnimationFrame =\r\n                    null;\r\n                }\r\n              }\r\n\r\n              cameraAnimationFrame =\r\n                requestAnimationFrame(\r\n                  updateCamera\r\n                );\r\n            }\r\n\r\n            function updateAutoButton() {\r\n              autoButton.classList.toggle(\r\n                \"is-active\",\r\n                controls.autoRotate\r\n              );\r\n\r\n              autoButton.setAttribute(\r\n                \"aria-pressed\",\r\n                String(\r\n                  controls.autoRotate\r\n                )\r\n              );\r\n            }\r\n\r\n            function setAutoRotate(\r\n              active\r\n            ) {\r\n              controls.autoRotate =\r\n                active &&\r\n                !reducedMotion;\r\n\r\n              updateAutoButton();\r\n            }\r\n\r\n            \/* ===============================================\r\n               WYB\u00d3R ELEMENTU\r\n            =============================================== *\/\r\n\r\n            function selectDetail(\r\n              index,\r\n              moveView = true\r\n            ) {\r\n              const detail =\r\n                details[index];\r\n\r\n              if (!detail) {\r\n                return;\r\n              }\r\n\r\n              selectedParts =\r\n                new Set(\r\n                  detail.parts\r\n                );\r\n\r\n              applyHighlight();\r\n              setAutoRotate(false);\r\n\r\n              pointButtons.forEach(\r\n                (button) => {\r\n                  const active =\r\n                    Number(\r\n                      button.dataset\r\n                        .wb6Detail\r\n                    ) === index;\r\n\r\n                  button.classList.toggle(\r\n                    \"is-active\",\r\n                    active\r\n                  );\r\n\r\n                  button.setAttribute(\r\n                    \"aria-pressed\",\r\n                    active\r\n                      ? \"true\"\r\n                      : \"false\"\r\n                  );\r\n                }\r\n              );\r\n\r\n              selectedNumber.textContent =\r\n                `Wybrany element ${\r\n                  String(index + 1)\r\n                    .padStart(2, \"0\")\r\n                } \/ 06`;\r\n\r\n              selectedTitle.textContent =\r\n                detail.title;\r\n\r\n              selectedDescription\r\n                .textContent =\r\n                  detail.description;\r\n\r\n              selectedNote.textContent =\r\n                detail.note;\r\n\r\n              modelDetail.textContent =\r\n                detail.model;\r\n\r\n              if (moveView) {\r\n                moveCamera(\r\n                  detail.camera,\r\n                  detail.target\r\n                );\r\n              }\r\n            }\r\n\r\n            pointButtons.forEach(\r\n              (button) => {\r\n                button.addEventListener(\r\n                  \"click\",\r\n                  () => {\r\n                    selectDetail(\r\n                      Number(\r\n                        button.dataset\r\n                          .wb6Detail\r\n                      )\r\n                    );\r\n                  }\r\n                );\r\n              }\r\n            );\r\n\r\n            \/* ===============================================\r\n               KONTROLKI\r\n            =============================================== *\/\r\n\r\n            zoomInButton.addEventListener(\r\n              \"click\",\r\n              () => {\r\n                camera.position.lerp(\r\n                  controls.target,\r\n                  0.13\r\n                );\r\n              }\r\n            );\r\n\r\n            zoomOutButton.addEventListener(\r\n              \"click\",\r\n              () => {\r\n                const direction =\r\n                  camera.position\r\n                    .clone()\r\n                    .sub(\r\n                      controls.target\r\n                    )\r\n                    .multiplyScalar(\r\n                      1.13\r\n                    );\r\n\r\n                camera.position.copy(\r\n                  controls.target\r\n                    .clone()\r\n                    .add(direction)\r\n                );\r\n              }\r\n            );\r\n\r\n            resetButton.addEventListener(\r\n              \"click\",\r\n              () => {\r\n                bendInput.value =\r\n                  \"0.36\";\r\n\r\n                updateBendOutput();\r\n\r\n                buildCurvedRoller(\r\n                  Number.parseFloat(\r\n                    bendInput.value\r\n                  )\r\n                );\r\n\r\n                selectDetail(\r\n                  0,\r\n                  false\r\n                );\r\n\r\n                moveCamera(\r\n                  defaultCameraPosition\r\n                    .toArray(),\r\n                  defaultTarget\r\n                    .toArray()\r\n                );\r\n\r\n                setAutoRotate(\r\n                  !reducedMotion\r\n                );\r\n              }\r\n            );\r\n\r\n            autoButton.addEventListener(\r\n              \"click\",\r\n              () => {\r\n                setAutoRotate(\r\n                  !controls.autoRotate\r\n                );\r\n              }\r\n            );\r\n\r\n            controls.addEventListener(\r\n              \"start\",\r\n              () => {\r\n                if (\r\n                  controls.autoRotate\r\n                ) {\r\n                  setAutoRotate(false);\r\n                }\r\n              }\r\n            );\r\n\r\n            \/* ===============================================\r\n               SUWAK UGI\u0118CIA\r\n            =============================================== *\/\r\n\r\n            let bendFrame = null;\r\n\r\n            function updateBendOutput() {\r\n              const value =\r\n                Number.parseFloat(\r\n                  bendInput.value\r\n                );\r\n\r\n              const minimum =\r\n                Number.parseFloat(\r\n                  bendInput.min\r\n                );\r\n\r\n              const maximum =\r\n                Number.parseFloat(\r\n                  bendInput.max\r\n                );\r\n\r\n              const percentage =\r\n                Math.round(\r\n                  ((value - minimum) \/\r\n                    (maximum -\r\n                      minimum)) *\r\n                    100\r\n                );\r\n\r\n              bendOutput.textContent =\r\n                `${percentage}%`;\r\n            }\r\n\r\n            bendInput.addEventListener(\r\n              \"input\",\r\n              () => {\r\n                updateBendOutput();\r\n\r\n                if (bendFrame) {\r\n                  cancelAnimationFrame(\r\n                    bendFrame\r\n                  );\r\n                }\r\n\r\n                bendFrame =\r\n                  requestAnimationFrame(\r\n                    () => {\r\n                      buildCurvedRoller(\r\n                        Number.parseFloat(\r\n                          bendInput.value\r\n                        )\r\n                      );\r\n\r\n                      bendFrame = null;\r\n                    }\r\n                  );\r\n              }\r\n            );\r\n\r\n            updateBendOutput();\r\n            updateAutoButton();\r\n\r\n            \/* ===============================================\r\n               RESPONSYWNO\u015a\u0106\r\n            =============================================== *\/\r\n\r\n            function resizeRenderer() {\r\n              const width =\r\n                Math.max(\r\n                  viewport.clientWidth,\r\n                  1\r\n                );\r\n\r\n              const height =\r\n                Math.max(\r\n                  viewport.clientHeight,\r\n                  1\r\n                );\r\n\r\n              renderer.setSize(\r\n                width,\r\n                height,\r\n                false\r\n              );\r\n\r\n              camera.aspect =\r\n                width \/ height;\r\n\r\n              camera\r\n                .updateProjectionMatrix();\r\n            }\r\n\r\n            const resizeObserver =\r\n              new ResizeObserver(\r\n                resizeRenderer\r\n              );\r\n\r\n            resizeObserver.observe(\r\n              viewport\r\n            );\r\n\r\n            resizeRenderer();\r\n\r\n            \/* ===============================================\r\n               WIDOCZNO\u015a\u0106 I RENDEROWANIE\r\n            =============================================== *\/\r\n\r\n            let visible = true;\r\n\r\n            if (\r\n              \"IntersectionObserver\"\r\n                in window\r\n            ) {\r\n              const observer =\r\n                new IntersectionObserver(\r\n                  (entries) => {\r\n                    visible =\r\n                      entries[0]\r\n                        .isIntersecting;\r\n                  },\r\n                  {\r\n                    threshold: 0.01\r\n                  }\r\n                );\r\n\r\n              observer.observe(section);\r\n            }\r\n\r\n            let animationFrame = null;\r\n            let firstFrame = true;\r\n\r\n            function animate() {\r\n              if (\r\n                !section.isConnected\r\n              ) {\r\n                if (animationFrame) {\r\n                  cancelAnimationFrame(\r\n                    animationFrame\r\n                  );\r\n                }\r\n\r\n                resizeObserver\r\n                  .disconnect();\r\n\r\n                renderer.dispose();\r\n                return;\r\n              }\r\n\r\n              if (visible) {\r\n                controls.update();\r\n\r\n                renderer.render(\r\n                  scene,\r\n                  camera\r\n                );\r\n\r\n                if (firstFrame) {\r\n                  firstFrame = false;\r\n\r\n                  requestAnimationFrame(\r\n                    () => {\r\n                      loading.classList\r\n                        .add(\"is-hidden\");\r\n                    }\r\n                  );\r\n                }\r\n              }\r\n\r\n              animationFrame =\r\n                requestAnimationFrame(\r\n                  animate\r\n                );\r\n            }\r\n\r\n            selectDetail(0, false);\r\n            setAutoRotate(\r\n              !reducedMotion\r\n            );\r\n\r\n            animate();\r\n\r\n            \/* ===============================================\r\n               LINKI WEWN\u0118TRZNE\r\n            =============================================== *\/\r\n\r\n            section\r\n              .querySelectorAll(\r\n                'a[href^=\"#\"]'\r\n              )\r\n              .forEach((link) => {\r\n                link.addEventListener(\r\n                  \"click\",\r\n                  (event) => {\r\n                    const selector =\r\n                      link.getAttribute(\r\n                        \"href\"\r\n                      );\r\n\r\n                    const target =\r\n                      selector\r\n                        ? document\r\n                            .querySelector(\r\n                              selector\r\n                            )\r\n                        : null;\r\n\r\n                    if (!target) {\r\n                      return;\r\n                    }\r\n\r\n                    event.preventDefault();\r\n\r\n                    target.scrollIntoView({\r\n                      behavior:\r\n                        reducedMotion\r\n                          ? \"auto\"\r\n                          : \"smooth\",\r\n                      block: \"start\"\r\n                    });\r\n                  }\r\n                );\r\n              });\r\n          } catch (error) {\r\n            console.error(\r\n              \"B\u0142\u0105d modelu 3D wa\u0142u bananowego:\",\r\n              error\r\n            );\r\n\r\n            loading.classList.add(\r\n              \"is-error\"\r\n            );\r\n\r\n            loadingText.textContent =\r\n              \"Nie uda\u0142o si\u0119 uruchomi\u0107 modelu 3D\";\r\n          }\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c4e3ff elementor-widget elementor-widget-html\" data-id=\"0c4e3ff\" 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 WA\u0141Y BANANOWE\r\n     BLOK 7: GUMA CZY POLIURETAN\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-surface\"\r\n  id=\"powierzchnia-walu-bananowego\"\r\n  aria-labelledby=\"prx-wb-v2-surface-title\"\r\n  data-prx-wb-v2-surface\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I OCHRONA PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface,\r\n    .prx-wb-v2-surface *,\r\n    .prx-wb-v2-surface *::before,\r\n    .prx-wb-v2-surface *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-surface {\r\n      --wb7-navy-950: #031321;\r\n      --wb7-navy-900: #061b30;\r\n      --wb7-navy-800: #092d49;\r\n      --wb7-navy-700: #0d456d;\r\n      --wb7-blue: #2479a8;\r\n      --wb7-red: #e10600;\r\n      --wb7-red-dark: #bd0000;\r\n      --wb7-white: #ffffff;\r\n      --wb7-bg: #f3f6f8;\r\n      --wb7-bg-soft: #f8fafb;\r\n      --wb7-text: #425a6d;\r\n      --wb7-muted: #748797;\r\n      --wb7-border: #d9e3ea;\r\n      --wb7-rubber: #171b20;\r\n      --wb7-rubber-soft: #3b4249;\r\n      --wb7-poly: #cf9317;\r\n      --wb7-poly-light: #f2c35e;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(84px, 8vw, 120px) 24px;\r\n      scroll-margin-top: 90px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 7% 11%,\r\n          rgba(36, 121, 168, 0.09),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 94% 87%,\r\n          rgba(225, 6, 0, 0.04),\r\n          transparent 24%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #ffffff 0%,\r\n          var(--wb7-bg) 100%\r\n        );\r\n\r\n      color: var(--wb7-navy-950) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-surface h2,\r\n    .prx-wb-v2-surface h3,\r\n    .prx-wb-v2-surface p,\r\n    .prx-wb-v2-surface span,\r\n    .prx-wb-v2-surface strong,\r\n    .prx-wb-v2-surface button,\r\n    .prx-wb-v2-surface a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n      font: inherit;\r\n      text-transform: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v2-surface a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DEKORACJE T\u0141A\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: -330px;\r\n      right: -285px;\r\n      width: 760px;\r\n      height: 760px;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 82px rgba(3, 19, 33, 0.013),\r\n        0 0 0 168px rgba(3, 19, 33, 0.008);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-surface::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      bottom: -110px;\r\n      left: -40px;\r\n      width: 560px;\r\n      height: 360px;\r\n      opacity: 0.4;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 42px 42px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 35%,\r\n          transparent 92%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 35%,\r\n          transparent 92%\r\n        );\r\n\r\n      transform: rotate(5deg);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-surface__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1240px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.92fr)\r\n        minmax(350px, 0.65fr);\r\n      align-items: end;\r\n      gap: clamp(45px, 7vw, 100px);\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: var(--wb7-red) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.25px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb7-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-surface__title {\r\n      max-width: 780px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb7-navy-950) !important;\r\n      font-size: clamp(38px, 4.1vw, 60px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.07 !important;\r\n      letter-spacing: -2px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-surface__title strong {\r\n      color: var(--wb7-red) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__intro {\r\n      position: relative;\r\n      margin: 0 0 3px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb7-text) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb7-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-surface__intro strong {\r\n      color: var(--wb7-navy-950) !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MODU\u0141 G\u0141\u00d3WNY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__workspace {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.22fr)\r\n        minmax(335px, 0.78fr);\r\n      align-items: stretch;\r\n      gap: 20px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WIZUALIZACJA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__visual {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid var(--wb7-border);\r\n      border-radius: 22px;\r\n      background: #ffffff;\r\n\r\n      box-shadow:\r\n        0 24px 58px rgba(3, 19, 33, 0.08),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.65s ease,\r\n        transform 0.65s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-visible\r\n      .prx-wb-v2-surface__visual {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-surface__visual-head {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 24px;\r\n      padding: 27px 29px;\r\n\r\n      border-bottom: 1px solid var(--wb7-border);\r\n      background: #f8fafb;\r\n    }\r\n\r\n    .prx-wb-v2-surface__visual-kicker {\r\n      display: block;\r\n      margin: 0 0 6px;\r\n\r\n      color: var(--wb7-red) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__visual-title {\r\n      display: block;\r\n\r\n      color: var(--wb7-navy-950) !important;\r\n      font-size: clamp(21px, 2vw, 28px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: -0.55px !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__visual-status {\r\n      display: inline-flex;\r\n      flex: 0 0 auto;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid #d7e1e8;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n\r\n      color: var(--wb7-navy-700) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.65px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__visual-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb7-red);\r\n    }\r\n\r\n    \/* =========================================================\r\n       SCENA WA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__stage {\r\n      position: relative;\r\n      min-height: 455px;\r\n      overflow: hidden;\r\n      margin: 18px;\r\n      border-radius: 17px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 42%,\r\n          rgba(39, 122, 168, 0.2),\r\n          transparent 39%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #071b2d,\r\n          #0a3859\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.28;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.05) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.05) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 40px 40px;\r\n\r\n      -webkit-mask-image:\r\n        radial-gradient(\r\n          circle,\r\n          #000 5%,\r\n          transparent 78%\r\n        );\r\n\r\n      mask-image:\r\n        radial-gradient(\r\n          circle,\r\n          #000 5%,\r\n          transparent 78%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage-label {\r\n      position: absolute;\r\n      z-index: 7;\r\n      top: 17px;\r\n      left: 17px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 8px;\r\n      background: rgba(3, 19, 33, 0.72);\r\n\r\n      color: #dce9f1 !important;\r\n      font-size: 9px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.65px !important;\r\n      text-transform: uppercase;\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage-label::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb7-red);\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage svg {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    \/* =========================================================\r\n       SVG WA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__shadow {\r\n      fill: none;\r\n      stroke: rgba(0, 0, 0, 0.35);\r\n      stroke-width: 76;\r\n      stroke-linecap: round;\r\n      filter: blur(7px);\r\n    }\r\n\r\n    .prx-wb-v2-surface__roller {\r\n      fill: none;\r\n      stroke: url(\"#prxWbV2SurfaceRubber\");\r\n      stroke-width: 64;\r\n      stroke-linecap: round;\r\n\r\n      filter:\r\n        drop-shadow(0 15px 18px rgba(0, 0, 0, 0.34));\r\n\r\n      transition:\r\n        stroke 0.35s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-poly\r\n      .prx-wb-v2-surface__roller {\r\n      stroke: url(\"#prxWbV2SurfacePoly\");\r\n    }\r\n\r\n    .prx-wb-v2-surface__roller-light {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.34);\r\n      stroke-width: 7;\r\n      stroke-linecap: round;\r\n\r\n      transition:\r\n        stroke 0.35s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-poly\r\n      .prx-wb-v2-surface__roller-light {\r\n      stroke: rgba(255, 244, 203, 0.53);\r\n    }\r\n\r\n    .prx-wb-v2-surface__axis {\r\n      fill: none;\r\n      stroke: #ff4c46;\r\n      stroke-width: 2.5;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 9 9;\r\n\r\n      opacity: 0.75;\r\n\r\n      filter:\r\n        drop-shadow(0 0 5px rgba(225, 6, 0, 0.58));\r\n\r\n      animation:\r\n        prxWbV2SurfaceAxis 3s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-surface__steel {\r\n      fill: url(\"#prxWbV2SurfaceSteel\");\r\n      stroke: rgba(255, 255, 255, 0.34);\r\n      stroke-width: 1.2;\r\n    }\r\n\r\n    .prx-wb-v2-surface__housing {\r\n      fill: url(\"#prxWbV2SurfaceHousing\");\r\n      stroke: rgba(255, 255, 255, 0.25);\r\n      stroke-width: 1.2;\r\n    }\r\n\r\n    .prx-wb-v2-surface__bearing {\r\n      fill: #27363f;\r\n      stroke: #9cabb4;\r\n      stroke-width: 2;\r\n    }\r\n\r\n    .prx-wb-v2-surface__bolt {\r\n      fill: #dbe4e9;\r\n      stroke: #667985;\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .prx-wb-v2-surface__surface-marker {\r\n      fill: var(--wb7-red);\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n\r\n      filter:\r\n        drop-shadow(0 0 7px rgba(225, 6, 0, 0.72));\r\n    }\r\n\r\n    .prx-wb-v2-surface__callout-line {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.42);\r\n      stroke-width: 1.5;\r\n      stroke-dasharray: 5 7;\r\n    }\r\n\r\n    .prx-wb-v2-surface__callout-box {\r\n      fill: rgba(3, 19, 33, 0.82);\r\n      stroke: rgba(255, 255, 255, 0.14);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .prx-wb-v2-surface__callout-title {\r\n      fill: #ffffff;\r\n      font-family: Arial, sans-serif;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .prx-wb-v2-surface__callout-text {\r\n      fill: #a8bfcd;\r\n      font-family: Arial, sans-serif;\r\n      font-size: 10px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ODCZYT POD MODELEM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__stage-bottom {\r\n      position: absolute;\r\n      z-index: 7;\r\n      right: 17px;\r\n      bottom: 17px;\r\n      left: 17px;\r\n\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage-box {\r\n      min-width: 0;\r\n      padding: 12px 13px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 9px;\r\n      background: rgba(3, 19, 33, 0.75);\r\n\r\n      -webkit-backdrop-filter: blur(10px);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage-box span {\r\n      display: block;\r\n      margin: 0 0 4px;\r\n\r\n      color: #7e9bae !important;\r\n      font-size: 8.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__stage-box strong {\r\n      display: block;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 12px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PRZE\u0141\u0104CZNIK MATERIA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__switcher {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 8px;\r\n      padding: 0 29px 29px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-button {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns:\r\n        43px minmax(0, 1fr) 20px;\r\n      align-items: center;\r\n      gap: 12px;\r\n      min-height: 66px;\r\n      padding: 10px 13px;\r\n\r\n      border: 1px solid var(--wb7-border) !important;\r\n      border-radius: 11px;\r\n      outline: none;\r\n\r\n      background: #f7f9fb !important;\r\n      color: var(--wb7-navy-950) !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.22s ease,\r\n        background-color 0.22s ease,\r\n        border-color 0.22s ease,\r\n        transform 0.22s ease,\r\n        box-shadow 0.22s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-button:hover {\r\n      border-color: #bfcdd7 !important;\r\n      background: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-button.is-active {\r\n      border-color: var(--wb7-navy-950) !important;\r\n      background: var(--wb7-navy-950) !important;\r\n      color: #ffffff !important;\r\n\r\n      box-shadow:\r\n        0 13px 29px rgba(3, 19, 33, 0.15);\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-sample {\r\n      position: relative;\r\n      display: inline-block;\r\n      width: 43px;\r\n      height: 43px;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.11);\r\n      border-radius: 10px;\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.48);\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-sample--rubber {\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.26),\r\n          transparent 32%,\r\n          rgba(0, 0, 0, 0.2) 80%,\r\n          rgba(255, 255, 255, 0.18)\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #3a4148,\r\n          #11151a 58%,\r\n          #30363d\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-sample--rubber::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.22;\r\n\r\n      background-image:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(255, 255, 255, 0.38) 0 1px,\r\n          transparent 1.5px\r\n        );\r\n\r\n      background-size: 7px 7px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-sample--poly {\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.45),\r\n          transparent 30%,\r\n          rgba(96, 51, 0, 0.18) 78%,\r\n          rgba(255, 255, 255, 0.35)\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #f4cf70,\r\n          #c98b13 58%,\r\n          #eab847\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-sample--poly::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -20px;\r\n      left: -15px;\r\n      width: 20px;\r\n      height: 90px;\r\n\r\n      background:\r\n        rgba(255, 255, 255, 0.23);\r\n\r\n      transform: rotate(26deg);\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-text strong {\r\n      display: block;\r\n      margin: 0 0 3px;\r\n\r\n      color: inherit !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-text span {\r\n      display: block;\r\n\r\n      color: var(--wb7-muted) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 650 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-button.is-active\r\n      .prx-wb-v2-surface__material-text span {\r\n      color: #a9bdcb !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-arrow {\r\n      position: relative;\r\n      width: 18px;\r\n      height: 18px;\r\n      color: #7c92a2 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-arrow::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 8px;\r\n      left: 2px;\r\n      width: 11px;\r\n      height: 2px;\r\n\r\n      border-radius: 99px;\r\n      background: currentColor;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-arrow::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      right: 2px;\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      border-top: 2px solid currentColor;\r\n      border-right: 2px solid currentColor;\r\n\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-button.is-active\r\n      .prx-wb-v2-surface__material-arrow {\r\n      color: #ff6863 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__material-button:focus-visible {\r\n      outline: 3px solid rgba(3, 19, 33, 0.45);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL OPISU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__decision {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 30px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 21px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(36, 121, 168, 0.28),\r\n          transparent 34%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          var(--wb7-navy-950),\r\n          var(--wb7-navy-900) 58%,\r\n          var(--wb7-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 25px 57px rgba(3, 19, 33, 0.17),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n\r\n      transition:\r\n        opacity 0.65s ease 0.1s,\r\n        transform 0.65s ease 0.1s;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-visible\r\n      .prx-wb-v2-surface__decision {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-surface__decision::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 30px;\r\n      width: 76px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb7-red);\r\n    }\r\n\r\n    .prx-wb-v2-surface__decision::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -120px;\r\n      bottom: -130px;\r\n      width: 290px;\r\n      height: 290px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 45px rgba(255, 255, 255, 0.012),\r\n        0 0 0 92px rgba(255, 255, 255, 0.007);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-surface__decision > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-surface__decision-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ff6964 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__decision h3 {\r\n      margin: 0 0 12px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(26px, 2.3vw, 34px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.15 !important;\r\n      letter-spacing: -0.8px !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__decision-description {\r\n      min-height: 88px;\r\n      margin: 0 !important;\r\n\r\n      color: #aebfcd !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       STATUS WYBRANEGO MATERIA\u0141U\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__selected {\r\n      display: grid;\r\n      grid-template-columns:\r\n        46px minmax(0, 1fr);\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-top: 22px;\r\n      padding: 13px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 10px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n    }\r\n\r\n    .prx-wb-v2-surface__selected-sample {\r\n      width: 46px;\r\n      height: 46px;\r\n      overflow: hidden;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      border-radius: 10px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.25),\r\n          transparent 33%,\r\n          rgba(0, 0, 0, 0.21) 80%,\r\n          rgba(255, 255, 255, 0.14)\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #3b4249,\r\n          #11151a 58%,\r\n          #30363d\r\n        );\r\n\r\n      transition: background 0.35s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-poly\r\n      .prx-wb-v2-surface__selected-sample {\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.47),\r\n          transparent 31%,\r\n          rgba(96, 51, 0, 0.2) 80%,\r\n          rgba(255, 255, 255, 0.35)\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #f5cf70,\r\n          #c98912 58%,\r\n          #eab746\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-surface__selected span {\r\n      display: block;\r\n      margin: 0 0 3px;\r\n\r\n      color: #7e9bad !important;\r\n      font-size: 8.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.7px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__selected strong {\r\n      display: block;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       KRYTERIA DOBORU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__criteria-title {\r\n      display: block;\r\n      margin: 23px 0 12px;\r\n\r\n      color: #7f9bad !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.9px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-surface__criteria {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 8px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__criterion {\r\n      position: relative;\r\n      min-width: 0;\r\n      padding: 11px 10px 11px 28px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 8px;\r\n      background: rgba(255, 255, 255, 0.04);\r\n\r\n      color: #c0d0dc !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__criterion::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 15px;\r\n      left: 11px;\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb7-red);\r\n    }\r\n\r\n    \/* =========================================================\r\n       ZASADA DOBORU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__rule {\r\n      margin-top: 21px;\r\n      padding-top: 20px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v2-surface__rule strong {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 14px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__rule p {\r\n      margin: 0 !important;\r\n\r\n      color: #9db3c2 !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.58 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PROCES DECYZJI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__process {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__process-card {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 23px 20px;\r\n\r\n      border: 1px solid var(--wb7-border);\r\n      border-radius: 16px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n\r\n      box-shadow:\r\n        0 13px 32px rgba(3, 19, 33, 0.05),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n\r\n      transition:\r\n        opacity 0.55s ease,\r\n        transform 0.55s ease,\r\n        border-color 0.24s ease,\r\n        box-shadow 0.24s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-visible\r\n      .prx-wb-v2-surface__process-card {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-visible\r\n      .prx-wb-v2-surface__process-card:nth-child(2) {\r\n      transition-delay: 0.07s;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-visible\r\n      .prx-wb-v2-surface__process-card:nth-child(3) {\r\n      transition-delay: 0.14s;\r\n    }\r\n\r\n    .prx-wb-v2-surface.is-visible\r\n      .prx-wb-v2-surface__process-card:nth-child(4) {\r\n      transition-delay: 0.21s;\r\n    }\r\n\r\n    .prx-wb-v2-surface__process-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      left: 0;\r\n      height: 3px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--wb7-red),\r\n          rgba(225, 6, 0, 0)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-surface__process-number {\r\n      display: inline-flex;\r\n      width: 34px;\r\n      height: 34px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 15px;\r\n\r\n      border: 1px solid rgba(225, 6, 0, 0.15);\r\n      border-radius: 9px;\r\n      background: rgba(225, 6, 0, 0.07);\r\n\r\n      color: var(--wb7-red) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 900 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__process-card strong {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: var(--wb7-navy-950) !important;\r\n      font-size: 15px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__process-card p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb7-text) !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.57 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-surface__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n      align-items: center;\r\n      gap: 35px;\r\n      overflow: hidden;\r\n      margin-top: 27px;\r\n      padding: 31px 34px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 18px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 20%,\r\n          rgba(39, 122, 168, 0.3),\r\n          transparent 31%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--wb7-navy-950),\r\n          var(--wb7-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 22px 49px rgba(3, 19, 33, 0.15);\r\n    }\r\n\r\n    .prx-wb-v2-surface__cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -145px;\r\n      right: 11%;\r\n      width: 290px;\r\n      height: 290px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 46px rgba(255, 255, 255, 0.012);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-surface__cta-copy,\r\n    .prx-wb-v2-surface__cta-actions {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-surface__cta strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(21px, 2.1vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.24 !important;\r\n      letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__cta p {\r\n      max-width: 710px;\r\n      margin: 0 !important;\r\n\r\n      color: #afc2d0 !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-surface__button {\r\n      display: inline-flex;\r\n      min-height: 52px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 13px 19px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.23s ease,\r\n        border-color 0.23s ease,\r\n        background-color 0.23s ease,\r\n        box-shadow 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface__button--primary {\r\n      border-color: var(--wb7-red) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--wb7-red-dark)\r\n        ) !important;\r\n\r\n      box-shadow:\r\n        0 12px 28px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-wb-v2-surface__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.21) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__button span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-surface__button:hover {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-surface__button--primary:hover {\r\n      box-shadow:\r\n        0 16px 35px rgba(225, 6, 0, 0.32);\r\n    }\r\n\r\n    .prx-wb-v2-surface__button--secondary:hover {\r\n      border-color: rgba(255, 255, 255, 0.41) !important;\r\n      background: rgba(255, 255, 255, 0.12) !important;\r\n    }\r\n\r\n    .prx-wb-v2-surface__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-surface__button:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2SurfaceAxis {\r\n      to {\r\n        stroke-dashoffset: -36;\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-surface__process-card:hover {\r\n        border-color: #c4d2dc;\r\n\r\n        box-shadow:\r\n          0 20px 43px rgba(3, 19, 33, 0.09),\r\n          inset 0 1px 0 #ffffff;\r\n\r\n        transform: translateY(-5px);\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v2-surface__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-surface__decision {\r\n        display: grid;\r\n        grid-template-columns:\r\n          minmax(0, 0.82fr)\r\n          minmax(0, 1.18fr);\r\n        gap: 30px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__decision-main {\r\n        padding-right: 30px;\r\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n\r\n      .prx-wb-v2-surface__criteria-title {\r\n        margin-top: 0;\r\n      }\r\n\r\n      .prx-wb-v2-surface__rule {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v2-surface {\r\n        padding: 78px 18px 86px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__process {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v2-surface__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .prx-wb-v2-surface {\r\n        padding-right: 14px;\r\n        padding-left: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__title {\r\n        font-size: clamp(34px, 10vw, 47px) !important;\r\n        letter-spacing: -1.4px !important;\r\n      }\r\n\r\n      .prx-wb-v2-surface__visual-head {\r\n        display: block;\r\n        padding: 24px 21px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__visual-status {\r\n        margin-top: 13px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__stage {\r\n        min-height: 365px;\r\n        margin: 12px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__stage-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-surface__callout-title {\r\n        font-size: 11px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__callout-text {\r\n        font-size: 8px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__switcher {\r\n        grid-template-columns: 1fr;\r\n        padding: 0 21px 24px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__decision {\r\n        display: block;\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__decision-main {\r\n        padding-right: 0;\r\n        padding-bottom: 22px;\r\n\r\n        border-right: 0;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n\r\n      .prx-wb-v2-surface__criteria-title {\r\n        margin-top: 22px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__process {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-surface__cta {\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-surface__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v2-surface__stage {\r\n        min-height: 340px;\r\n      }\r\n\r\n      .prx-wb-v2-surface__criteria {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-surface *,\r\n      .prx-wb-v2-surface *::before,\r\n      .prx-wb-v2-surface *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-surface__visual,\r\n      .prx-wb-v2-surface__decision,\r\n      .prx-wb-v2-surface__process-card {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-surface__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v2-surface__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v2-surface__label\">\r\n          Powierzchnia robocza wa\u0142u\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v2-surface__title\"\r\n          id=\"prx-wb-v2-surface-title\"\r\n        >\r\n          Guma czy poliuretan?\r\n          <strong>Najpierw warunki procesu<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v2-surface__intro\">\r\n        Oba materia\u0142y mog\u0105 by\u0107 rozpatrywane jako powierzchnia robocza\r\n        wa\u0142u bananowego. Decyzji nie nale\u017cy podejmowa\u0107 wy\u0142\u0105cznie\r\n        na podstawie nazwy materia\u0142u. Znaczenie maj\u0105\r\n        <strong>\r\n          w\u0142a\u015bciwo\u015bci prowadzonej wst\u0119gi, napi\u0119cie, pr\u0119dko\u015b\u0107\r\n          oraz \u015brodowisko pracy.\r\n        <\/strong>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         MODU\u0141 POR\u00d3WNAWCZY\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-surface__workspace\">\r\n\r\n      <!-- ===================================================\r\n           WIZUALIZACJA\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-surface__visual\">\r\n\r\n        <div class=\"prx-wb-v2-surface__visual-head\">\r\n\r\n          <div>\r\n\r\n            <span class=\"prx-wb-v2-surface__visual-kicker\">\r\n              Interaktywna prezentacja\r\n            <\/span>\r\n\r\n            <strong\r\n              class=\"prx-wb-v2-surface__visual-title\"\r\n              data-wb7-visual-title\r\n            >\r\n              Wa\u0142 z powierzchni\u0105 gumow\u0105\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"prx-wb-v2-surface__visual-status\">\r\n            Wariant do analizy\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-surface__stage\">\r\n\r\n          <span class=\"prx-wb-v2-surface__stage-label\">\r\n            Pogl\u0105dowy model powierzchni\r\n          <\/span>\r\n\r\n          <svg\r\n            viewBox=\"0 0 920 470\"\r\n            role=\"img\"\r\n            aria-label=\"Wa\u0142 bananowy z wymiennie prezentowan\u0105 powierzchni\u0105 gumow\u0105 lub poliuretanow\u0105\"\r\n          >\r\n            <defs>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2SurfaceRubber\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"0\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#555e66\"><\/stop>\r\n                <stop offset=\"0.18\" stop-color=\"#292f35\"><\/stop>\r\n                <stop offset=\"0.53\" stop-color=\"#11151a\"><\/stop>\r\n                <stop offset=\"0.83\" stop-color=\"#252b31\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#5a636a\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2SurfacePoly\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"0\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#f7d77d\"><\/stop>\r\n                <stop offset=\"0.2\" stop-color=\"#dca129\"><\/stop>\r\n                <stop offset=\"0.55\" stop-color=\"#b97509\"><\/stop>\r\n                <stop offset=\"0.83\" stop-color=\"#d99b20\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#f4ce69\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2SurfaceSteel\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"1\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#677d8d\"><\/stop>\r\n                <stop offset=\"0.28\" stop-color=\"#e4ebef\"><\/stop>\r\n                <stop offset=\"0.53\" stop-color=\"#8ca0ae\"><\/stop>\r\n                <stop offset=\"0.76\" stop-color=\"#f2f6f8\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#667d8d\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2SurfaceHousing\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"1\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#0c9bc9\"><\/stop>\r\n                <stop offset=\"0.47\" stop-color=\"#0575a2\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#034d70\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n            <\/defs>\r\n\r\n            <!-- CIE\u0143 -->\r\n            <path\r\n              class=\"prx-wb-v2-surface__shadow\"\r\n              d=\"M185 275 Q460 205 735 275\"\r\n            ><\/path>\r\n\r\n            <!-- POWIERZCHNIA ROBOCZA -->\r\n            <path\r\n              class=\"prx-wb-v2-surface__roller\"\r\n              d=\"M185 264 Q460 194 735 264\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-surface__roller-light\"\r\n              d=\"M197 250 Q460 186 723 250\"\r\n            ><\/path>\r\n\r\n            <!-- O\u015a -->\r\n            <path\r\n              class=\"prx-wb-v2-surface__axis\"\r\n              d=\"M185 264 Q460 194 735 264\"\r\n            ><\/path>\r\n\r\n            <!-- CZOPY -->\r\n            <rect\r\n              class=\"prx-wb-v2-surface__steel\"\r\n              x=\"118\"\r\n              y=\"251\"\r\n              width=\"73\"\r\n              height=\"26\"\r\n              rx=\"9\"\r\n            ><\/rect>\r\n\r\n            <rect\r\n              class=\"prx-wb-v2-surface__steel\"\r\n              x=\"729\"\r\n              y=\"251\"\r\n              width=\"73\"\r\n              height=\"26\"\r\n              rx=\"9\"\r\n            ><\/rect>\r\n\r\n            <!-- \u0141O\u017bYSKOWANIE -->\r\n            <circle\r\n              class=\"prx-wb-v2-surface__bearing\"\r\n              cx=\"139\"\r\n              cy=\"264\"\r\n              r=\"31\"\r\n            ><\/circle>\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-surface__steel\"\r\n              cx=\"139\"\r\n              cy=\"264\"\r\n              r=\"19\"\r\n            ><\/circle>\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-surface__bearing\"\r\n              cx=\"781\"\r\n              cy=\"264\"\r\n              r=\"31\"\r\n            ><\/circle>\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-surface__steel\"\r\n              cx=\"781\"\r\n              cy=\"264\"\r\n              r=\"19\"\r\n            ><\/circle>\r\n\r\n            <!-- OPRAWY -->\r\n            <path\r\n              class=\"prx-wb-v2-surface__housing\"\r\n              d=\"\r\n                M69 199\r\n                H126\r\n                V337\r\n                H63\r\n                V219\r\n                Q63 199 69 199\r\n                Z\r\n              \"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-surface__housing\"\r\n              d=\"\r\n                M794 199\r\n                H851\r\n                Q857 199 857 219\r\n                V337\r\n                H794\r\n                Z\r\n              \"\r\n            ><\/path>\r\n\r\n            <!-- PODSTAWY -->\r\n            <rect\r\n              class=\"prx-wb-v2-surface__housing\"\r\n              x=\"44\"\r\n              y=\"330\"\r\n              width=\"105\"\r\n              height=\"20\"\r\n              rx=\"4\"\r\n            ><\/rect>\r\n\r\n            <rect\r\n              class=\"prx-wb-v2-surface__housing\"\r\n              x=\"771\"\r\n              y=\"330\"\r\n              width=\"105\"\r\n              height=\"20\"\r\n              rx=\"4\"\r\n            ><\/rect>\r\n\r\n            <!-- \u015aRUBY -->\r\n            <circle\r\n              class=\"prx-wb-v2-surface__bolt\"\r\n              cx=\"79\"\r\n              cy=\"218\"\r\n              r=\"5\"\r\n            ><\/circle>\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-surface__bolt\"\r\n              cx=\"79\"\r\n              cy=\"319\"\r\n              r=\"5\"\r\n            ><\/circle>\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-surface__bolt\"\r\n              cx=\"841\"\r\n              cy=\"218\"\r\n              r=\"5\"\r\n            ><\/circle>\r\n\r\n            <circle\r\n              class=\"prx-wb-v2-surface__bolt\"\r\n              cx=\"841\"\r\n              cy=\"319\"\r\n              r=\"5\"\r\n            ><\/circle>\r\n\r\n            <!-- PUNKT POWIERZCHNI -->\r\n            <circle\r\n              class=\"prx-wb-v2-surface__surface-marker\"\r\n              cx=\"460\"\r\n              cy=\"194\"\r\n              r=\"7\"\r\n            ><\/circle>\r\n\r\n            <path\r\n              class=\"prx-wb-v2-surface__callout-line\"\r\n              d=\"M460 186 C460 140 520 126 580 126\"\r\n            ><\/path>\r\n\r\n            <rect\r\n              class=\"prx-wb-v2-surface__callout-box\"\r\n              x=\"575\"\r\n              y=\"93\"\r\n              width=\"265\"\r\n              height=\"68\"\r\n              rx=\"10\"\r\n            ><\/rect>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-surface__callout-title\"\r\n              x=\"592\"\r\n              y=\"118\"\r\n              data-wb7-svg-title\r\n            >\r\n              POWIERZCHNIA GUMOWA\r\n            <\/text>\r\n\r\n            <text\r\n              class=\"prx-wb-v2-surface__callout-text\"\r\n              x=\"592\"\r\n              y=\"140\"\r\n              data-wb7-svg-description\r\n            >\r\n              Materia\u0142 dobierany do warunk\u00f3w aplikacji\r\n            <\/text>\r\n\r\n          <\/svg>\r\n\r\n          <div class=\"prx-wb-v2-surface__stage-bottom\">\r\n\r\n            <div class=\"prx-wb-v2-surface__stage-box\">\r\n\r\n              <span>Wybrany wariant<\/span>\r\n\r\n              <strong data-wb7-stage-material>\r\n                Powierzchnia gumowa\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"prx-wb-v2-surface__stage-box\">\r\n\r\n              <span>Decyzja wymaga<\/span>\r\n\r\n              <strong>\r\n                Danych o materiale i procesie\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- PRZE\u0141\u0104CZNIK -->\r\n        <div\r\n          class=\"prx-wb-v2-surface__switcher\"\r\n          role=\"tablist\"\r\n          aria-label=\"Wyb\u00f3r powierzchni roboczej wa\u0142u\"\r\n        >\r\n\r\n          <button\r\n            class=\"prx-wb-v2-surface__material-button is-active\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"true\"\r\n            data-wb7-material=\"rubber\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-surface__material-sample\r\n                     prx-wb-v2-surface__material-sample--rubber\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__material-text\">\r\n              <strong>Guma<\/strong>\r\n              <span>Wariant powierzchni roboczej<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-surface__material-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-surface__material-button\"\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected=\"false\"\r\n            data-wb7-material=\"poly\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-surface__material-sample\r\n                     prx-wb-v2-surface__material-sample--poly\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__material-text\">\r\n              <strong>Poliuretan<\/strong>\r\n              <span>Alternatywny wariant powierzchni<\/span>\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v2-surface__material-arrow\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ===================================================\r\n           PANEL DECYZYJNY\r\n      ==================================================== -->\r\n\r\n      <aside class=\"prx-wb-v2-surface__decision\">\r\n\r\n        <div class=\"prx-wb-v2-surface__decision-main\">\r\n\r\n          <span class=\"prx-wb-v2-surface__decision-label\">\r\n            Aktualnie wybrany wariant\r\n          <\/span>\r\n\r\n          <h3 data-wb7-title>\r\n            Powierzchnia gumowa\r\n          <\/h3>\r\n\r\n          <p\r\n            class=\"prx-wb-v2-surface__decision-description\"\r\n            data-wb7-description\r\n          >\r\n            Guma mo\u017ce by\u0107 analizowana jako materia\u0142 powierzchni\r\n            roboczej wa\u0142u bananowego. Do okre\u015blenia w\u0142a\u015bciwego\r\n            rozwi\u0105zania potrzebne s\u0105 informacje o prowadzonej\r\n            wst\u0119dze oraz warunkach pracy maszyny.\r\n          <\/p>\r\n\r\n          <div class=\"prx-wb-v2-surface__selected\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-surface__selected-sample\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <div>\r\n\r\n              <span>Status wyboru<\/span>\r\n\r\n              <strong data-wb7-selected-status>\r\n                Wariant do potwierdzenia po analizie\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n\r\n          <span class=\"prx-wb-v2-surface__criteria-title\">\r\n            Dane potrzebne do doboru\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-surface__criteria\">\r\n\r\n            <span class=\"prx-wb-v2-surface__criterion\">\r\n              Rodzaj prowadzonej wst\u0119gi\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__criterion\">\r\n              Szeroko\u015b\u0107 materia\u0142u\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__criterion\">\r\n              Napi\u0119cie wst\u0119gi\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__criterion\">\r\n              Pr\u0119dko\u015b\u0107 pracy linii\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__criterion\">\r\n              Temperatura otoczenia\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-surface__criterion\">\r\n              Wilgo\u0107 lub obecno\u015b\u0107 chemii\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-surface__rule\">\r\n\r\n          <strong>\r\n            Nazwa materia\u0142u to dopiero pocz\u0105tek specyfikacji\r\n          <\/strong>\r\n\r\n          <p data-wb7-rule>\r\n            Po wskazaniu gumy nadal trzeba uzgodni\u0107 parametry\r\n            powierzchni odpowiednie dla konkretnego procesu.\r\n            Sam zapis \u201epowierzchnia gumowa\u201d nie opisuje jeszcze\r\n            kompletnego rozwi\u0105zania.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         LOGIKA DOBORU\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-surface__process\">\r\n\r\n      <article class=\"prx-wb-v2-surface__process-card\">\r\n\r\n        <span class=\"prx-wb-v2-surface__process-number\">\r\n          01\r\n        <\/span>\r\n\r\n        <strong>\r\n          Najpierw materia\u0142 wst\u0119gowy\r\n        <\/strong>\r\n\r\n        <p>\r\n          Nale\u017cy okre\u015bli\u0107, czy wa\u0142 prowadzi foli\u0119, papier,\r\n          w\u0142\u00f3knin\u0119, tekstylia albo inny materia\u0142.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-surface__process-card\">\r\n\r\n        <span class=\"prx-wb-v2-surface__process-number\">\r\n          02\r\n        <\/span>\r\n\r\n        <strong>\r\n          Nast\u0119pnie warunki ruchu\r\n        <\/strong>\r\n\r\n        <p>\r\n          Do analizy potrzebne s\u0105 informacje o napi\u0119ciu\r\n          materia\u0142u oraz pr\u0119dko\u015bci pracy linii.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-surface__process-card\">\r\n\r\n        <span class=\"prx-wb-v2-surface__process-number\">\r\n          03\r\n        <\/span>\r\n\r\n        <strong>\r\n          Sprawdzenie \u015brodowiska\r\n        <\/strong>\r\n\r\n        <p>\r\n          Znaczenie mog\u0105 mie\u0107 temperatura, wilgo\u0107 oraz obecno\u015b\u0107\r\n          substancji wyst\u0119puj\u0105cych w otoczeniu wa\u0142u.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-surface__process-card\">\r\n\r\n        <span class=\"prx-wb-v2-surface__process-number\">\r\n          04\r\n        <\/span>\r\n\r\n        <strong>\r\n          Dopiero potem powierzchnia\r\n        <\/strong>\r\n\r\n        <p>\r\n          Na podstawie ca\u0142ego zestawu danych mo\u017cna wskaza\u0107\r\n          materia\u0142 i parametry powierzchni do dalszego uzgodnienia.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-surface__cta\">\r\n\r\n      <div class=\"prx-wb-v2-surface__cta-copy\">\r\n\r\n        <strong>\r\n          Nie wiesz, jaka powierzchnia pracowa\u0142a na starym wale?\r\n        <\/strong>\r\n\r\n        <p>\r\n          Prze\u015blij zdj\u0119cia, oznaczenia elementu, opis prowadzonego\r\n          materia\u0142u i warunk\u00f3w pracy. Nie trzeba wybiera\u0107 gumy\r\n          albo poliuretanu przed rozpocz\u0119ciem rozmowy technicznej.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v2-surface__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-surface__button\r\n                 prx-wb-v2-surface__button--secondary\"\r\n          href=\"#diagnostyka-walu-bananowego\"\r\n        >\r\n          <span>Przejd\u017a do diagnostyki<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-surface__button\r\n                 prx-wb-v2-surface__button--primary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Zapytaj o dob\u00f3r powierzchni<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v2-surface]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV2SurfaceReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV2SurfaceReady = \"true\";\r\n\r\n        const buttons = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb7-material]\"\r\n          )\r\n        );\r\n\r\n        const visualTitle = section.querySelector(\r\n          \"[data-wb7-visual-title]\"\r\n        );\r\n\r\n        const title = section.querySelector(\r\n          \"[data-wb7-title]\"\r\n        );\r\n\r\n        const description = section.querySelector(\r\n          \"[data-wb7-description]\"\r\n        );\r\n\r\n        const selectedStatus = section.querySelector(\r\n          \"[data-wb7-selected-status]\"\r\n        );\r\n\r\n        const rule = section.querySelector(\r\n          \"[data-wb7-rule]\"\r\n        );\r\n\r\n        const stageMaterial = section.querySelector(\r\n          \"[data-wb7-stage-material]\"\r\n        );\r\n\r\n        const svgTitle = section.querySelector(\r\n          \"[data-wb7-svg-title]\"\r\n        );\r\n\r\n        const svgDescription = section.querySelector(\r\n          \"[data-wb7-svg-description]\"\r\n        );\r\n\r\n        const materials = {\r\n          rubber: {\r\n            visualTitle:\r\n              \"Wa\u0142 z powierzchni\u0105 gumow\u0105\",\r\n\r\n            title:\r\n              \"Powierzchnia gumowa\",\r\n\r\n            description:\r\n              \"Guma mo\u017ce by\u0107 analizowana jako materia\u0142 powierzchni roboczej wa\u0142u bananowego. Do okre\u015blenia w\u0142a\u015bciwego rozwi\u0105zania potrzebne s\u0105 informacje o prowadzonej wst\u0119dze oraz warunkach pracy maszyny.\",\r\n\r\n            status:\r\n              \"Wariant do potwierdzenia po analizie\",\r\n\r\n            rule:\r\n              \"Po wskazaniu gumy nadal trzeba uzgodni\u0107 parametry powierzchni odpowiednie dla konkretnego procesu. Sam zapis \u201epowierzchnia gumowa\u201d nie opisuje jeszcze kompletnego rozwi\u0105zania.\",\r\n\r\n            stage:\r\n              \"Powierzchnia gumowa\",\r\n\r\n            svgTitle:\r\n              \"POWIERZCHNIA GUMOWA\",\r\n\r\n            svgDescription:\r\n              \"Materia\u0142 dobierany do warunk\u00f3w aplikacji\"\r\n          },\r\n\r\n          poly: {\r\n            visualTitle:\r\n              \"Wa\u0142 z powierzchni\u0105 poliuretanow\u0105\",\r\n\r\n            title:\r\n              \"Powierzchnia poliuretanowa\",\r\n\r\n            description:\r\n              \"Poliuretan jest drugim mo\u017cliwym wariantem powierzchni roboczej. Tak\u017ce w tym przypadku materia\u0142 i jego parametry trzeba powi\u0105za\u0107 z rodzajem wst\u0119gi, napi\u0119ciem, pr\u0119dko\u015bci\u0105 oraz \u015brodowiskiem pracy.\",\r\n\r\n            status:\r\n              \"Alternatywa wymagaj\u0105ca potwierdzenia\",\r\n\r\n            rule:\r\n              \"Sam wyb\u00f3r poliuretanu nie ko\u0144czy doboru. Konieczne jest ustalenie parametr\u00f3w powierzchni oraz sprawdzenie, czy taki wariant odpowiada warunkom konkretnej maszyny.\",\r\n\r\n            stage:\r\n              \"Powierzchnia poliuretanowa\",\r\n\r\n            svgTitle:\r\n              \"POWIERZCHNIA POLIURETANOWA\",\r\n\r\n            svgDescription:\r\n              \"Alternatywny materia\u0142 powierzchni roboczej\"\r\n          }\r\n        };\r\n\r\n        function selectMaterial(key) {\r\n          const material = materials[key];\r\n\r\n          if (!material) {\r\n            return;\r\n          }\r\n\r\n          section.classList.toggle(\r\n            \"is-poly\",\r\n            key === \"poly\"\r\n          );\r\n\r\n          buttons.forEach(function (button) {\r\n            const active =\r\n              button.dataset.wb7Material === key;\r\n\r\n            button.classList.toggle(\r\n              \"is-active\",\r\n              active\r\n            );\r\n\r\n            button.setAttribute(\r\n              \"aria-selected\",\r\n              active ? \"true\" : \"false\"\r\n            );\r\n          });\r\n\r\n          visualTitle.textContent =\r\n            material.visualTitle;\r\n\r\n          title.textContent =\r\n            material.title;\r\n\r\n          description.textContent =\r\n            material.description;\r\n\r\n          selectedStatus.textContent =\r\n            material.status;\r\n\r\n          rule.textContent =\r\n            material.rule;\r\n\r\n          stageMaterial.textContent =\r\n            material.stage;\r\n\r\n          svgTitle.textContent =\r\n            material.svgTitle;\r\n\r\n          svgDescription.textContent =\r\n            material.svgDescription;\r\n        }\r\n\r\n        buttons.forEach(function (button) {\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n              selectMaterial(\r\n                button.dataset.wb7Material\r\n              );\r\n            }\r\n          );\r\n        });\r\n\r\n        const reduceMotion =\r\n          window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches;\r\n\r\n        if (\r\n          reduceMotion ||\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          section.classList.add(\"is-visible\");\r\n        } else {\r\n          const observer =\r\n            new IntersectionObserver(\r\n              function (entries) {\r\n                if (!entries[0].isIntersecting) {\r\n                  return;\r\n                }\r\n\r\n                section.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.disconnect();\r\n              },\r\n              {\r\n                threshold: 0.12\r\n              }\r\n            );\r\n\r\n          observer.observe(section);\r\n        }\r\n\r\n        section\r\n          .querySelectorAll('a[href^=\"#\"]')\r\n          .forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                const selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                if (\r\n                  !selector ||\r\n                  selector === \"#\"\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                const target =\r\n                  document.querySelector(selector);\r\n\r\n                if (!target) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                  behavior:\r\n                    reduceMotion\r\n                      ? \"auto\"\r\n                      : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n              }\r\n            );\r\n          });\r\n\r\n        selectMaterial(\"rubber\");\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afcee8d elementor-widget elementor-widget-html\" data-id=\"afcee8d\" 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 WA\u0141Y BANANOWE\r\n     BLOK 8: INTERAKTYWNE CENTRUM DIAGNOSTYCZNE\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-diagnostic\"\r\n  id=\"diagnostyka-walu-bananowego\"\r\n  aria-labelledby=\"prx-wb-v2-diagnostic-title\"\r\n  data-prx-wb-v2-diagnostic\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET I OCHRONA PRZED ELEMENTOREM\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic,\r\n    .prx-wb-v2-diagnostic *,\r\n    .prx-wb-v2-diagnostic *::before,\r\n    .prx-wb-v2-diagnostic *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic {\r\n      --wb8-deep: #020d17;\r\n      --wb8-navy-950: #031321;\r\n      --wb8-navy-900: #061b30;\r\n      --wb8-navy-800: #092e4b;\r\n      --wb8-navy-700: #0d456d;\r\n      --wb8-blue: #2381b4;\r\n      --wb8-red: #e10600;\r\n      --wb8-red-dark: #bd0000;\r\n      --wb8-green: #36bd7b;\r\n      --wb8-orange: #e59024;\r\n      --wb8-white: #ffffff;\r\n      --wb8-text: #425a6c;\r\n      --wb8-muted: #9db4c4;\r\n      --wb8-light: #f4f7f9;\r\n      --wb8-border: rgba(255, 255, 255, 0.13);\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(88px, 8vw, 122px) 24px;\r\n      scroll-margin-top: 90px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 9% 14%,\r\n          rgba(35, 129, 180, 0.32),\r\n          transparent 29%\r\n        ),\r\n        radial-gradient(\r\n          circle at 90% 84%,\r\n          rgba(225, 6, 0, 0.12),\r\n          transparent 25%\r\n        ),\r\n        linear-gradient(\r\n          140deg,\r\n          var(--wb8-deep) 0%,\r\n          var(--wb8-navy-900) 51%,\r\n          var(--wb8-navy-800) 100%\r\n        );\r\n\r\n      color: #ffffff !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic h2,\r\n    .prx-wb-v2-diagnostic h3,\r\n    .prx-wb-v2-diagnostic p,\r\n    .prx-wb-v2-diagnostic span,\r\n    .prx-wb-v2-diagnostic strong,\r\n    .prx-wb-v2-diagnostic button,\r\n    .prx-wb-v2-diagnostic li,\r\n    .prx-wb-v2-diagnostic a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n      font: inherit;\r\n      text-transform: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       T\u0141O\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      inset: 0;\r\n      opacity: 0.25;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(255, 255, 255, 0.04) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.04) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 48px 48px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 14%,\r\n          #000 86%,\r\n          transparent\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          #000 14%,\r\n          #000 86%,\r\n          transparent\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      top: -340px;\r\n      right: -260px;\r\n      width: 780px;\r\n      height: 780px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 86px rgba(255, 255, 255, 0.012),\r\n        0 0 0 176px rgba(255, 255, 255, 0.007);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1260px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.94fr)\r\n        minmax(360px, 0.66fr);\r\n      align-items: end;\r\n      gap: clamp(45px, 8vw, 110px);\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: #ff6b66 !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.3px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb8-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.12);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__title {\r\n      max-width: 790px;\r\n      margin: 0 !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(39px, 4.2vw, 62px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.06 !important;\r\n      letter-spacing: -2.1px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__title strong {\r\n      color: #ffffff !important;\r\n      font-weight: 800 !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 71%,\r\n          rgba(225, 6, 0, 0.72) 71%\r\n        );\r\n\r\n      box-decoration-break: clone;\r\n      -webkit-box-decoration-break: clone;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__intro {\r\n      position: relative;\r\n      margin: 0 0 3px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb8-muted) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb8-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__intro strong {\r\n      color: #ffffff !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY MODU\u0141\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__workspace {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(350px, 0.72fr)\r\n        minmax(0, 1.28fr);\r\n      align-items: stretch;\r\n      gap: 18px;\r\n      padding: 18px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 25px;\r\n\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      box-shadow:\r\n        0 35px 80px rgba(0, 0, 0, 0.27),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      -webkit-backdrop-filter: blur(16px);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL OBJAW\u00d3W\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__symptoms {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 28px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(35, 129, 180, 0.22),\r\n          transparent 33%\r\n        ),\r\n        rgba(3, 17, 31, 0.76);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptoms::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -115px;\r\n      bottom: -125px;\r\n      width: 270px;\r\n      height: 270px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 46px rgba(255, 255, 255, 0.01);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptoms > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__panel-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ff6964 !important;\r\n      font-size: 10px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptoms h3 {\r\n      margin: 0 0 11px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(25px, 2.2vw, 32px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.17 !important;\r\n      letter-spacing: -0.7px !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom-intro {\r\n      margin: 0 0 23px !important;\r\n\r\n      color: #a6bbca !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom-list {\r\n      display: grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom {\r\n      display: grid;\r\n      grid-template-columns:\r\n        39px minmax(0, 1fr) 23px;\r\n      align-items: center;\r\n      gap: 11px;\r\n      width: 100%;\r\n      min-height: 62px;\r\n      padding: 10px 12px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n      border-radius: 10px;\r\n      outline: none;\r\n\r\n      background: rgba(255, 255, 255, 0.042) !important;\r\n      color: #b4c7d4 !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom:hover {\r\n      border-color: rgba(255, 255, 255, 0.23) !important;\r\n      background: rgba(255, 255, 255, 0.075) !important;\r\n      color: #ffffff !important;\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom.is-active {\r\n      border-color: rgba(255, 79, 73, 0.38) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(225, 6, 0, 0.16),\r\n          rgba(255, 255, 255, 0.04)\r\n        ) !important;\r\n\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 39px;\r\n      height: 39px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 9px;\r\n      background: rgba(255, 255, 255, 0.05);\r\n\r\n      color: #7faec8 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom.is-active\r\n      .prx-wb-v2-diagnostic__symptom-icon {\r\n      border-color: var(--wb8-red);\r\n      background: var(--wb8-red);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom-icon svg {\r\n      width: 21px;\r\n      height: 21px;\r\n\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\r\n    .prx-wb-v2-diagnostic__symptom-text {\r\n      color: inherit !important;\r\n      font-size: 12px !important;\r\n      font-weight: 750 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom-check {\r\n      display: inline-flex;\r\n      width: 23px;\r\n      height: 23px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      border-radius: 7px;\r\n\r\n      color: transparent !important;\r\n      font-size: 12px !important;\r\n      font-weight: 900 !important;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        border-color 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom.is-active\r\n      .prx-wb-v2-diagnostic__symptom-check {\r\n      border-color: var(--wb8-red);\r\n      background: var(--wb8-red);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__symptom:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       LICZNIK I RESET\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__selection {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      margin-top: 21px;\r\n      padding-top: 19px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__counter {\r\n      color: #8ea7b8 !important;\r\n      font-size: 11px !important;\r\n      font-weight: 650 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__counter strong {\r\n      margin-left: 4px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 18px !important;\r\n      font-weight: 850 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__reset {\r\n      padding: 4px 0;\r\n\r\n      border: 0 !important;\r\n      outline: none;\r\n      background: transparent !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.3 !important;\r\n\r\n      text-decoration: underline;\r\n      text-decoration-color: rgba(255, 255, 255, 0.3);\r\n      text-underline-offset: 4px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__reset:hover {\r\n      color: #ff7772 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__reset:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL WYNIKU\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__result {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 29px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.82);\r\n      border-radius: 19px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 95% 2%,\r\n          rgba(35, 129, 180, 0.1),\r\n          transparent 29%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #ffffff 0%,\r\n          #f3f6f8 100%\r\n        );\r\n\r\n      color: var(--wb8-navy-950) !important;\r\n\r\n      box-shadow:\r\n        0 26px 60px rgba(0, 0, 0, 0.19),\r\n        inset 0 1px 0 #ffffff;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 29px;\r\n      width: 78px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb8-red);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-top {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      margin-bottom: 21px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-label {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: var(--wb8-red) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.95px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result h3 {\r\n      max-width: 630px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb8-navy-950) !important;\r\n      font-size: clamp(25px, 2.3vw, 34px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.16 !important;\r\n      letter-spacing: -0.75px !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-status {\r\n      display: inline-flex;\r\n      flex: 0 0 auto;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 11px;\r\n\r\n      border: 1px solid #d6e0e7;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n\r\n      color: var(--wb8-navy-700) !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.65px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-status::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb8-orange);\r\n\r\n      box-shadow:\r\n        0 0 7px rgba(229, 144, 36, 0.45);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic.has-selection\r\n      .prx-wb-v2-diagnostic__result-status::before {\r\n      background: var(--wb8-green);\r\n\r\n      box-shadow:\r\n        0 0 7px rgba(54, 189, 123, 0.5);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-description {\r\n      margin: 0 0 20px !important;\r\n\r\n      color: var(--wb8-text) !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       MAPA KONTROLI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__map {\r\n      position: relative;\r\n      min-height: 255px;\r\n      overflow: hidden;\r\n      margin-bottom: 20px;\r\n\r\n      border: 1px solid #dce5eb;\r\n      border-radius: 15px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 52%,\r\n          rgba(35, 129, 180, 0.1),\r\n          transparent 38%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #eef3f6,\r\n          #ffffff\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.43;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 34px 34px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-label {\r\n      position: absolute;\r\n      z-index: 5;\r\n      top: 14px;\r\n      left: 14px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 7px 9px;\r\n\r\n      border: 1px solid #d5dfe6;\r\n      border-radius: 7px;\r\n      background: rgba(255, 255, 255, 0.88);\r\n\r\n      color: var(--wb8-navy-800) !important;\r\n      font-size: 8.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.65px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-label::before {\r\n      content: \"\";\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: var(--wb8-red);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map svg {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-part {\r\n      opacity: 0.25;\r\n\r\n      transition:\r\n        opacity 0.3s ease,\r\n        filter 0.3s ease;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-part.is-active {\r\n      opacity: 1;\r\n\r\n      filter:\r\n        drop-shadow(0 0 6px rgba(225, 6, 0, 0.38));\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-process {\r\n      fill: none;\r\n      stroke: #e10600;\r\n      stroke-width: 3;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 8 9;\r\n\r\n      animation:\r\n        prxWbV2DiagnosticFlow 1.7s linear infinite;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-surface {\r\n      fill: none;\r\n      stroke: #1d6e9e;\r\n      stroke-width: 38;\r\n      stroke-linecap: round;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-axis {\r\n      fill: none;\r\n      stroke: #e10600;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 7 7;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-steel {\r\n      fill: url(\"#prxWbV2DiagnosticSteel\");\r\n      stroke: #647987;\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-bearing {\r\n      fill: #313e47;\r\n      stroke: #8999a3;\r\n      stroke-width: 2;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-housing {\r\n      fill: url(\"#prxWbV2DiagnosticHousing\");\r\n      stroke: #075375;\r\n      stroke-width: 1.5;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__map-base {\r\n      fill: #075d83;\r\n      stroke: #064865;\r\n      stroke-width: 1;\r\n    }\r\n\r\n    \/* =========================================================\r\n       WYNIK \u2014 DWIE LISTY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__result-grid {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 11px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-card {\r\n      min-width: 0;\r\n      padding: 19px;\r\n\r\n      border: 1px solid #dbe4ea;\r\n      border-radius: 13px;\r\n      background: rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-card-label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin: 0 0 11px;\r\n\r\n      color: var(--wb8-red) !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.85px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-card-label svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      flex: 0 0 auto;\r\n\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\r\n    .prx-wb-v2-diagnostic__result-list {\r\n      display: grid;\r\n      gap: 8px;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      list-style: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-list li {\r\n      position: relative;\r\n      margin: 0 !important;\r\n      padding: 0 0 0 17px !important;\r\n\r\n      color: var(--wb8-text) !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 650 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__result-list li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 6px;\r\n      left: 0;\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb8-red);\r\n    }\r\n\r\n    \/* =========================================================\r\n       OSTRZE\u017bENIE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__notice {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      margin-top: 14px;\r\n      padding: 13px 14px;\r\n\r\n      border: 1px solid #d8e2e8;\r\n      border-radius: 10px;\r\n      background: #eef3f6;\r\n\r\n      color: var(--wb8-text) !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__notice svg {\r\n      flex: 0 0 auto;\r\n      width: 18px;\r\n      height: 18px;\r\n      margin-top: 1px;\r\n\r\n      fill: none;\r\n      stroke: var(--wb8-blue);\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__notice strong {\r\n      color: var(--wb8-navy-950) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DOLNE KARTY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__areas {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__area {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 22px 19px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 15px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.04);\r\n\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n\r\n      transition:\r\n        opacity 0.55s ease,\r\n        transform 0.55s ease,\r\n        background-color 0.25s ease,\r\n        border-color 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic.is-visible\r\n      .prx-wb-v2-diagnostic__area {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic.is-visible\r\n      .prx-wb-v2-diagnostic__area:nth-child(2) {\r\n      transition-delay: 0.07s;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic.is-visible\r\n      .prx-wb-v2-diagnostic__area:nth-child(3) {\r\n      transition-delay: 0.14s;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic.is-visible\r\n      .prx-wb-v2-diagnostic__area:nth-child(4) {\r\n      transition-delay: 0.21s;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__area::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      left: 0;\r\n      height: 3px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          var(--wb8-red),\r\n          rgba(225, 6, 0, 0)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__area-icon {\r\n      display: inline-flex;\r\n      width: 40px;\r\n      height: 40px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 15px;\r\n\r\n      border: 1px solid rgba(255, 88, 82, 0.2);\r\n      border-radius: 10px;\r\n      background: rgba(225, 6, 0, 0.1);\r\n\r\n      color: #ff716c !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__area-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n\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\r\n    .prx-wb-v2-diagnostic__area strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 14px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__area p {\r\n      margin: 0 !important;\r\n\r\n      color: #97aebe !important;\r\n      font-size: 11px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.55 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-diagnostic__cta {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n      align-items: center;\r\n      gap: 38px;\r\n      margin-top: 37px;\r\n      padding-top: 34px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__cta strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(21px, 2.1vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.24 !important;\r\n      letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__cta p {\r\n      max-width: 720px;\r\n      margin: 0 !important;\r\n\r\n      color: #afc2d0 !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button {\r\n      display: inline-flex;\r\n      min-height: 53px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 13px 20px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.23s ease,\r\n        border-color 0.23s ease,\r\n        background-color 0.23s ease,\r\n        box-shadow 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button--primary {\r\n      border-color: var(--wb8-red) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--wb8-red-dark)\r\n        ) !important;\r\n\r\n      box-shadow:\r\n        0 13px 29px rgba(225, 6, 0, 0.25);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.21) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button:hover {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button--primary:hover {\r\n      box-shadow:\r\n        0 17px 37px rgba(225, 6, 0, 0.34);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button--secondary:hover {\r\n      border-color: rgba(255, 255, 255, 0.4) !important;\r\n      background: rgba(255, 255, 255, 0.11) !important;\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-diagnostic__button:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ANIMACJE\r\n    ========================================================= *\/\r\n\r\n    @keyframes prxWbV2DiagnosticFlow {\r\n      to {\r\n        stroke-dashoffset: -38;\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v2-diagnostic__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__symptom-list {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v2-diagnostic {\r\n        padding: 80px 18px 88px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__areas {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n      .prx-wb-v2-diagnostic {\r\n        padding: 72px 14px 79px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__title {\r\n        font-size: clamp(35px, 10.3vw, 48px) !important;\r\n        letter-spacing: -1.45px !important;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__workspace {\r\n        padding: 9px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__symptoms,\r\n      .prx-wb-v2-diagnostic__result {\r\n        padding: 23px 19px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__symptom-list {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__result-top {\r\n        display: block;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__result-status {\r\n        margin-top: 13px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__map {\r\n        min-height: 225px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__result-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__areas {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v2-diagnostic {\r\n        padding-right: 11px;\r\n        padding-left: 11px;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__selection {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__map {\r\n        min-height: 205px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-diagnostic *,\r\n      .prx-wb-v2-diagnostic *::before,\r\n      .prx-wb-v2-diagnostic *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-diagnostic__area {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-diagnostic__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v2-diagnostic__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v2-diagnostic__label\">\r\n          Centrum diagnostyczne\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v2-diagnostic__title\"\r\n          id=\"prx-wb-v2-diagnostic-title\"\r\n        >\r\n          Objaw na linii nie zawsze oznacza\r\n          <strong>uszkodzenie samego wa\u0142u<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v2-diagnostic__intro\">\r\n        Zaznacz zauwa\u017cone problemy. Modu\u0142 wska\u017ce\r\n        <strong>\r\n          obszary, kt\u00f3re warto skontrolowa\u0107, oraz dane potrzebne\r\n          do rozpocz\u0119cia analizy technicznej.\r\n        <\/strong>\r\n        Wynik nie zast\u0119puje ogl\u0119dzin i pomiar\u00f3w.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         INTERAKTYWNA DIAGNOSTYKA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-diagnostic__workspace\">\r\n\r\n      <!-- ===================================================\r\n           OBJAWY\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-diagnostic__symptoms\">\r\n\r\n        <span class=\"prx-wb-v2-diagnostic__panel-label\">\r\n          Obserwowane problemy\r\n        <\/span>\r\n\r\n        <h3>\r\n          Co dzieje si\u0119 z materia\u0142em albo wa\u0142em?\r\n        <\/h3>\r\n\r\n        <p class=\"prx-wb-v2-diagnostic__symptom-intro\">\r\n          Mo\u017cesz zaznaczy\u0107 wi\u0119cej ni\u017c jeden objaw. Wynik zostanie\r\n          uzupe\u0142niony o wsp\u00f3lne obszary wymagaj\u0105ce sprawdzenia.\r\n        <\/p>\r\n\r\n        <div class=\"prx-wb-v2-diagnostic__symptom-list\">\r\n\r\n          <!-- FA\u0141DY \u015aRODEK -->\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__symptom\"\r\n            type=\"button\"\r\n            data-wb8-symptom=\"center-fold\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-diagnostic__symptom-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M3 7h18\"><\/path>\r\n                <path d=\"M3 17h18\"><\/path>\r\n                <path d=\"M8 7c2 3 2 7 0 10\"><\/path>\r\n                <path d=\"M16 7c-2 3-2 7 0 10\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-text\">\r\n              Fa\u0142dy w \u015brodkowej cz\u0119\u015bci wst\u0119gi\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-check\">\r\n              \u2713\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <!-- KRAW\u0118DZIE -->\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__symptom\"\r\n            type=\"button\"\r\n            data-wb8-symptom=\"edge-fold\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-diagnostic__symptom-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 5v14\"><\/path>\r\n                <path d=\"M20 5v14\"><\/path>\r\n                <path d=\"M4 7c5-3 11 3 16 0\"><\/path>\r\n                <path d=\"M4 17c5 3 11-3 16 0\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-text\">\r\n              Fa\u0142dy albo zwijanie kraw\u0119dzi materia\u0142u\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-check\">\r\n              \u2713\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <!-- TOR MATERIA\u0141U -->\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__symptom\"\r\n            type=\"button\"\r\n            data-wb8-symptom=\"tracking\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-diagnostic__symptom-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 7h16\"><\/path>\r\n                <path d=\"M4 17h16\"><\/path>\r\n                <path d=\"M6 12h12\"><\/path>\r\n                <path d=\"m15 9 3 3-3 3\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-text\">\r\n              Materia\u0142 schodzi z osi albo zmienia tor\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-check\">\r\n              \u2713\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <!-- HA\u0141AS -->\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__symptom\"\r\n            type=\"button\"\r\n            data-wb8-symptom=\"noise\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-diagnostic__symptom-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M8 9v6\"><\/path>\r\n                <path d=\"M12 6v12\"><\/path>\r\n                <path d=\"M16 9v6\"><\/path>\r\n                <path d=\"M4 11v2\"><\/path>\r\n                <path d=\"M20 11v2\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-text\">\r\n              Ha\u0142as, drgania albo nagrzewanie wa\u0142u\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-check\">\r\n              \u2713\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <!-- POWIERZCHNIA -->\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__symptom\"\r\n            type=\"button\"\r\n            data-wb8-symptom=\"surface\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-diagnostic__symptom-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 12h16\"><\/path>\r\n                <path d=\"m7 8 2 2-2 2 2 2-2 2\"><\/path>\r\n                <path d=\"m15 8 2 2-2 2 2 2-2 2\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-text\">\r\n              Uszkodzenie lub nier\u00f3wne zu\u017cycie powierzchni\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-check\">\r\n              \u2713\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <!-- OBR\u00d3T -->\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__symptom\"\r\n            type=\"button\"\r\n            data-wb8-symptom=\"rotation\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v2-diagnostic__symptom-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 8a8 8 0 0 1 13-2\"><\/path>\r\n                <path d=\"m18 3v5h-5\"><\/path>\r\n                <path d=\"M19 16a8 8 0 0 1-13 2\"><\/path>\r\n                <path d=\"m6 21v-5h5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-text\">\r\n              Luz, op\u00f3r albo nier\u00f3wnomierny obr\u00f3t\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__symptom-check\">\r\n              \u2713\r\n            <\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-diagnostic__selection\">\r\n\r\n          <span class=\"prx-wb-v2-diagnostic__counter\">\r\n            Wybrane objawy:\r\n            <strong data-wb8-count>0<\/strong>\r\n          <\/span>\r\n\r\n          <button\r\n            class=\"prx-wb-v2-diagnostic__reset\"\r\n            type=\"button\"\r\n            data-wb8-reset\r\n          >\r\n            Wyczy\u015b\u0107 zaznaczenia\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ===================================================\r\n           WYNIK\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-diagnostic__result\">\r\n\r\n        <div class=\"prx-wb-v2-diagnostic__result-top\">\r\n\r\n          <div>\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__result-label\">\r\n              Wst\u0119pny kierunek kontroli\r\n            <\/span>\r\n\r\n            <h3 data-wb8-result-title>\r\n              Zaznacz objaw, aby uporz\u0105dkowa\u0107 analiz\u0119\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"prx-wb-v2-diagnostic__result-status\">\r\n            Oczekuje na wyb\u00f3r\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <p\r\n          class=\"prx-wb-v2-diagnostic__result-description\"\r\n          data-wb8-result-description\r\n        >\r\n          Problem mo\u017ce wynika\u0107 z ustawienia wa\u0142u, napi\u0119cia materia\u0142u,\r\n          geometrii toru, powierzchni roboczej, \u0142o\u017cyskowania albo\r\n          wsp\u00f3\u0142dzia\u0142ania kilku element\u00f3w. Wybierz zauwa\u017cone objawy.\r\n        <\/p>\r\n\r\n        <!-- MAPA KONTROLI -->\r\n        <div class=\"prx-wb-v2-diagnostic__map\">\r\n\r\n          <span class=\"prx-wb-v2-diagnostic__map-label\">\r\n            Mapa obszar\u00f3w kontroli\r\n          <\/span>\r\n\r\n          <svg\r\n            viewBox=\"0 0 760 260\"\r\n            role=\"img\"\r\n            aria-label=\"Schemat wa\u0142u bananowego z obszarami wymagaj\u0105cymi sprawdzenia\"\r\n          >\r\n            <defs>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2DiagnosticSteel\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"1\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#637987\"><\/stop>\r\n                <stop offset=\"0.3\" stop-color=\"#e2eaee\"><\/stop>\r\n                <stop offset=\"0.56\" stop-color=\"#91a3ae\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#dfe7eb\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient\r\n                id=\"prxWbV2DiagnosticHousing\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"1\"\r\n                y2=\"1\"\r\n              >\r\n                <stop offset=\"0\" stop-color=\"#0d9dca\"><\/stop>\r\n                <stop offset=\"0.5\" stop-color=\"#0876a0\"><\/stop>\r\n                <stop offset=\"1\" stop-color=\"#034b6c\"><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <marker\r\n                id=\"prxWbV2DiagnosticArrow\"\r\n                viewBox=\"0 0 12 12\"\r\n                refX=\"10\"\r\n                refY=\"6\"\r\n                markerWidth=\"7\"\r\n                markerHeight=\"7\"\r\n                orient=\"auto\"\r\n              >\r\n                <path\r\n                  d=\"M1 1L11 6L1 11Z\"\r\n                  fill=\"#e10600\"\r\n                ><\/path>\r\n              <\/marker>\r\n\r\n            <\/defs>\r\n\r\n            <!-- PROCES \/ WST\u0118GA -->\r\n            <g\r\n              class=\"prx-wb-v2-diagnostic__map-part\"\r\n              data-wb8-area=\"process\"\r\n            >\r\n              <path\r\n                class=\"prx-wb-v2-diagnostic__map-process\"\r\n                marker-end=\"url(#prxWbV2DiagnosticArrow)\"\r\n                d=\"M375 210 C330 165 285 113 230 66\"\r\n              ><\/path>\r\n\r\n              <path\r\n                class=\"prx-wb-v2-diagnostic__map-process\"\r\n                marker-end=\"url(#prxWbV2DiagnosticArrow)\"\r\n                d=\"M385 210 C430 165 475 113 530 66\"\r\n              ><\/path>\r\n            <\/g>\r\n\r\n            <!-- WA\u0141 \/ POWIERZCHNIA -->\r\n            <g\r\n              class=\"prx-wb-v2-diagnostic__map-part\"\r\n              data-wb8-area=\"surface\"\r\n            >\r\n              <path\r\n                class=\"prx-wb-v2-diagnostic__map-surface\"\r\n                d=\"M170 157 Q380 105 590 157\"\r\n              ><\/path>\r\n            <\/g>\r\n\r\n            <!-- O\u015a -->\r\n            <g\r\n              class=\"prx-wb-v2-diagnostic__map-part\"\r\n              data-wb8-area=\"axis\"\r\n            >\r\n              <path\r\n                class=\"prx-wb-v2-diagnostic__map-axis\"\r\n                d=\"M170 157 Q380 105 590 157\"\r\n              ><\/path>\r\n            <\/g>\r\n\r\n            <!-- CZOPY -->\r\n            <g\r\n              class=\"prx-wb-v2-diagnostic__map-part\"\r\n              data-wb8-area=\"bearings\"\r\n            >\r\n              <rect\r\n                class=\"prx-wb-v2-diagnostic__map-steel\"\r\n                x=\"110\"\r\n                y=\"145\"\r\n                width=\"65\"\r\n                height=\"24\"\r\n                rx=\"8\"\r\n              ><\/rect>\r\n\r\n              <rect\r\n                class=\"prx-wb-v2-diagnostic__map-steel\"\r\n                x=\"585\"\r\n                y=\"145\"\r\n                width=\"65\"\r\n                height=\"24\"\r\n                rx=\"8\"\r\n              ><\/rect>\r\n\r\n              <circle\r\n                class=\"prx-wb-v2-diagnostic__map-bearing\"\r\n                cx=\"124\"\r\n                cy=\"157\"\r\n                r=\"27\"\r\n              ><\/circle>\r\n\r\n              <circle\r\n                class=\"prx-wb-v2-diagnostic__map-bearing\"\r\n                cx=\"636\"\r\n                cy=\"157\"\r\n                r=\"27\"\r\n              ><\/circle>\r\n            <\/g>\r\n\r\n            <!-- OPRAWY -->\r\n            <g\r\n              class=\"prx-wb-v2-diagnostic__map-part\"\r\n              data-wb8-area=\"mounting\"\r\n            >\r\n              <path\r\n                class=\"prx-wb-v2-diagnostic__map-housing\"\r\n                d=\"M58 104H116V215H52V121Q52 104 58 104Z\"\r\n              ><\/path>\r\n\r\n              <path\r\n                class=\"prx-wb-v2-diagnostic__map-housing\"\r\n                d=\"M644 104H702Q708 104 708 121V215H644Z\"\r\n              ><\/path>\r\n\r\n              <rect\r\n                class=\"prx-wb-v2-diagnostic__map-base\"\r\n                x=\"37\"\r\n                y=\"208\"\r\n                width=\"96\"\r\n                height=\"18\"\r\n                rx=\"4\"\r\n              ><\/rect>\r\n\r\n              <rect\r\n                class=\"prx-wb-v2-diagnostic__map-base\"\r\n                x=\"627\"\r\n                y=\"208\"\r\n                width=\"96\"\r\n                height=\"18\"\r\n                rx=\"4\"\r\n              ><\/rect>\r\n            <\/g>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <!-- LISTY DYNAMICZNE -->\r\n        <div class=\"prx-wb-v2-diagnostic__result-grid\">\r\n\r\n          <article class=\"prx-wb-v2-diagnostic__result-card\">\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__result-card-label\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n                <path d=\"m16 16 5 5\"><\/path>\r\n                <path d=\"M8 11h6\"><\/path>\r\n                <path d=\"M11 8v6\"><\/path>\r\n              <\/svg>\r\n\r\n              Co warto sprawdzi\u0107\r\n            <\/span>\r\n\r\n            <ul\r\n              class=\"prx-wb-v2-diagnostic__result-list\"\r\n              data-wb8-check-list\r\n            >\r\n              <li>Po\u0142o\u017cenie wa\u0142u w torze prowadzenia<\/li>\r\n              <li>Warunki opasania i napi\u0119cia wst\u0119gi<\/li>\r\n              <li>Stan powierzchni, \u0142o\u017cyskowania i mocowa\u0144<\/li>\r\n            <\/ul>\r\n\r\n          <\/article>\r\n\r\n          <article class=\"prx-wb-v2-diagnostic__result-card\">\r\n\r\n            <span class=\"prx-wb-v2-diagnostic__result-card-label\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M6 3h9l3 3v15H6z\"><\/path>\r\n                <path d=\"M15 3v4h4\"><\/path>\r\n                <path d=\"M9 12h6\"><\/path>\r\n                <path d=\"M9 16h6\"><\/path>\r\n              <\/svg>\r\n\r\n              Co przygotowa\u0107 do analizy\r\n            <\/span>\r\n\r\n            <ul\r\n              class=\"prx-wb-v2-diagnostic__result-list\"\r\n              data-wb8-file-list\r\n            >\r\n              <li>Zdj\u0119cie ca\u0142ego wa\u0142u i miejsca monta\u017cu<\/li>\r\n              <li>Opis materia\u0142u oraz momentu pojawiania si\u0119 problemu<\/li>\r\n              <li>Podstawowe wymiary lub dost\u0119pny rysunek<\/li>\r\n            <\/ul>\r\n\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-diagnostic__notice\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M12 10v6\"><\/path>\r\n            <path d=\"M12 7h.01\"><\/path>\r\n          <\/svg>\r\n\r\n          <span>\r\n            <strong>Wynik ma charakter porz\u0105dkuj\u0105cy.<\/strong>\r\n            Nie potwierdza przyczyny problemu, mo\u017cliwo\u015bci regeneracji\r\n            ani konieczno\u015bci wykonania nowego wa\u0142u. Decyzja wymaga\r\n            oceny technicznej konkretnego elementu i jego aplikacji.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CZTERY OBSZARY DIAGNOSTYKI\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-diagnostic__areas\">\r\n\r\n      <article class=\"prx-wb-v2-diagnostic__area\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-diagnostic__area-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 8h16\"><\/path>\r\n            <path d=\"M4 16h16\"><\/path>\r\n            <path d=\"M7 5v6\"><\/path>\r\n            <path d=\"M17 13v6\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>Uk\u0142ad prowadzenia<\/strong>\r\n\r\n        <p>\r\n          Po\u0142o\u017cenie wa\u0142u, opasanie, kierunek ruchu i napi\u0119cie\r\n          materia\u0142u mog\u0105 zmienia\u0107 uzyskiwany efekt.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-diagnostic__area\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-diagnostic__area-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 12h16\"><\/path>\r\n            <path d=\"m7 8 2 2-2 2 2 2-2 2\"><\/path>\r\n            <path d=\"m15 8 2 2-2 2 2 2-2 2\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>Powierzchnia robocza<\/strong>\r\n\r\n        <p>\r\n          Uszkodzenia, zabrudzenia i nier\u00f3wne zu\u017cycie mog\u0105\r\n          wp\u0142ywa\u0107 na kontakt wa\u0142u z materia\u0142em.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-diagnostic__area\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-diagnostic__area-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"7\"><\/circle>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>\u0141o\u017cyskowanie i obr\u00f3t<\/strong>\r\n\r\n        <p>\r\n          Ha\u0142as, drgania, op\u00f3r albo luz wymagaj\u0105 sprawdzenia\r\n          element\u00f3w obrotowych i zako\u0144cze\u0144 wa\u0142u.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-wb-v2-diagnostic__area\">\r\n\r\n        <span\r\n          class=\"prx-wb-v2-diagnostic__area-icon\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M5 19V7l7-3 7 3v12\"><\/path>\r\n            <path d=\"M4 19h16\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <strong>Mocowanie i geometria<\/strong>\r\n\r\n        <p>\r\n          Stan opraw, spos\u00f3b ustawienia oraz geometria wa\u0142u\r\n          powinny by\u0107 oceniane razem z ca\u0142ym uk\u0142adem.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-diagnostic__cta\">\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Masz zdj\u0119cia problemu albo zu\u017cytego wa\u0142u?\r\n        <\/strong>\r\n\r\n        <p>\r\n          Kolejny modu\u0142 pozwoli uporz\u0105dkowa\u0107 dane o elemencie,\r\n          materiale, miejscu monta\u017cu i obserwowanych objawach\r\n          przed przej\u015bciem do kontaktu.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v2-diagnostic__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-diagnostic__button\r\n                 prx-wb-v2-diagnostic__button--primary\"\r\n          href=\"#konfigurator-walu-bananowego\"\r\n        >\r\n          <span>Przejd\u017a do konfiguratora<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-diagnostic__button\r\n                 prx-wb-v2-diagnostic__button--secondary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Wy\u015blij zapytanie techniczne<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v2-diagnostic]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV2DiagnosticReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV2DiagnosticReady = \"true\";\r\n\r\n        const symptomButtons = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb8-symptom]\"\r\n          )\r\n        );\r\n\r\n        const countElement = section.querySelector(\r\n          \"[data-wb8-count]\"\r\n        );\r\n\r\n        const resetButton = section.querySelector(\r\n          \"[data-wb8-reset]\"\r\n        );\r\n\r\n        const resultTitle = section.querySelector(\r\n          \"[data-wb8-result-title]\"\r\n        );\r\n\r\n        const resultDescription = section.querySelector(\r\n          \"[data-wb8-result-description]\"\r\n        );\r\n\r\n        const statusElement = section.querySelector(\r\n          \".prx-wb-v2-diagnostic__result-status\"\r\n        );\r\n\r\n        const checkList = section.querySelector(\r\n          \"[data-wb8-check-list]\"\r\n        );\r\n\r\n        const fileList = section.querySelector(\r\n          \"[data-wb8-file-list]\"\r\n        );\r\n\r\n        const mapAreas = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb8-area]\"\r\n          )\r\n        );\r\n\r\n        const symptoms = {\r\n          \"center-fold\": {\r\n            group: \"process\",\r\n            areas: [\r\n              \"process\",\r\n              \"axis\"\r\n            ],\r\n            checks: [\r\n              \"Po\u0142o\u017cenie wa\u0142u w torze prowadzenia\",\r\n              \"Opasanie materia\u0142u na wale\",\r\n              \"Napi\u0119cie i szeroko\u015b\u0107 wst\u0119gi\",\r\n              \"Ustawienie oraz geometria ugi\u0119cia\"\r\n            ],\r\n            files: [\r\n              \"Zdj\u0119cie fa\u0142d z zaznaczeniem miejsca ich powstawania\",\r\n              \"Schemat lub zdj\u0119cie toru prowadzenia materia\u0142u\",\r\n              \"Informacja o materiale, szeroko\u015bci i pr\u0119dko\u015bci linii\"\r\n            ]\r\n          },\r\n\r\n          \"edge-fold\": {\r\n            group: \"process\",\r\n            areas: [\r\n              \"process\",\r\n              \"axis\"\r\n            ],\r\n            checks: [\r\n              \"Kierunek rozprowadzania materia\u0142u\",\r\n              \"Po\u0142o\u017cenie wa\u0142u wzgl\u0119dem s\u0105siednich rolek\",\r\n              \"Napi\u0119cie obu kraw\u0119dzi wst\u0119gi\",\r\n              \"Ustawienie ugi\u0119cia wa\u0142u\"\r\n            ],\r\n            files: [\r\n              \"Zdj\u0119cia obu kraw\u0119dzi materia\u0142u\",\r\n              \"Opis, po kt\u00f3rej stronie pojawia si\u0119 problem\",\r\n              \"Zdj\u0119cie miejsca monta\u017cu wa\u0142u\"\r\n            ]\r\n          },\r\n\r\n          tracking: {\r\n            group: \"process\",\r\n            areas: [\r\n              \"process\",\r\n              \"mounting\",\r\n              \"axis\"\r\n            ],\r\n            checks: [\r\n              \"Ustawienie wa\u0142u wzgl\u0119dem osi maszyny\",\r\n              \"Stan opraw i punkt\u00f3w mocowania\",\r\n              \"Tor materia\u0142u przed i za wa\u0142em\",\r\n              \"Napi\u0119cie oraz prowadzenie kraw\u0119dzi\"\r\n            ],\r\n            files: [\r\n              \"Zdj\u0119cie wa\u0142u wraz z s\u0105siednimi rolkami\",\r\n              \"Opis kierunku schodzenia materia\u0142u\",\r\n              \"Wymiary i spos\u00f3b mocowania wa\u0142u\"\r\n            ]\r\n          },\r\n\r\n          noise: {\r\n            group: \"mechanical\",\r\n            areas: [\r\n              \"bearings\",\r\n              \"mounting\"\r\n            ],\r\n            checks: [\r\n              \"Stan \u0142o\u017cyskowania po obu stronach wa\u0142u\",\r\n              \"Luz w oprawach i po\u0142\u0105czeniach\",\r\n              \"Stan czop\u00f3w oraz tulei\",\r\n              \"Miejsce wyst\u0119powania drga\u0144 lub nagrzewania\"\r\n            ],\r\n            files: [\r\n              \"Kr\u00f3tki film lub nagranie d\u017awi\u0119ku podczas pracy\",\r\n              \"Zdj\u0119cia opraw, czop\u00f3w i zako\u0144cze\u0144\",\r\n              \"Informacja, przy jakiej pr\u0119dko\u015bci wyst\u0119puje objaw\"\r\n            ]\r\n          },\r\n\r\n          surface: {\r\n            group: \"surface\",\r\n            areas: [\r\n              \"surface\"\r\n            ],\r\n            checks: [\r\n              \"Rodzaj i zakres uszkodzenia powierzchni\",\r\n              \"R\u00f3wnomierno\u015b\u0107 zu\u017cycia na ca\u0142ej d\u0142ugo\u015bci\",\r\n              \"Stan po\u0142\u0105cze\u0144 powierzchni z zako\u0144czeniami\",\r\n              \"Mo\u017cliwo\u015b\u0107 odtworzenia powierzchni po ocenie konstrukcji\"\r\n            ],\r\n            files: [\r\n              \"Zdj\u0119cia ca\u0142ej powierzchni roboczej\",\r\n              \"Zbli\u017cenia rys, p\u0119kni\u0119\u0107 albo miejsc zu\u017cycia\",\r\n              \"Informacja o materiale wst\u0119gi i \u015brodowisku pracy\"\r\n            ]\r\n          },\r\n\r\n          rotation: {\r\n            group: \"mechanical\",\r\n            areas: [\r\n              \"bearings\",\r\n              \"mounting\"\r\n            ],\r\n            checks: [\r\n              \"Swobod\u0119 i r\u00f3wnomierno\u015b\u0107 obrotu\",\r\n              \"Stan \u0142o\u017cysk, tulei i czop\u00f3w\",\r\n              \"Luz osiowy lub promieniowy\",\r\n              \"Stan opraw i ich ustawienie\"\r\n            ],\r\n            files: [\r\n              \"Film pokazuj\u0105cy obr\u00f3t wa\u0142u po zatrzymaniu maszyny\",\r\n              \"Zdj\u0119cia zako\u0144cze\u0144 i element\u00f3w \u0142o\u017cyskowania\",\r\n              \"Opis miejsca wyst\u0119powania oporu albo luzu\"\r\n            ]\r\n          }\r\n        };\r\n\r\n        const defaults = {\r\n          checks: [\r\n            \"Po\u0142o\u017cenie wa\u0142u w torze prowadzenia\",\r\n            \"Warunki opasania i napi\u0119cia wst\u0119gi\",\r\n            \"Stan powierzchni, \u0142o\u017cyskowania i mocowa\u0144\"\r\n          ],\r\n\r\n          files: [\r\n            \"Zdj\u0119cie ca\u0142ego wa\u0142u i miejsca monta\u017cu\",\r\n            \"Opis materia\u0142u oraz momentu pojawiania si\u0119 problemu\",\r\n            \"Podstawowe wymiary lub dost\u0119pny rysunek\"\r\n          ]\r\n        };\r\n\r\n        function uniqueValues(values) {\r\n          return Array.from(\r\n            new Set(values)\r\n          );\r\n        }\r\n\r\n        function renderList(element, values) {\r\n          element.innerHTML = \"\";\r\n\r\n          values.forEach(function (value) {\r\n            const item =\r\n              document.createElement(\"li\");\r\n\r\n            item.textContent = value;\r\n            element.appendChild(item);\r\n          });\r\n        }\r\n\r\n        function updateMap(activeAreas) {\r\n          mapAreas.forEach(function (area) {\r\n            area.classList.toggle(\r\n              \"is-active\",\r\n              activeAreas.has(\r\n                area.dataset.wb8Area\r\n              )\r\n            );\r\n          });\r\n        }\r\n\r\n        function updateResult() {\r\n          const activeButtons =\r\n            symptomButtons.filter(function (button) {\r\n              return button.classList.contains(\r\n                \"is-active\"\r\n              );\r\n            });\r\n\r\n          const selectedKeys =\r\n            activeButtons.map(function (button) {\r\n              return button.dataset.wb8Symptom;\r\n            });\r\n\r\n          countElement.textContent =\r\n            selectedKeys.length;\r\n\r\n          section.classList.toggle(\r\n            \"has-selection\",\r\n            selectedKeys.length > 0\r\n          );\r\n\r\n          if (selectedKeys.length === 0) {\r\n            resultTitle.textContent =\r\n              \"Zaznacz objaw, aby uporz\u0105dkowa\u0107 analiz\u0119\";\r\n\r\n            resultDescription.textContent =\r\n              \"Problem mo\u017ce wynika\u0107 z ustawienia wa\u0142u, napi\u0119cia materia\u0142u, geometrii toru, powierzchni roboczej, \u0142o\u017cyskowania albo wsp\u00f3\u0142dzia\u0142ania kilku element\u00f3w. Wybierz zauwa\u017cone objawy.\";\r\n\r\n            statusElement.textContent =\r\n              \"Oczekuje na wyb\u00f3r\";\r\n\r\n            renderList(\r\n              checkList,\r\n              defaults.checks\r\n            );\r\n\r\n            renderList(\r\n              fileList,\r\n              defaults.files\r\n            );\r\n\r\n            updateMap(new Set());\r\n            return;\r\n          }\r\n\r\n          const selectedData =\r\n            selectedKeys.map(function (key) {\r\n              return symptoms[key];\r\n            });\r\n\r\n          const groups =\r\n            new Set(\r\n              selectedData.map(function (item) {\r\n                return item.group;\r\n              })\r\n            );\r\n\r\n          const activeAreas =\r\n            new Set(\r\n              selectedData.flatMap(function (item) {\r\n                return item.areas;\r\n              })\r\n            );\r\n\r\n          const checks =\r\n            uniqueValues(\r\n              selectedData.flatMap(function (item) {\r\n                return item.checks;\r\n              })\r\n            ).slice(0, 6);\r\n\r\n          const files =\r\n            uniqueValues(\r\n              selectedData.flatMap(function (item) {\r\n                return item.files;\r\n              })\r\n            ).slice(0, 6);\r\n\r\n          const hasProcess =\r\n            groups.has(\"process\");\r\n\r\n          const hasMechanical =\r\n            groups.has(\"mechanical\");\r\n\r\n          const hasSurface =\r\n            groups.has(\"surface\");\r\n\r\n          if (\r\n            hasProcess &&\r\n            !hasMechanical &&\r\n            !hasSurface\r\n          ) {\r\n            resultTitle.textContent =\r\n              \"Najpierw sprawd\u017a warunki prowadzenia wst\u0119gi\";\r\n\r\n            resultDescription.textContent =\r\n              \"Zaznaczone objawy mog\u0105 by\u0107 zwi\u0105zane z po\u0142o\u017ceniem wa\u0142u, opasaniem, napi\u0119ciem materia\u0142u albo geometri\u0105 toru. Ocena powinna obejmowa\u0107 zar\u00f3wno wa\u0142, jak i jego wsp\u00f3\u0142prac\u0119 z pozosta\u0142ymi rolkami.\";\r\n          } else if (\r\n            hasMechanical &&\r\n            !hasProcess &&\r\n            !hasSurface\r\n          ) {\r\n            resultTitle.textContent =\r\n              \"Potrzebna jest ocena element\u00f3w mechanicznych\";\r\n\r\n            resultDescription.textContent =\r\n              \"Ha\u0142as, drgania, luz lub op\u00f3r mog\u0105 wymaga\u0107 sprawdzenia \u0142o\u017cyskowania, czop\u00f3w, opraw i mocowa\u0144. Zakres prac mo\u017cna okre\u015bli\u0107 dopiero po ogl\u0119dzinach i pomiarach.\";\r\n          } else if (\r\n            hasSurface &&\r\n            !hasProcess &&\r\n            !hasMechanical\r\n          ) {\r\n            resultTitle.textContent =\r\n              \"Powierzchnia robocza wymaga oceny\";\r\n\r\n            resultDescription.textContent =\r\n              \"Uszkodzenie albo nier\u00f3wne zu\u017cycie powierzchni nie przes\u0105dza jeszcze o pe\u0142nym zakresie regeneracji. Trzeba r\u00f3wnie\u017c sprawdzi\u0107 konstrukcj\u0119, zako\u0144czenia oraz stan element\u00f3w wewn\u0119trznych.\";\r\n          } else {\r\n            resultTitle.textContent =\r\n              \"Potrzebna jest kontrola wa\u0142u i uk\u0142adu prowadzenia\";\r\n\r\n            resultDescription.textContent =\r\n              \"Po\u0142\u0105czenie kilku objaw\u00f3w mo\u017ce wskazywa\u0107 na wi\u0119cej ni\u017c jeden obszar problemu. Analiza powinna obj\u0105\u0107 ustawienie procesu, powierzchni\u0119 robocz\u0105 oraz elementy mechaniczne wa\u0142u.\";\r\n          }\r\n\r\n          statusElement.textContent =\r\n            \"Wynik uzupe\u0142niony\";\r\n\r\n          renderList(\r\n            checkList,\r\n            checks\r\n          );\r\n\r\n          renderList(\r\n            fileList,\r\n            files\r\n          );\r\n\r\n          updateMap(activeAreas);\r\n        }\r\n\r\n        symptomButtons.forEach(function (button) {\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n              const active =\r\n                button.classList.toggle(\r\n                  \"is-active\"\r\n                );\r\n\r\n              button.setAttribute(\r\n                \"aria-pressed\",\r\n                active ? \"true\" : \"false\"\r\n              );\r\n\r\n              updateResult();\r\n            }\r\n          );\r\n        });\r\n\r\n        resetButton.addEventListener(\r\n          \"click\",\r\n          function () {\r\n            symptomButtons.forEach(\r\n              function (button) {\r\n                button.classList.remove(\r\n                  \"is-active\"\r\n                );\r\n\r\n                button.setAttribute(\r\n                  \"aria-pressed\",\r\n                  \"false\"\r\n                );\r\n              }\r\n            );\r\n\r\n            updateResult();\r\n          }\r\n        );\r\n\r\n        const reduceMotion =\r\n          window.matchMedia(\r\n            \"(prefers-reduced-motion: reduce)\"\r\n          ).matches;\r\n\r\n        if (\r\n          reduceMotion ||\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          section.classList.add(\"is-visible\");\r\n        } else {\r\n          const observer =\r\n            new IntersectionObserver(\r\n              function (entries) {\r\n                if (!entries[0].isIntersecting) {\r\n                  return;\r\n                }\r\n\r\n                section.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.disconnect();\r\n              },\r\n              {\r\n                threshold: 0.12\r\n              }\r\n            );\r\n\r\n          observer.observe(section);\r\n        }\r\n\r\n        section\r\n          .querySelectorAll('a[href^=\"#\"]')\r\n          .forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                const selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                if (\r\n                  !selector ||\r\n                  selector === \"#\"\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                const target =\r\n                  document.querySelector(selector);\r\n\r\n                if (!target) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                  behavior:\r\n                    reduceMotion\r\n                      ? \"auto\"\r\n                      : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n              }\r\n            );\r\n          });\r\n\r\n        updateResult();\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51ad293 elementor-widget elementor-widget-html\" data-id=\"51ad293\" 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 BLOK 5 \/ KORZY\u015aCI \u2014 WA\u0141Y BANANOWE\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-banana-benefits\"\r\n  id=\"korzysci-waly-bananowe\"\r\n  aria-labelledby=\"prx-banana-benefits-title\"\r\n>\r\n  <style>\r\n    .prx-banana-benefits,\r\n    .prx-banana-benefits * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-banana-benefits {\r\n      --prx-navy: #071b33;\r\n      --prx-deep: #031321;\r\n      --prx-blue: #0b3455;\r\n      --prx-blue-light: #17608e;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #41586b;\r\n      --prx-muted: #718497;\r\n      --prx-border: #dce5ec;\r\n      --prx-gray: #f4f6f9;\r\n      --prx-white: #ffffff;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 104px 24px 110px;\r\n      color: var(--prx-navy);\r\n      background:\r\n        radial-gradient(\r\n          circle at 8% 14%,\r\n          rgba(225, 6, 0, 0.055),\r\n          transparent 25%\r\n        ),\r\n        radial-gradient(\r\n          circle at 92% 86%,\r\n          rgba(17, 82, 128, 0.1),\r\n          transparent 28%\r\n        ),\r\n        var(--prx-gray);\r\n      font-family: inherit;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-banana-benefits a {\r\n      color: inherit;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-banana-benefits::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: 0;\r\n      left: 0;\r\n      width: 45%;\r\n      height: 100%;\r\n      opacity: 0.38;\r\n      background-image:\r\n        linear-gradient(rgba(7, 27, 51, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(7, 27, 51, 0.03) 1px, transparent 1px);\r\n      background-size: 46px 46px;\r\n      mask-image: linear-gradient(90deg, #000, transparent);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-banana-benefits::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      right: -260px;\r\n      bottom: -340px;\r\n      width: 760px;\r\n      height: 760px;\r\n      border: 1px solid rgba(7, 27, 51, 0.05);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        0 0 0 84px rgba(7, 27, 51, 0.012),\r\n        0 0 0 172px rgba(7, 27, 51, 0.008);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-banana-benefits__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1240px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================\r\n       NAG\u0141\u00d3WEK\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__header {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.68fr);\r\n      align-items: end;\r\n      gap: clamp(48px, 8vw, 105px);\r\n      margin-bottom: 51px;\r\n    }\r\n\r\n    .prx-banana-benefits__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin-bottom: 18px;\r\n      color: var(--prx-red);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n      line-height: 1.3;\r\n      letter-spacing: 1.3px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-banana-benefits__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-banana-benefits h2 {\r\n      max-width: 790px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(39px, 4.15vw, 62px);\r\n      font-weight: 800;\r\n      line-height: 1.07;\r\n      letter-spacing: -2.15px;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-banana-benefits__intro {\r\n      position: relative;\r\n      margin: 0 0 3px;\r\n      padding-left: 23px;\r\n      color: var(--prx-text);\r\n      font-size: clamp(16px, 1.3vw, 18px);\r\n      line-height: 1.72;\r\n    }\r\n\r\n    .prx-banana-benefits__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n      border-radius: 99px;\r\n      background: linear-gradient(\r\n        180deg,\r\n        var(--prx-red),\r\n        rgba(225, 6, 0, 0.09)\r\n      );\r\n    }\r\n\r\n    .prx-banana-benefits__intro strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 750;\r\n    }\r\n\r\n    \/* =========================\r\n       UK\u0141AD BENTO\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    \/* =========================\r\n       KARTA G\u0141\u00d3WNA\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__featured {\r\n      position: relative;\r\n      min-height: 635px;\r\n      overflow: hidden;\r\n      padding: 36px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 23px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 85% 15%,\r\n          rgba(31, 116, 171, 0.31),\r\n          transparent 31%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          var(--prx-deep),\r\n          var(--prx-navy) 58%,\r\n          var(--prx-blue)\r\n        );\r\n      box-shadow:\r\n        0 27px 63px rgba(7, 27, 51, 0.18),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n      color: #ffffff;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-banana-benefits__featured::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -1;\r\n      top: 0;\r\n      left: 36px;\r\n      width: 88px;\r\n      height: 4px;\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 5px 17px rgba(225, 6, 0, 0.38);\r\n    }\r\n\r\n    .prx-banana-benefits__featured::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      right: -160px;\r\n      bottom: -180px;\r\n      width: 440px;\r\n      height: 440px;\r\n      border: 1px solid rgba(255, 255, 255, 0.055);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        0 0 0 58px rgba(255, 255, 255, 0.014),\r\n        0 0 0 118px rgba(255, 255, 255, 0.009);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-banana-benefits__featured-top {\r\n      position: relative;\r\n      z-index: 3;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n    }\r\n\r\n    .prx-banana-benefits__featured-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 12px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      color: #c5d5e1;\r\n      font-size: 10px;\r\n      font-weight: 850;\r\n      line-height: 1.2;\r\n      letter-spacing: 0.8px;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-banana-benefits__featured-badge::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 9px rgba(225, 6, 0, 0.75);\r\n    }\r\n\r\n    .prx-banana-benefits__featured-number {\r\n      color: rgba(255, 255, 255, 0.19);\r\n      font-size: 38px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n    }\r\n\r\n    .prx-banana-benefits__featured-content {\r\n      position: relative;\r\n      z-index: 3;\r\n      max-width: 520px;\r\n      margin-top: 31px;\r\n    }\r\n\r\n    .prx-banana-benefits__featured h3 {\r\n      margin: 0 0 15px;\r\n      color: #ffffff;\r\n      font-size: clamp(29px, 3vw, 43px);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      letter-spacing: -1.2px;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-banana-benefits__featured p {\r\n      margin: 0;\r\n      color: #b4c6d4;\r\n      font-size: 15px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    \/* =========================\r\n       ANIMACJA WST\u0118GI\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__visual {\r\n      position: absolute;\r\n      z-index: 2;\r\n      right: 25px;\r\n      bottom: 27px;\r\n      left: 25px;\r\n      height: 285px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 17px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 50%,\r\n          rgba(25, 101, 151, 0.23),\r\n          transparent 42%\r\n        ),\r\n        rgba(2, 15, 28, 0.72);\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045),\r\n        0 18px 38px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .prx-banana-benefits__visual-top {\r\n      position: absolute;\r\n      z-index: 6;\r\n      top: 14px;\r\n      right: 14px;\r\n      left: 14px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-banana-benefits__visual-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 7px 9px;\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 7px;\r\n      background: rgba(3, 17, 31, 0.7);\r\n      color: #c5d5df;\r\n      font-size: 9px;\r\n      font-weight: 850;\r\n      line-height: 1.2;\r\n      letter-spacing: 0.65px;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .prx-banana-benefits__visual-label:first-child::before {\r\n      content: \"\";\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: #ffab43;\r\n    }\r\n\r\n    .prx-banana-benefits__visual-label:last-child::before {\r\n      content: \"\";\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 50%;\r\n      background: #34d98a;\r\n      box-shadow: 0 0 8px rgba(52, 217, 138, 0.6);\r\n    }\r\n\r\n    .prx-banana-benefits__visual svg {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .prx-banana-benefits__visual-grid {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.045);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    .prx-banana-benefits__material {\r\n      fill: url(\"#prxBananaBenefitMaterial\");\r\n      stroke: rgba(255, 255, 255, 0.22);\r\n      stroke-width: 1.5;\r\n    }\r\n\r\n    .prx-banana-benefits__divider {\r\n      fill: rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .prx-banana-benefits__center-glow {\r\n      fill: rgba(225, 6, 0, 0.18);\r\n      filter: blur(7px);\r\n    }\r\n\r\n    .prx-banana-benefits__wrinkle {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.63);\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 6 8;\r\n      animation: prxBananaBenefitWrinkle 1.8s linear infinite;\r\n    }\r\n\r\n    .prx-banana-benefits__smooth-line {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.38);\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-dasharray: 10 11;\r\n      animation: prxBananaBenefitSmooth 1.8s linear infinite;\r\n    }\r\n\r\n    .prx-banana-benefits__arrow {\r\n      fill: none;\r\n      stroke: #ff3933;\r\n      stroke-width: 3;\r\n      stroke-linecap: round;\r\n      marker-end: url(\"#prxBananaBenefitArrow\");\r\n      filter: drop-shadow(0 0 5px rgba(225, 6, 0, 0.65));\r\n      animation: prxBananaBenefitArrowMove 1.6s ease-in-out infinite;\r\n    }\r\n\r\n    \/* =========================\r\n       MNIEJSZE KARTY\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 20px;\r\n    }\r\n\r\n    .prx-banana-benefits__card {\r\n      position: relative;\r\n      min-height: 307px;\r\n      overflow: hidden;\r\n      padding: 28px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      box-shadow:\r\n        0 16px 38px rgba(7, 27, 51, 0.065),\r\n        inset 0 1px 0 #ffffff;\r\n      transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n    }\r\n\r\n    .prx-banana-benefits__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 0;\r\n      height: 4px;\r\n      border-radius: 0 99px 99px 0;\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--prx-red),\r\n        #ff524d\r\n      );\r\n      transition: width 0.35s ease;\r\n    }\r\n\r\n    .prx-banana-benefits__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -75px;\r\n      bottom: -85px;\r\n      width: 190px;\r\n      height: 190px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(\r\n        circle,\r\n        rgba(12, 61, 98, 0.065),\r\n        transparent 68%\r\n      );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-banana-benefits__card-top {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      margin-bottom: 27px;\r\n    }\r\n\r\n    .prx-banana-benefits__icon {\r\n      display: flex;\r\n      width: 62px;\r\n      height: 62px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #d9e4eb;\r\n      border-radius: 16px;\r\n      background: linear-gradient(\r\n        145deg,\r\n        #ffffff,\r\n        #edf3f6\r\n      );\r\n      color: var(--prx-blue);\r\n      box-shadow:\r\n        0 10px 22px rgba(7, 27, 51, 0.08),\r\n        inset 0 1px 0 #ffffff;\r\n      transition:\r\n        color 0.3s ease,\r\n        background 0.3s ease,\r\n        transform 0.3s ease;\r\n    }\r\n\r\n    .prx-banana-benefits__icon svg {\r\n      width: 34px;\r\n      height: 34px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.75;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-banana-benefits__number {\r\n      color: #c4d0d9;\r\n      font-size: 25px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n    }\r\n\r\n    .prx-banana-benefits__card-content {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-banana-benefits__card h3 {\r\n      margin: 0 0 11px;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(19px, 1.6vw, 24px);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      letter-spacing: -0.55px;\r\n    }\r\n\r\n    .prx-banana-benefits__card p {\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 13px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .prx-banana-benefits__card-note {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      margin-top: 16px;\r\n      color: var(--prx-blue);\r\n      font-size: 10.5px;\r\n      font-weight: 800;\r\n      line-height: 1.35;\r\n      letter-spacing: 0.3px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-banana-benefits__card-note::before {\r\n      content: \"\";\r\n      width: 18px;\r\n      height: 2px;\r\n      border-radius: 99px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    \/* =========================\r\n       \u0141A\u0143CUCH EFEKT\u00d3W\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__chain {\r\n      display: grid;\r\n      grid-template-columns: repeat(7, auto);\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 15px;\r\n      margin-top: 21px;\r\n      padding: 22px 25px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 16px;\r\n      background: rgba(255, 255, 255, 0.76);\r\n      box-shadow: inset 0 1px 0 #ffffff;\r\n    }\r\n\r\n    .prx-banana-benefits__chain-step {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      color: var(--prx-navy);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      line-height: 1.35;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-banana-benefits__chain-step span {\r\n      display: inline-flex;\r\n      width: 27px;\r\n      height: 27px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #d8e2e9;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 10px;\r\n      box-shadow: 0 6px 14px rgba(7, 27, 51, 0.055);\r\n    }\r\n\r\n    .prx-banana-benefits__chain-arrow {\r\n      width: 35px;\r\n      height: 1px;\r\n      background: linear-gradient(\r\n        90deg,\r\n        #c7d3dc,\r\n        var(--prx-red)\r\n      );\r\n    }\r\n\r\n    .prx-banana-benefits__chain-arrow::after {\r\n      content: \"\";\r\n      display: block;\r\n      width: 6px;\r\n      height: 6px;\r\n      margin-top: -3px;\r\n      margin-left: auto;\r\n      border-top: 1px solid var(--prx-red);\r\n      border-right: 1px solid var(--prx-red);\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    \/* =========================\r\n       CTA\r\n    ========================= *\/\r\n\r\n    .prx-banana-benefits__cta {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      align-items: center;\r\n      gap: 40px;\r\n      overflow: hidden;\r\n      margin-top: 42px;\r\n      padding: 35px 38px;\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 19px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 12%,\r\n          rgba(29, 109, 162, 0.29),\r\n          transparent 29%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--prx-deep),\r\n          var(--prx-navy) 58%,\r\n          var(--prx-blue)\r\n        );\r\n      box-shadow: 0 21px 50px rgba(7, 27, 51, 0.16);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-banana-benefits__cta-content strong {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: #ffffff;\r\n      font-size: clamp(22px, 2.25vw, 31px);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      letter-spacing: -0.65px;\r\n    }\r\n\r\n    .prx-banana-benefits__cta-content p {\r\n      max-width: 700px;\r\n      margin: 0;\r\n      color: #aec1cf;\r\n      font-size: 13.5px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .prx-banana-benefits__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-banana-benefits__button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      min-height: 53px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      overflow: hidden;\r\n      padding: 13px 20px;\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n      color: #ffffff !important;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      white-space: nowrap;\r\n      transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-banana-benefits__button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -160%;\r\n      left: -60%;\r\n      width: 40%;\r\n      height: 420%;\r\n      background: rgba(255, 255, 255, 0.18);\r\n      transform: rotate(24deg);\r\n      transition: left 0.55s ease;\r\n    }\r\n\r\n    .prx-banana-benefits__button:hover::before {\r\n      left: 125%;\r\n    }\r\n\r\n    .prx-banana-benefits__button--primary {\r\n      background: linear-gradient(\r\n        135deg,\r\n        #f01913,\r\n        var(--prx-red-dark)\r\n      );\r\n      box-shadow: 0 12px 29px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-banana-benefits__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.2);\r\n      background: rgba(255, 255, 255, 0.07);\r\n    }\r\n\r\n    .prx-banana-benefits__button span,\r\n    .prx-banana-benefits__button svg {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-banana-benefits__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      transition: transform 0.25s ease;\r\n    }\r\n\r\n    .prx-banana-benefits__button:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-banana-benefits__button--primary:hover {\r\n      box-shadow: 0 16px 37px rgba(225, 6, 0, 0.34);\r\n    }\r\n\r\n    .prx-banana-benefits__button--secondary:hover {\r\n      border-color: rgba(255, 255, 255, 0.38);\r\n      background: rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .prx-banana-benefits__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    \/* =========================\r\n       ANIMACJE\r\n    ========================= *\/\r\n\r\n    @keyframes prxBananaBenefitWrinkle {\r\n      to {\r\n        stroke-dashoffset: -35;\r\n      }\r\n    }\r\n\r\n    @keyframes prxBananaBenefitSmooth {\r\n      to {\r\n        stroke-dashoffset: 42;\r\n      }\r\n    }\r\n\r\n    @keyframes prxBananaBenefitArrowMove {\r\n      0%,\r\n      100% {\r\n        opacity: 0.55;\r\n        transform: translateX(-3px);\r\n      }\r\n\r\n      50% {\r\n        opacity: 1;\r\n        transform: translateX(4px);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .prx-banana-benefits__card:hover {\r\n        border-color: #c6d5df;\r\n        box-shadow:\r\n          0 23px 48px rgba(7, 27, 51, 0.11),\r\n          inset 0 1px 0 #ffffff;\r\n        transform: translateY(-7px);\r\n      }\r\n\r\n      .prx-banana-benefits__card:hover::before {\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-banana-benefits__card:hover\r\n        .prx-banana-benefits__icon {\r\n        color: #ffffff;\r\n        background: linear-gradient(\r\n          145deg,\r\n          var(--prx-blue),\r\n          var(--prx-navy)\r\n        );\r\n        transform: rotate(-3deg) scale(1.04);\r\n      }\r\n    }\r\n\r\n    \/* =========================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-banana-benefits__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-banana-benefits__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-banana-benefits__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-banana-benefits__featured {\r\n        min-height: 610px;\r\n      }\r\n\r\n      .prx-banana-benefits__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 23px;\r\n      }\r\n\r\n      .prx-banana-benefits__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n      .prx-banana-benefits {\r\n        padding: 85px 18px 92px;\r\n      }\r\n\r\n      .prx-banana-benefits__chain {\r\n        grid-template-columns: 1fr;\r\n        justify-items: stretch;\r\n      }\r\n\r\n      .prx-banana-benefits__chain-step {\r\n        justify-content: center;\r\n      }\r\n\r\n      .prx-banana-benefits__chain-arrow {\r\n        width: 1px;\r\n        height: 24px;\r\n        margin: 0 auto;\r\n        background: linear-gradient(\r\n          180deg,\r\n          #c7d3dc,\r\n          var(--prx-red)\r\n        );\r\n      }\r\n\r\n      .prx-banana-benefits__chain-arrow::after {\r\n        margin-top: auto;\r\n        margin-bottom: 0;\r\n        margin-left: -3px;\r\n        transform: rotate(135deg);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 680px) {\r\n      .prx-banana-benefits {\r\n        padding: 72px 15px 78px;\r\n      }\r\n\r\n      .prx-banana-benefits h2 {\r\n        font-size: clamp(35px, 10.3vw, 47px);\r\n        letter-spacing: -1.4px;\r\n      }\r\n\r\n      .prx-banana-benefits__featured {\r\n        min-height: 650px;\r\n        padding: 29px 24px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-banana-benefits__visual {\r\n        right: 15px;\r\n        bottom: 15px;\r\n        left: 15px;\r\n        height: 300px;\r\n      }\r\n\r\n      .prx-banana-benefits__cards {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-banana-benefits__card {\r\n        min-height: 0;\r\n      }\r\n\r\n      .prx-banana-benefits__cta {\r\n        padding: 30px 23px;\r\n      }\r\n\r\n      .prx-banana-benefits__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-banana-benefits__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n      .prx-banana-benefits {\r\n        padding-right: 12px;\r\n        padding-left: 12px;\r\n      }\r\n\r\n      .prx-banana-benefits__featured {\r\n        min-height: 680px;\r\n      }\r\n\r\n      .prx-banana-benefits__featured-top {\r\n        align-items: flex-start;\r\n      }\r\n\r\n      .prx-banana-benefits__featured-badge {\r\n        border-radius: 10px;\r\n      }\r\n\r\n      .prx-banana-benefits__visual-label {\r\n        font-size: 8px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-banana-benefits *,\r\n      .prx-banana-benefits *::before,\r\n      .prx-banana-benefits *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-banana-benefits__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n    <header class=\"prx-banana-benefits__header\">\r\n\r\n      <div>\r\n        <span class=\"prx-banana-benefits__label\">\r\n          Korzy\u015bci dla procesu\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-banana-benefits-title\">\r\n          Co zyskujesz, stosuj\u0105c prawid\u0142owo dobrany wa\u0142 bananowy?\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"prx-banana-benefits__intro\">\r\n        Wa\u0142 bananowy nie jest przypadkowym elementem prowadz\u0105cym.\r\n        Jego geometria, powierzchnia i po\u0142o\u017cenie maj\u0105 wp\u0142yw na spos\u00f3b\r\n        zachowania ca\u0142ej wst\u0119gi. <strong>Prawid\u0142owy dob\u00f3r mo\u017ce ograniczy\u0107\r\n        problemy z materia\u0142em i poprawi\u0107 powtarzalno\u015b\u0107 procesu.<\/strong>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- UK\u0141AD KORZY\u015aCI -->\r\n    <div class=\"prx-banana-benefits__grid\">\r\n\r\n      <!-- G\u0141\u00d3WNA KORZY\u015a\u0106 -->\r\n      <article class=\"prx-banana-benefits__featured\">\r\n\r\n        <div class=\"prx-banana-benefits__featured-top\">\r\n          <span class=\"prx-banana-benefits__featured-badge\">\r\n            Najwa\u017cniejszy efekt procesu\r\n          <\/span>\r\n\r\n          <span\r\n            class=\"prx-banana-benefits__featured-number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            01\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-banana-benefits__featured-content\">\r\n          <h3>\r\n            Ograniczenie fa\u0142d i zmarszcze\u0144 materia\u0142u\r\n          <\/h3>\r\n\r\n          <p>\r\n            Odpowiednio ustawiony wa\u0142 pomaga rozprowadza\u0107 materia\u0142 od \u015brodka\r\n            ku kraw\u0119dziom. Mo\u017ce dzi\u0119ki temu ograniczy\u0107 fa\u0142dy, zagniecenia\r\n            i miejscowe nagromadzenie materia\u0142u przed kolejnym etapem procesu.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- ANIMACJA PRZED \/ PO -->\r\n        <div class=\"prx-banana-benefits__visual\">\r\n\r\n          <div class=\"prx-banana-benefits__visual-top\">\r\n            <span class=\"prx-banana-benefits__visual-label\">\r\n              Przed rozprowadzeniem\r\n            <\/span>\r\n\r\n            <span class=\"prx-banana-benefits__visual-label\">\r\n              Po rozprowadzeniu\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <svg\r\n            viewBox=\"0 0 720 300\"\r\n            role=\"img\"\r\n            aria-label=\"Pogl\u0105dowe por\u00f3wnanie pofa\u0142dowanej i rozprowadzonej wst\u0119gi\"\r\n            preserveAspectRatio=\"none\"\r\n          >\r\n            <defs>\r\n              <linearGradient\r\n                id=\"prxBananaBenefitMaterial\"\r\n                x1=\"0\"\r\n                y1=\"0\"\r\n                x2=\"1\"\r\n                y2=\"0\"\r\n              >\r\n                <stop\r\n                  offset=\"0\"\r\n                  stop-color=\"#1677aa\"\r\n                  stop-opacity=\"0.48\"\r\n                ><\/stop>\r\n\r\n                <stop\r\n                  offset=\"0.48\"\r\n                  stop-color=\"#238ebd\"\r\n                  stop-opacity=\"0.58\"\r\n                ><\/stop>\r\n\r\n                <stop\r\n                  offset=\"0.52\"\r\n                  stop-color=\"#2e9bc8\"\r\n                  stop-opacity=\"0.58\"\r\n                ><\/stop>\r\n\r\n                <stop\r\n                  offset=\"1\"\r\n                  stop-color=\"#68c6e3\"\r\n                  stop-opacity=\"0.43\"\r\n                ><\/stop>\r\n              <\/linearGradient>\r\n\r\n              <marker\r\n                id=\"prxBananaBenefitArrow\"\r\n                viewBox=\"0 0 12 12\"\r\n                refX=\"10\"\r\n                refY=\"6\"\r\n                markerWidth=\"6\"\r\n                markerHeight=\"6\"\r\n                orient=\"auto\"\r\n              >\r\n                <path d=\"M1 1L11 6L1 11Z\" fill=\"#ff3933\"><\/path>\r\n              <\/marker>\r\n            <\/defs>\r\n\r\n            <!-- SIATKA -->\r\n            <path\r\n              class=\"prx-banana-benefits__visual-grid\"\r\n              d=\"M0 70H720M0 120H720M0 170H720M0 220H720M0 270H720\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__visual-grid\"\r\n              d=\"M60 0V300M120 0V300M180 0V300M240 0V300M300 0V300M360 0V300M420 0V300M480 0V300M540 0V300M600 0V300M660 0V300\"\r\n            ><\/path>\r\n\r\n            <!-- MATERIA\u0141 -->\r\n            <rect\r\n              class=\"prx-banana-benefits__material\"\r\n              x=\"28\"\r\n              y=\"74\"\r\n              width=\"664\"\r\n              height=\"190\"\r\n              rx=\"15\"\r\n            ><\/rect>\r\n\r\n            <!-- PODZIA\u0141 -->\r\n            <rect\r\n              class=\"prx-banana-benefits__center-glow\"\r\n              x=\"345\"\r\n              y=\"60\"\r\n              width=\"30\"\r\n              height=\"220\"\r\n              rx=\"15\"\r\n            ><\/rect>\r\n\r\n            <rect\r\n              class=\"prx-banana-benefits__divider\"\r\n              x=\"359\"\r\n              y=\"68\"\r\n              width=\"2\"\r\n              height=\"204\"\r\n            ><\/rect>\r\n\r\n            <!-- FA\u0141DY -->\r\n            <path\r\n              class=\"prx-banana-benefits__wrinkle\"\r\n              d=\"M95 248 C62 210 124 181 91 144 C62 112 112 95 96 78\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__wrinkle\"\r\n              d=\"M165 255 C202 214 140 183 174 145 C203 112 151 95 170 77\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__wrinkle\"\r\n              d=\"M235 251 C202 211 261 180 229 145 C202 113 250 96 235 79\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__wrinkle\"\r\n              d=\"M300 250 C333 211 275 181 307 145 C333 113 287 96 302 78\"\r\n            ><\/path>\r\n\r\n            <!-- G\u0141ADKIE PROWADZENIE -->\r\n            <path\r\n              class=\"prx-banana-benefits__smooth-line\"\r\n              d=\"M427 250V80\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__smooth-line\"\r\n              d=\"M500 250V80\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__smooth-line\"\r\n              d=\"M573 250V80\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__smooth-line\"\r\n              d=\"M646 250V80\"\r\n            ><\/path>\r\n\r\n            <!-- STRZA\u0141KI -->\r\n            <path\r\n              class=\"prx-banana-benefits__arrow\"\r\n              d=\"M480 168H407\"\r\n            ><\/path>\r\n\r\n            <path\r\n              class=\"prx-banana-benefits__arrow\"\r\n              d=\"M575 168H648\"\r\n            ><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- POZOSTA\u0141E KORZY\u015aCI -->\r\n      <div class=\"prx-banana-benefits__cards\">\r\n\r\n        <!-- 02 -->\r\n        <article class=\"prx-banana-benefits__card\">\r\n\r\n          <div class=\"prx-banana-benefits__card-top\">\r\n\r\n            <div class=\"prx-banana-benefits__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M7 24h34\"><\/path>\r\n                <path d=\"M10 17c8 4 20 4 28 0\"><\/path>\r\n                <path d=\"M10 31c8-4 20-4 28 0\"><\/path>\r\n                <path d=\"m7 24 6-5\"><\/path>\r\n                <path d=\"m7 24 6 5\"><\/path>\r\n                <path d=\"m41 24-6-5\"><\/path>\r\n                <path d=\"m41 24-6 5\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span\r\n              class=\"prx-banana-benefits__number\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              02\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-banana-benefits__card-content\">\r\n            <h3>Stabilniejsze prowadzenie wst\u0119gi<\/h3>\r\n\r\n            <p>\r\n              Rozprowadzanie materia\u0142u na szeroko\u015bci mo\u017ce pom\u00f3c utrzyma\u0107\r\n              bardziej uporz\u0105dkowany tor przed drukowaniem, laminowaniem,\r\n              ci\u0119ciem albo przewijaniem.\r\n            <\/p>\r\n\r\n            <span class=\"prx-banana-benefits__card-note\">\r\n              Wi\u0119ksza stabilno\u015b\u0107 procesu\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 03 -->\r\n        <article class=\"prx-banana-benefits__card\">\r\n\r\n          <div class=\"prx-banana-benefits__card-top\">\r\n\r\n            <div class=\"prx-banana-benefits__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M10 12h28v24H10z\"><\/path>\r\n                <path d=\"M10 20h28\"><\/path>\r\n                <path d=\"M18 12v24\"><\/path>\r\n                <path d=\"m25 29 4 4 8-10\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span\r\n              class=\"prx-banana-benefits__number\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              03\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-banana-benefits__card-content\">\r\n            <h3>Mniejsze straty materia\u0142owe<\/h3>\r\n\r\n            <p>\r\n              Ograniczenie zagniece\u0144 i b\u0142\u0119d\u00f3w prowadzenia mo\u017ce zmniejszy\u0107\r\n              ilo\u015b\u0107 materia\u0142u odrzucanego z powodu fa\u0142d, przesuni\u0119\u0107\r\n              albo niestabilnego przej\u015bcia przez maszyn\u0119.\r\n            <\/p>\r\n\r\n            <span class=\"prx-banana-benefits__card-note\">\r\n              Ograniczenie odpad\u00f3w\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 04 -->\r\n        <article class=\"prx-banana-benefits__card\">\r\n\r\n          <div class=\"prx-banana-benefits__card-top\">\r\n\r\n            <div class=\"prx-banana-benefits__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <circle cx=\"24\" cy=\"24\" r=\"16\"><\/circle>\r\n                <circle cx=\"24\" cy=\"24\" r=\"9\"><\/circle>\r\n                <circle cx=\"24\" cy=\"24\" r=\"3\"><\/circle>\r\n                <path d=\"M24 8v5\"><\/path>\r\n                <path d=\"M24 35v5\"><\/path>\r\n                <path d=\"M8 24h5\"><\/path>\r\n                <path d=\"M35 24h5\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span\r\n              class=\"prx-banana-benefits__number\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              04\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-banana-benefits__card-content\">\r\n            <h3>Lepsza jako\u015b\u0107 kolejnych operacji<\/h3>\r\n\r\n            <p>\r\n              R\u00f3wniej prowadzona wst\u0119ga tworzy lepsze warunki do realizacji\r\n              nast\u0119pnych etap\u00f3w, takich jak druk, powlekanie, laminowanie,\r\n              ci\u0119cie i nawijanie.\r\n            <\/p>\r\n\r\n            <span class=\"prx-banana-benefits__card-note\">\r\n              Powtarzalniejszy rezultat\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 05 -->\r\n        <article class=\"prx-banana-benefits__card\">\r\n\r\n          <div class=\"prx-banana-benefits__card-top\">\r\n\r\n            <div class=\"prx-banana-benefits__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M8 32h32\"><\/path>\r\n                <path d=\"M12 32V18h24v14\"><\/path>\r\n                <path d=\"M18 18v-5h12v5\"><\/path>\r\n                <circle cx=\"17\" cy=\"32\" r=\"4\"><\/circle>\r\n                <circle cx=\"31\" cy=\"32\" r=\"4\"><\/circle>\r\n                <path d=\"M6 39h36\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <span\r\n              class=\"prx-banana-benefits__number\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              05\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-banana-benefits__card-content\">\r\n            <h3>Dopasowanie do istniej\u0105cej maszyny<\/h3>\r\n\r\n            <p>\r\n              Wymiary, mocowanie, ugi\u0119cie i powierzchni\u0119 wa\u0142u mo\u017cna\r\n              dopasowa\u0107 do miejsca pracy w istniej\u0105cej linii bez\r\n              automatycznego zmieniania ca\u0142ego uk\u0142adu prowadzenia.\r\n            <\/p>\r\n\r\n            <span class=\"prx-banana-benefits__card-note\">\r\n              Integracja z lini\u0105\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0141A\u0143CUCH EFEKT\u00d3W -->\r\n    <div\r\n      class=\"prx-banana-benefits__chain\"\r\n      aria-label=\"\u0141a\u0144cuch korzy\u015bci wynikaj\u0105cych z zastosowania wa\u0142u bananowego\"\r\n    >\r\n      <div class=\"prx-banana-benefits__chain-step\">\r\n        <span>01<\/span>\r\n        Rozprowadzenie wst\u0119gi\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"prx-banana-benefits__chain-arrow\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div class=\"prx-banana-benefits__chain-step\">\r\n        <span>02<\/span>\r\n        Stabilniejszy tor\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"prx-banana-benefits__chain-arrow\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div class=\"prx-banana-benefits__chain-step\">\r\n        <span>03<\/span>\r\n        Mniej zak\u0142\u00f3ce\u0144\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"prx-banana-benefits__chain-arrow\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div class=\"prx-banana-benefits__chain-step\">\r\n        <span>04<\/span>\r\n        Powtarzalniejszy proces\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"prx-banana-benefits__cta\">\r\n\r\n      <div class=\"prx-banana-benefits__cta-content\">\r\n        <strong>\r\n          Masz problem z marszczeniem lub prowadzeniem materia\u0142u?\r\n        <\/strong>\r\n\r\n        <p>\r\n          Skorzystaj z konfiguratora albo opisz materia\u0142, pr\u0119dko\u015b\u0107 linii,\r\n          miejsce powstawania fa\u0142d i obecny uk\u0142ad prowadzenia wst\u0119gi.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"prx-banana-benefits__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-banana-benefits__button\r\n                 prx-banana-benefits__button--primary\"\r\n          href=\"#konfigurator-walu-bananowego\"\r\n        >\r\n          <span>Przejd\u017a do konfiguratora<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-banana-benefits__button\r\n                 prx-banana-benefits__button--secondary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Przejd\u017a do kontaktu<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-718ff6f elementor-widget elementor-widget-html\" data-id=\"718ff6f\" 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 WA\u0141Y BANANOWE\r\n     BLOK 10: PROCES REALIZACJI\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v2-process\"\r\n  id=\"proces-realizacji-walu-bananowego\"\r\n  aria-labelledby=\"prx-wb-v2-process-title\"\r\n  data-prx-wb-v2-process\r\n>\r\n  <style>\r\n    .prx-wb-v2-process,\r\n    .prx-wb-v2-process *,\r\n    .prx-wb-v2-process *::before,\r\n    .prx-wb-v2-process *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v2-process {\r\n      --wb10-navy-950: #031321;\r\n      --wb10-navy-900: #061b30;\r\n      --wb10-navy-800: #092e4b;\r\n      --wb10-navy-700: #0e456c;\r\n      --wb10-blue: #247fae;\r\n      --wb10-red: #e10600;\r\n      --wb10-red-dark: #bd0000;\r\n      --wb10-green: #2b9e69;\r\n      --wb10-white: #ffffff;\r\n      --wb10-bg: #eef3f6;\r\n      --wb10-bg-soft: #f8fafb;\r\n      --wb10-text: #435b6d;\r\n      --wb10-muted: #748898;\r\n      --wb10-border: #d9e3ea;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: clamp(88px, 8vw, 122px) 24px;\r\n      scroll-margin-top: 90px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 6% 13%,\r\n          rgba(36, 127, 174, 0.11),\r\n          transparent 27%\r\n        ),\r\n        radial-gradient(\r\n          circle at 92% 89%,\r\n          rgba(225, 6, 0, 0.04),\r\n          transparent 24%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #ffffff 0%,\r\n          #f1f5f7 100%\r\n        );\r\n\r\n      color: var(--wb10-navy-950) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v2-process h2,\r\n    .prx-wb-v2-process h3,\r\n    .prx-wb-v2-process p,\r\n    .prx-wb-v2-process span,\r\n    .prx-wb-v2-process strong,\r\n    .prx-wb-v2-process a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v2-process a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v2-process svg {\r\n      display: block;\r\n    }\r\n\r\n    .prx-wb-v2-process::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: -330px;\r\n      right: -270px;\r\n      width: 760px;\r\n      height: 760px;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 84px rgba(3, 19, 33, 0.012),\r\n        0 0 0 170px rgba(3, 19, 33, 0.007);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-process::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      bottom: -130px;\r\n      left: -70px;\r\n      width: 620px;\r\n      height: 400px;\r\n      opacity: 0.38;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 42px 42px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 30%,\r\n          transparent 92%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 30%,\r\n          transparent 92%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-process__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1250px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.94fr)\r\n        minmax(350px, 0.66fr);\r\n      align-items: end;\r\n      gap: clamp(45px, 8vw, 105px);\r\n      margin-bottom: 51px;\r\n    }\r\n\r\n    .prx-wb-v2-process__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 18px;\r\n\r\n      color: var(--wb10-red) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.25px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-process__label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--wb10-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v2-process__title {\r\n      max-width: 790px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb10-navy-950) !important;\r\n      font-size: clamp(38px, 4.1vw, 60px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.07 !important;\r\n      letter-spacing: -2px !important;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v2-process__title strong {\r\n      color: var(--wb10-red) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__intro {\r\n      position: relative;\r\n      margin: 0 0 3px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--wb10-text) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n      width: 3px;\r\n\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb10-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-process__intro strong {\r\n      color: var(--wb10-navy-950) !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       G\u0141\u00d3WNY UK\u0141AD\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__layout {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(310px, 0.64fr)\r\n        minmax(0, 1.36fr);\r\n      align-items: start;\r\n      gap: 24px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       LEWY PANEL\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__side {\r\n      position: sticky;\r\n      top: 100px;\r\n      overflow: hidden;\r\n      padding: 30px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 21px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(36, 127, 174, 0.3),\r\n          transparent 34%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          var(--wb10-navy-950),\r\n          var(--wb10-navy-900) 58%,\r\n          var(--wb10-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 26px 58px rgba(3, 19, 33, 0.18),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__side::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 30px;\r\n      width: 76px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--wb10-red);\r\n    }\r\n\r\n    .prx-wb-v2-process__side::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -125px;\r\n      bottom: -135px;\r\n      width: 300px;\r\n      height: 300px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 48px rgba(255, 255, 255, 0.012),\r\n        0 0 0 96px rgba(255, 255, 255, 0.007);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v2-process__side > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v2-process__side-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ff6c67 !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.95px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-process__side h3 {\r\n      margin: 0 0 11px !important;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(26px, 2.3vw, 34px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.16 !important;\r\n      letter-spacing: -0.75px !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__side-description {\r\n      margin: 0 !important;\r\n\r\n      color: #aebfcd !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.64 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       \u015aCIE\u017bKI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__paths {\r\n      display: grid;\r\n      gap: 9px;\r\n      margin-top: 23px;\r\n    }\r\n\r\n    .prx-wb-v2-process__path {\r\n      display: grid;\r\n      grid-template-columns:\r\n        39px minmax(0, 1fr);\r\n      align-items: center;\r\n      gap: 11px;\r\n      padding: 11px 12px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 10px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n    }\r\n\r\n    .prx-wb-v2-process__path-icon {\r\n      display: inline-flex;\r\n      width: 39px;\r\n      height: 39px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 9px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n\r\n      color: #72b3d5 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__path:last-child\r\n      .prx-wb-v2-process__path-icon {\r\n      color: #ff706b !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__path-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n\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\r\n    .prx-wb-v2-process__path strong {\r\n      display: block;\r\n      margin: 0 0 3px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 12px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__path span {\r\n      display: block;\r\n\r\n      color: #8fa9ba !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ZASADA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__rule {\r\n      margin-top: 22px;\r\n      padding-top: 20px;\r\n\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .prx-wb-v2-process__rule strong {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__rule p {\r\n      margin: 0 !important;\r\n\r\n      color: #96adbd !important;\r\n      font-size: 11px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.56 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       TIMELINE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__timeline {\r\n      position: relative;\r\n      display: grid;\r\n      gap: 15px;\r\n      min-width: 0;\r\n      padding-left: 59px;\r\n    }\r\n\r\n    .prx-wb-v2-process__track {\r\n      position: absolute;\r\n      top: 34px;\r\n      bottom: 34px;\r\n      left: 22px;\r\n      width: 3px;\r\n      overflow: hidden;\r\n\r\n      border-radius: 99px;\r\n      background: #d7e2e9;\r\n    }\r\n\r\n    .prx-wb-v2-process__track-fill {\r\n      width: 100%;\r\n      height: 0%;\r\n\r\n      border-radius: inherit;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--wb10-red),\r\n          #ff5e58\r\n        );\r\n\r\n      transition: height 0.5s ease;\r\n    }\r\n\r\n    \/* =========================================================\r\n       KROK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__step {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns:\r\n        65px minmax(0, 1fr);\r\n      align-items: start;\r\n      gap: 19px;\r\n      min-width: 0;\r\n      padding: 24px;\r\n\r\n      border: 1px solid var(--wb10-border);\r\n      border-radius: 17px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n\r\n      box-shadow:\r\n        0 15px 37px rgba(3, 19, 33, 0.055),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(22px);\r\n\r\n      transition:\r\n        opacity 0.55s ease,\r\n        transform 0.55s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v2-process__step.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v2-process__step::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 31px;\r\n      left: -48px;\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      border: 4px solid #ffffff;\r\n      border-radius: 50%;\r\n      background: #becdd7;\r\n\r\n      box-shadow:\r\n        0 0 0 2px #d7e2e9;\r\n\r\n      transition:\r\n        background-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n    }\r\n\r\n    .prx-wb-v2-process__step.is-visible::before {\r\n      background: var(--wb10-red);\r\n\r\n      box-shadow:\r\n        0 0 0 2px rgba(225, 6, 0, 0.2),\r\n        0 0 14px rgba(225, 6, 0, 0.28);\r\n    }\r\n\r\n    .prx-wb-v2-process__step-number {\r\n      display: inline-flex;\r\n      width: 65px;\r\n      height: 65px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid rgba(225, 6, 0, 0.14);\r\n      border-radius: 15px;\r\n      background: rgba(225, 6, 0, 0.065);\r\n\r\n      color: var(--wb10-red) !important;\r\n      font-size: 16px !important;\r\n      font-weight: 900 !important;\r\n      line-height: 1 !important;\r\n      letter-spacing: -0.4px !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__step-content {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v2-process__step-kicker {\r\n      display: block;\r\n      margin: 0 0 5px;\r\n\r\n      color: var(--wb10-red) !important;\r\n      font-size: 8.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.8px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v2-process__step h3 {\r\n      margin: 0 0 8px !important;\r\n\r\n      color: var(--wb10-navy-950) !important;\r\n      font-size: clamp(19px, 1.8vw, 25px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.22 !important;\r\n      letter-spacing: -0.45px !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__step p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--wb10-text) !important;\r\n      font-size: 12.5px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__step-note {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n      margin-top: 13px;\r\n      padding: 10px 11px;\r\n\r\n      border: 1px solid #dde6ec;\r\n      border-radius: 9px;\r\n      background: var(--wb10-bg-soft);\r\n\r\n      color: var(--wb10-text) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 650 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__step-note svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      flex: 0 0 auto;\r\n      margin-top: 1px;\r\n\r\n      fill: none;\r\n      stroke: var(--wb10-blue);\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-wb-v2-process__step-note strong {\r\n      color: var(--wb10-navy-950) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ROZGA\u0141\u0118ZIENIE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__branch {\r\n      display: grid;\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .prx-wb-v2-process__branch-card {\r\n      padding: 13px;\r\n\r\n      border: 1px solid #dce5eb;\r\n      border-radius: 10px;\r\n      background: #f7f9fb;\r\n    }\r\n\r\n    .prx-wb-v2-process__branch-card:first-child {\r\n      border-top: 3px solid var(--wb10-blue);\r\n    }\r\n\r\n    .prx-wb-v2-process__branch-card:last-child {\r\n      border-top: 3px solid var(--wb10-red);\r\n    }\r\n\r\n    .prx-wb-v2-process__branch-card strong {\r\n      display: block;\r\n      margin: 0 0 5px;\r\n\r\n      color: var(--wb10-navy-950) !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__branch-card span {\r\n      display: block;\r\n\r\n      color: var(--wb10-text) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       FINALNY KROK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__step--quality {\r\n      border-color: rgba(43, 158, 105, 0.25);\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(43, 158, 105, 0.055),\r\n          #ffffff 42%\r\n        );\r\n    }\r\n\r\n    .prx-wb-v2-process__step--quality\r\n      .prx-wb-v2-process__step-number {\r\n      border-color: rgba(43, 158, 105, 0.18);\r\n      background: rgba(43, 158, 105, 0.08);\r\n\r\n      color: var(--wb10-green) !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__step--quality::before {\r\n      background: var(--wb10-green) !important;\r\n\r\n      box-shadow:\r\n        0 0 0 2px rgba(43, 158, 105, 0.2),\r\n        0 0 14px rgba(43, 158, 105, 0.28) !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DOLNY PANEL\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v2-process__bottom {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n      align-items: center;\r\n      gap: 35px;\r\n      overflow: hidden;\r\n      margin-top: 25px;\r\n      padding: 30px 33px;\r\n\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 18px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 87% 20%,\r\n          rgba(36, 127, 174, 0.31),\r\n          transparent 31%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          var(--wb10-navy-950),\r\n          var(--wb10-navy-800)\r\n        );\r\n\r\n      box-shadow:\r\n        0 22px 49px rgba(3, 19, 33, 0.15);\r\n    }\r\n\r\n    .prx-wb-v2-process__bottom strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: clamp(21px, 2.1vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.24 !important;\r\n      letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__bottom p {\r\n      max-width: 710px;\r\n      margin: 0 !important;\r\n\r\n      color: #afc2d0 !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__bottom-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v2-process__button {\r\n      display: inline-flex;\r\n      min-height: 52px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 13px 19px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.23s ease,\r\n        border-color 0.23s ease,\r\n        background-color 0.23s ease,\r\n        box-shadow 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-process__button--primary {\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--wb10-red-dark)\r\n        ) !important;\r\n\r\n      box-shadow:\r\n        0 12px 28px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-wb-v2-process__button--secondary {\r\n      border-color: rgba(255, 255, 255, 0.21) !important;\r\n      background: rgba(255, 255, 255, 0.07) !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__button span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v2-process__button:hover {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v2-process__button--primary:hover {\r\n      box-shadow:\r\n        0 16px 35px rgba(225, 6, 0, 0.32);\r\n    }\r\n\r\n    .prx-wb-v2-process__button--secondary:hover {\r\n      border-color: rgba(255, 255, 255, 0.41) !important;\r\n      background: rgba(255, 255, 255, 0.12) !important;\r\n    }\r\n\r\n    .prx-wb-v2-process__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v2-process__button:focus-visible {\r\n      outline: 3px solid rgba(255, 255, 255, 0.82);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .prx-wb-v2-process__step:hover {\r\n        border-color: #c5d3dc;\r\n\r\n        box-shadow:\r\n          0 21px 47px rgba(3, 19, 33, 0.09),\r\n          inset 0 1px 0 #ffffff;\r\n\r\n        transform: translateY(-4px);\r\n      }\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v2-process__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v2-process__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v2-process__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-process__side {\r\n        position: relative;\r\n        top: auto;\r\n      }\r\n\r\n      .prx-wb-v2-process__paths {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v2-process {\r\n        padding: 80px 18px 88px;\r\n      }\r\n\r\n      .prx-wb-v2-process__bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      .prx-wb-v2-process__bottom-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n      .prx-wb-v2-process {\r\n        padding: 72px 14px 79px;\r\n      }\r\n\r\n      .prx-wb-v2-process__title {\r\n        font-size: clamp(35px, 10.3vw, 48px) !important;\r\n        letter-spacing: -1.45px !important;\r\n      }\r\n\r\n      .prx-wb-v2-process__side {\r\n        padding: 26px 21px;\r\n      }\r\n\r\n      .prx-wb-v2-process__paths {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-process__timeline {\r\n        padding-left: 37px;\r\n      }\r\n\r\n      .prx-wb-v2-process__track {\r\n        left: 8px;\r\n      }\r\n\r\n      .prx-wb-v2-process__step {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n        padding: 21px 18px;\r\n      }\r\n\r\n      .prx-wb-v2-process__step::before {\r\n        left: -37px;\r\n      }\r\n\r\n      .prx-wb-v2-process__step-number {\r\n        width: 51px;\r\n        height: 51px;\r\n        border-radius: 12px;\r\n      }\r\n\r\n      .prx-wb-v2-process__branch {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-process__bottom {\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v2-process__bottom-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v2-process__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v2-process {\r\n        padding-right: 11px;\r\n        padding-left: 11px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v2-process *,\r\n      .prx-wb-v2-process *::before,\r\n      .prx-wb-v2-process *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v2-process__step {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v2-process__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v2-process__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v2-process__label\">\r\n          Proces realizacji\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v2-process__title\"\r\n          id=\"prx-wb-v2-process-title\"\r\n        >\r\n          Od danych technicznych\r\n          <strong>do gotowego wa\u0142u bananowego<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v2-process__intro\">\r\n        Pocz\u0105tek procesu jest wsp\u00f3lny dla nowego wykonania\r\n        i regeneracji. Najpierw analizujemy\r\n        <strong>\r\n          zastosowanie, dost\u0119pn\u0105 dokumentacj\u0119 oraz stan\r\n          istniej\u0105cego elementu.\r\n        <\/strong>\r\n        Dopiero p\u00f3\u017aniej mo\u017cna ustali\u0107 w\u0142a\u015bciwy zakres prac.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         UK\u0141AD\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-process__layout\">\r\n\r\n      <!-- ===================================================\r\n           PANEL LEWY\r\n      ==================================================== -->\r\n\r\n      <aside class=\"prx-wb-v2-process__side\">\r\n\r\n        <span class=\"prx-wb-v2-process__side-label\">\r\n          Dwie mo\u017cliwe \u015bcie\u017cki\r\n        <\/span>\r\n\r\n        <h3>\r\n          Proces dopasowany do rzeczywistego zadania\r\n        <\/h3>\r\n\r\n        <p class=\"prx-wb-v2-process__side-description\">\r\n          Nowy wa\u0142 wymaga ustalenia geometrii i zabudowy.\r\n          Przy regeneracji najpierw trzeba oceni\u0107, kt\u00f3re elementy\r\n          konstrukcji mog\u0105 zosta\u0107 zachowane lub odtworzone.\r\n        <\/p>\r\n\r\n        <div class=\"prx-wb-v2-process__paths\">\r\n\r\n          <div class=\"prx-wb-v2-process__path\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-process__path-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 15c4-7 12-7 16 0\"><\/path>\r\n                <path d=\"M4 12h16\"><\/path>\r\n                <path d=\"M7 18h10\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <strong>Nowy wa\u0142<\/strong>\r\n              <span>\r\n                Dob\u00f3r konstrukcji do maszyny i procesu\r\n              <\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"prx-wb-v2-process__path\">\r\n\r\n            <span\r\n              class=\"prx-wb-v2-process__path-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 7a8 8 0 0 1 13-1\"><\/path>\r\n                <path d=\"m18 3v5h-5\"><\/path>\r\n                <path d=\"M19 17a8 8 0 0 1-13 1\"><\/path>\r\n                <path d=\"m6 21v-5h5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div>\r\n              <strong>Regeneracja<\/strong>\r\n              <span>\r\n                Zakres ustalany po ocenie stanu wa\u0142u\r\n              <\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v2-process__rule\">\r\n\r\n          <strong>\r\n            Nie ka\u017cdy etap wygl\u0105da identycznie\r\n          <\/strong>\r\n\r\n          <p>\r\n            Kolejno\u015b\u0107 mo\u017ce zosta\u0107 dostosowana do dost\u0119pnej\r\n            dokumentacji, konstrukcji wa\u0142u i zakresu wymaganych prac.\r\n            Blok przedstawia og\u00f3lny przebieg realizacji.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n      <!-- ===================================================\r\n           TIMELINE\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v2-process__timeline\">\r\n\r\n        <div\r\n          class=\"prx-wb-v2-process__track\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <div\r\n            class=\"prx-wb-v2-process__track-fill\"\r\n            data-wb10-track-fill\r\n          ><\/div>\r\n        <\/div>\r\n\r\n        <!-- 01 -->\r\n        <article class=\"prx-wb-v2-process__step\">\r\n\r\n          <span class=\"prx-wb-v2-process__step-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-process__step-content\">\r\n\r\n            <span class=\"prx-wb-v2-process__step-kicker\">\r\n              Dane wej\u015bciowe\r\n            <\/span>\r\n\r\n            <h3>\r\n              Przes\u0142anie zapytania technicznego\r\n            <\/h3>\r\n\r\n            <p>\r\n              Przekazujesz rysunek, zdj\u0119cia, podstawowe wymiary,\r\n              opis prowadzonego materia\u0142u albo informacje\r\n              o problemie wyst\u0119puj\u0105cym na linii.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-process__step-note\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                <path d=\"M12 10v6\"><\/path>\r\n                <path d=\"M12 7h.01\"><\/path>\r\n              <\/svg>\r\n\r\n              <span>\r\n                <strong>Brak kompletnego rysunku nie zatrzymuje rozmowy.<\/strong>\r\n                Analiz\u0119 mo\u017cna rozpocz\u0105\u0107 r\u00f3wnie\u017c od starego wa\u0142u,\r\n                pomiar\u00f3w i zdj\u0119\u0107.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 02 -->\r\n        <article class=\"prx-wb-v2-process__step\">\r\n\r\n          <span class=\"prx-wb-v2-process__step-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-process__step-content\">\r\n\r\n            <span class=\"prx-wb-v2-process__step-kicker\">\r\n              Analiza techniczna\r\n            <\/span>\r\n\r\n            <h3>\r\n              Uporz\u0105dkowanie danych i warunk\u00f3w pracy\r\n            <\/h3>\r\n\r\n            <p>\r\n              Sprawdzane s\u0105 dost\u0119pne wymiary, spos\u00f3b zabudowy,\r\n              rodzaj materia\u0142u wst\u0119gowego, pr\u0119dko\u015b\u0107, napi\u0119cie,\r\n              po\u0142o\u017cenie wa\u0142u oraz oczekiwany efekt jego pracy.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-process__step-note\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 8h16\"><\/path>\r\n                <path d=\"M4 16h16\"><\/path>\r\n                <path d=\"M7 5v6\"><\/path>\r\n                <path d=\"M17 13v6\"><\/path>\r\n              <\/svg>\r\n\r\n              <span>\r\n                Ugi\u0119cie, powierzchnia robocza i mocowanie\r\n                powinny by\u0107 rozpatrywane jako elementy jednego uk\u0142adu.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 03 -->\r\n        <article class=\"prx-wb-v2-process__step\">\r\n\r\n          <span class=\"prx-wb-v2-process__step-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-process__step-content\">\r\n\r\n            <span class=\"prx-wb-v2-process__step-kicker\">\r\n              Decyzja o zakresie\r\n            <\/span>\r\n\r\n            <h3>\r\n              Ustalenie w\u0142a\u015bciwej \u015bcie\u017cki realizacji\r\n            <\/h3>\r\n\r\n            <p>\r\n              Na tym etapie okre\u015blany jest mo\u017cliwy kierunek:\r\n              wykonanie nowego wa\u0142u, odtworzenie istniej\u0105cej\r\n              konstrukcji albo regeneracja po potwierdzeniu\r\n              stanu elementu.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-process__branch\">\r\n\r\n              <div class=\"prx-wb-v2-process__branch-card\">\r\n                <strong>Nowe wykonanie<\/strong>\r\n                <span>\r\n                  Ustalenie geometrii, powierzchni, zako\u0144cze\u0144,\r\n                  \u0142o\u017cyskowania i sposobu zabudowy.\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"prx-wb-v2-process__branch-card\">\r\n                <strong>Regeneracja<\/strong>\r\n                <span>\r\n                  Ocena powierzchni, konstrukcji, czop\u00f3w,\r\n                  opraw i element\u00f3w obrotowych.\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 04 -->\r\n        <article class=\"prx-wb-v2-process__step\">\r\n\r\n          <span class=\"prx-wb-v2-process__step-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-process__step-content\">\r\n\r\n            <span class=\"prx-wb-v2-process__step-kicker\">\r\n              Specyfikacja\r\n            <\/span>\r\n\r\n            <h3>\r\n              Potwierdzenie parametr\u00f3w i zakresu prac\r\n            <\/h3>\r\n\r\n            <p>\r\n              Przed rozpocz\u0119ciem wykonania porz\u0105dkowane s\u0105 uzgodnione\r\n              wymiary, konstrukcja wa\u0142u, rodzaj powierzchni roboczej,\r\n              spos\u00f3b zako\u0144czenia oraz wymagania wynikaj\u0105ce z maszyny.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-process__step-note\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M6 3h9l3 3v15H6z\"><\/path>\r\n                <path d=\"M15 3v4h4\"><\/path>\r\n                <path d=\"M9 12h6\"><\/path>\r\n                <path d=\"M9 16h6\"><\/path>\r\n              <\/svg>\r\n\r\n              <span>\r\n                Parametry niepotwierdzone wcze\u015bniej wymagaj\u0105\r\n                uzgodnienia przed przej\u015bciem do realizacji.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 05 -->\r\n        <article class=\"prx-wb-v2-process__step\">\r\n\r\n          <span class=\"prx-wb-v2-process__step-number\">\r\n            05\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-process__step-content\">\r\n\r\n            <span class=\"prx-wb-v2-process__step-kicker\">\r\n              Wykonanie\r\n            <\/span>\r\n\r\n            <h3>\r\n              Produkcja nowego elementu lub realizacja regeneracji\r\n            <\/h3>\r\n\r\n            <p>\r\n              Prace s\u0105 prowadzone wed\u0142ug zatwierdzonego zakresu.\r\n              W zale\u017cno\u015bci od zadania obejmuj\u0105 wykonanie nowej\r\n              konstrukcji albo odtworzenie uzgodnionych element\u00f3w\r\n              istniej\u0105cego wa\u0142u.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-process__step-note\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 15c4-7 12-7 16 0\"><\/path>\r\n                <path d=\"M4 12h16\"><\/path>\r\n              <\/svg>\r\n\r\n              <span>\r\n                Rodzaj i parametry powierzchni roboczej wynikaj\u0105\r\n                z wcze\u015bniejszych ustale\u0144 technicznych.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- 06 -->\r\n        <article\r\n          class=\"prx-wb-v2-process__step\r\n                 prx-wb-v2-process__step--quality\"\r\n        >\r\n\r\n          <span class=\"prx-wb-v2-process__step-number\">\r\n            06\r\n          <\/span>\r\n\r\n          <div class=\"prx-wb-v2-process__step-content\">\r\n\r\n            <span class=\"prx-wb-v2-process__step-kicker\">\r\n              Kontrola ko\u0144cowa\r\n            <\/span>\r\n\r\n            <h3>\r\n              Weryfikacja jako\u015bci wykonanego wa\u0142u\r\n            <\/h3>\r\n\r\n            <p>\r\n              Ka\u017cdy wykonany lub regenerowany element przechodzi\r\n              kontrol\u0119 jako\u015bci odpowiedni\u0105 do uzgodnionego zakresu\r\n              i parametr\u00f3w realizacji.\r\n            <\/p>\r\n\r\n            <div class=\"prx-wb-v2-process__step-note\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"m5 12 4 4L19 6\"><\/path>\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n              <\/svg>\r\n\r\n              <span>\r\n                <strong>Protok\u00f3\u0142 kontroli mo\u017ce zosta\u0107 przygotowany na \u017cyczenie.<\/strong>\r\n                Zakres dokumentu nale\u017cy uzgodni\u0107 przed zako\u0144czeniem realizacji.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v2-process__bottom\">\r\n\r\n      <div>\r\n\r\n        <strong>\r\n          Proces zaczyna si\u0119 od danych, kt\u00f3re ju\u017c masz\r\n        <\/strong>\r\n\r\n        <p>\r\n          Nie musisz samodzielnie rozstrzyga\u0107, czy potrzebny jest\r\n          nowy wa\u0142, czy regeneracja. Prze\u015blij dost\u0119pne informacje,\r\n          a mo\u017cliwy kierunek zostanie oceniony na ich podstawie.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v2-process__bottom-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v2-process__button\r\n                 prx-wb-v2-process__button--secondary\"\r\n          href=\"#faq-waly-bananowe\"\r\n        >\r\n          <span>Przejd\u017a do FAQ<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v2-process__button\r\n                 prx-wb-v2-process__button--primary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Rozpocznij zapytanie<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v2-process]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV2ProcessReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV2ProcessReady = \"true\";\r\n\r\n        const steps = Array.from(\r\n          section.querySelectorAll(\r\n            \".prx-wb-v2-process__step\"\r\n          )\r\n        );\r\n\r\n        const trackFill = section.querySelector(\r\n          \"[data-wb10-track-fill]\"\r\n        );\r\n\r\n        const reduceMotion = window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n        function updateTrack() {\r\n          const visibleSteps = steps.filter(\r\n            function (step) {\r\n              return step.classList.contains(\r\n                \"is-visible\"\r\n              );\r\n            }\r\n          ).length;\r\n\r\n          const progress = steps.length\r\n            ? (\r\n                visibleSteps \/\r\n                steps.length\r\n              ) * 100\r\n            : 0;\r\n\r\n          if (trackFill) {\r\n            trackFill.style.height =\r\n              progress + \"%\";\r\n          }\r\n        }\r\n\r\n        if (\r\n          reduceMotion ||\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          steps.forEach(function (step) {\r\n            step.classList.add(\"is-visible\");\r\n          });\r\n\r\n          updateTrack();\r\n        } else {\r\n          const observer =\r\n            new IntersectionObserver(\r\n              function (entries) {\r\n                entries.forEach(\r\n                  function (entry) {\r\n                    if (!entry.isIntersecting) {\r\n                      return;\r\n                    }\r\n\r\n                    entry.target.classList.add(\r\n                      \"is-visible\"\r\n                    );\r\n\r\n                    observer.unobserve(\r\n                      entry.target\r\n                    );\r\n\r\n                    updateTrack();\r\n                  }\r\n                );\r\n              },\r\n              {\r\n                threshold: 0.28\r\n              }\r\n            );\r\n\r\n          steps.forEach(function (step) {\r\n            observer.observe(step);\r\n          });\r\n        }\r\n\r\n        section\r\n          .querySelectorAll('a[href^=\"#\"]')\r\n          .forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                const selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                if (\r\n                  !selector ||\r\n                  selector === \"#\"\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                const target =\r\n                  document.querySelector(\r\n                    selector\r\n                  );\r\n\r\n                if (!target) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                  behavior:\r\n                    reduceMotion\r\n                      ? \"auto\"\r\n                      : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n              }\r\n            );\r\n          });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f97317 elementor-widget elementor-widget-html\" data-id=\"6f97317\" 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 WA\u0141Y BANANOWE\r\n     BLOK 11: FAQ \u2014 JASNA WERSJA\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-wb-v3-faq\"\r\n  id=\"faq-waly-bananowe\"\r\n  aria-labelledby=\"prx-wb-v3-faq-title\"\r\n  data-prx-wb-v3-faq\r\n>\r\n  <style>\r\n    \/* =========================================================\r\n       RESET\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq,\r\n    .prx-wb-v3-faq *,\r\n    .prx-wb-v3-faq *::before,\r\n    .prx-wb-v3-faq *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-wb-v3-faq {\r\n      --faq-navy-950: #031321;\r\n      --faq-navy-900: #061b30;\r\n      --faq-navy-800: #092d49;\r\n      --faq-navy-700: #0d456d;\r\n\r\n      --faq-blue: #257eaa;\r\n      --faq-blue-soft: #e6f1f6;\r\n      --faq-blue-pale: #f0f7fa;\r\n\r\n      --faq-red: #e10600;\r\n      --faq-red-dark: #bd0000;\r\n      --faq-red-soft: #fff0ef;\r\n\r\n      --faq-white: #ffffff;\r\n      --faq-bg: #f4f8fa;\r\n      --faq-bg-light: #fbfdfe;\r\n\r\n      --faq-text: #425a6d;\r\n      --faq-muted: #718697;\r\n      --faq-border: #d8e4ea;\r\n      --faq-border-strong: #c6d6df;\r\n\r\n      position: relative;\r\n      isolation: isolate;\r\n\r\n      width: 100vw;\r\n      margin-right: calc(50% - 50vw);\r\n      margin-left: calc(50% - 50vw);\r\n\r\n      overflow: hidden;\r\n      padding: clamp(88px, 8vw, 122px) 24px;\r\n      scroll-margin-top: 90px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 8% 12%,\r\n          rgba(45, 137, 181, 0.13),\r\n          transparent 29%\r\n        ),\r\n        radial-gradient(\r\n          circle at 92% 88%,\r\n          rgba(225, 6, 0, 0.055),\r\n          transparent 23%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #ffffff 0%,\r\n          #f3f8fa 43%,\r\n          #eaf3f7 100%\r\n        );\r\n\r\n      color: var(--faq-navy-950) !important;\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-wb-v3-faq h2,\r\n    .prx-wb-v3-faq h3,\r\n    .prx-wb-v3-faq p,\r\n    .prx-wb-v3-faq span,\r\n    .prx-wb-v3-faq strong,\r\n    .prx-wb-v3-faq button,\r\n    .prx-wb-v3-faq a {\r\n      font-family: inherit !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq button {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n      font: inherit;\r\n      text-transform: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .prx-wb-v3-faq a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq svg {\r\n      display: block;\r\n    }\r\n\r\n    \/* =========================================================\r\n       DEKORACJA T\u0141A\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      top: -340px;\r\n      right: -290px;\r\n\r\n      width: 780px;\r\n      height: 780px;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 84px rgba(3, 19, 33, 0.012),\r\n        0 0 0 170px rgba(3, 19, 33, 0.007);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-faq::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: -2;\r\n      bottom: -150px;\r\n      left: -80px;\r\n\r\n      width: 620px;\r\n      height: 420px;\r\n      opacity: 0.5;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(3, 19, 33, 0.04) 1px,\r\n          transparent 1px\r\n        );\r\n\r\n      background-size: 42px 42px;\r\n\r\n      -webkit-mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 30%,\r\n          transparent 92%\r\n        );\r\n\r\n      mask-image:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent,\r\n          #000 30%,\r\n          transparent 92%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-faq__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      width: min(1250px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NAG\u0141\u00d3WEK\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.95fr)\r\n        minmax(350px, 0.65fr);\r\n\r\n      align-items: end;\r\n      gap: clamp(45px, 8vw, 105px);\r\n\r\n      margin-bottom: 48px;\r\n    }\r\n\r\n    .prx-wb-v3-faq__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n\r\n      margin: 0 0 18px;\r\n\r\n      color: var(--faq-red) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: 1.25px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-faq__label::before {\r\n      content: \"\";\r\n\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 auto;\r\n\r\n      border-radius: 50%;\r\n      background: var(--faq-red);\r\n\r\n      box-shadow:\r\n        0 0 0 5px rgba(225, 6, 0, 0.09);\r\n    }\r\n\r\n    .prx-wb-v3-faq__title {\r\n      max-width: 790px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--faq-navy-950) !important;\r\n      font-size: clamp(39px, 4.2vw, 62px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.06 !important;\r\n      letter-spacing: -2.1px !important;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-wb-v3-faq__title strong {\r\n      color: var(--faq-red) !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__intro {\r\n      position: relative;\r\n\r\n      margin: 0 0 3px !important;\r\n      padding-left: 23px;\r\n\r\n      color: var(--faq-text) !important;\r\n      font-size: clamp(16px, 1.3vw, 18px) !important;\r\n      font-weight: 400 !important;\r\n      line-height: 1.72 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n\r\n      top: 5px;\r\n      bottom: 5px;\r\n      left: 0;\r\n\r\n      width: 3px;\r\n      border-radius: 99px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          var(--faq-red),\r\n          rgba(225, 6, 0, 0.08)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v3-faq__intro strong {\r\n      color: var(--faq-navy-950) !important;\r\n      font-weight: 750 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       UK\u0141AD\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__layout {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(310px, 0.65fr)\r\n        minmax(0, 1.35fr);\r\n\r\n      align-items: start;\r\n      gap: 22px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PANEL FILTR\u00d3W\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__side {\r\n      position: sticky;\r\n      top: 100px;\r\n\r\n      overflow: hidden;\r\n      padding: 29px;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 21px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 100% 0,\r\n          rgba(37, 126, 170, 0.14),\r\n          transparent 35%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.98),\r\n          rgba(238, 246, 249, 0.98)\r\n        );\r\n\r\n      box-shadow:\r\n        0 24px 55px rgba(3, 19, 33, 0.08),\r\n        inset 0 1px 0 #ffffff;\r\n    }\r\n\r\n    .prx-wb-v3-faq__side::before {\r\n      content: \"\";\r\n      position: absolute;\r\n\r\n      top: 0;\r\n      left: 29px;\r\n\r\n      width: 76px;\r\n      height: 4px;\r\n\r\n      border-radius: 0 0 99px 99px;\r\n      background: var(--faq-red);\r\n    }\r\n\r\n    .prx-wb-v3-faq__side::after {\r\n      content: \"\";\r\n      position: absolute;\r\n\r\n      right: -130px;\r\n      bottom: -145px;\r\n\r\n      width: 300px;\r\n      height: 300px;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 48px rgba(3, 19, 33, 0.01);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-faq__side > * {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v3-faq__side-label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n\r\n      color: var(--faq-red) !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.95px !important;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-wb-v3-faq__side h3 {\r\n      margin: 0 0 11px !important;\r\n\r\n      color: var(--faq-navy-950) !important;\r\n      font-size: clamp(25px, 2.3vw, 33px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.17 !important;\r\n      letter-spacing: -0.7px !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__side-description {\r\n      margin: 0 !important;\r\n\r\n      color: var(--faq-text) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.63 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       FILTRY\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__filters {\r\n      display: grid;\r\n      gap: 8px;\r\n\r\n      margin-top: 23px;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter {\r\n      display: grid;\r\n      grid-template-columns:\r\n        39px minmax(0, 1fr) auto;\r\n\r\n      align-items: center;\r\n      gap: 11px;\r\n\r\n      width: 100%;\r\n      min-height: 59px;\r\n      padding: 10px 12px;\r\n\r\n      border: 1px solid var(--faq-border) !important;\r\n      border-radius: 10px;\r\n      outline: none;\r\n\r\n      background: rgba(255, 255, 255, 0.75) !important;\r\n      color: var(--faq-text) !important;\r\n      text-align: left;\r\n\r\n      transition:\r\n        color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter:hover {\r\n      border-color: var(--faq-border-strong) !important;\r\n      background: #ffffff !important;\r\n      color: var(--faq-navy-950) !important;\r\n\r\n      transform: translateX(3px);\r\n\r\n      box-shadow:\r\n        0 10px 24px rgba(3, 19, 33, 0.06);\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter.is-active {\r\n      border-color: rgba(37, 126, 170, 0.3) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(37, 126, 170, 0.13),\r\n          rgba(255, 255, 255, 0.95)\r\n        ) !important;\r\n\r\n      color: var(--faq-navy-950) !important;\r\n\r\n      box-shadow:\r\n        inset 4px 0 0 var(--faq-red),\r\n        0 10px 25px rgba(3, 19, 33, 0.055);\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter-icon {\r\n      display: inline-flex;\r\n\r\n      width: 39px;\r\n      height: 39px;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 9px;\r\n\r\n      background: #ffffff;\r\n      color: var(--faq-blue) !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter.is-active\r\n      .prx-wb-v3-faq__filter-icon {\r\n      border-color: rgba(225, 6, 0, 0.14);\r\n      background: var(--faq-red-soft);\r\n      color: var(--faq-red) !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n\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\r\n    .prx-wb-v3-faq__filter-text strong {\r\n      display: block;\r\n      margin: 0 0 3px;\r\n\r\n      color: inherit !important;\r\n      font-size: 11.5px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter-text span {\r\n      display: block;\r\n\r\n      color: var(--faq-muted) !important;\r\n      font-size: 9px !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter-count {\r\n      display: inline-flex;\r\n\r\n      min-width: 27px;\r\n      height: 27px;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      padding: 0 7px;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 8px;\r\n\r\n      background: #ffffff;\r\n\r\n      color: var(--faq-muted) !important;\r\n      font-size: 9px !important;\r\n      font-weight: 850 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter.is-active\r\n      .prx-wb-v3-faq__filter-count {\r\n      border-color: rgba(37, 126, 170, 0.22);\r\n      background: var(--faq-blue-pale);\r\n      color: var(--faq-navy-800) !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__filter:focus-visible {\r\n      outline: 3px solid rgba(37, 126, 170, 0.3);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       NOTATKA POD FILTRAMI\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__side-note {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 9px;\r\n\r\n      margin-top: 21px;\r\n      padding-top: 19px;\r\n\r\n      border-top: 1px solid var(--faq-border);\r\n\r\n      color: var(--faq-text) !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.52 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__side-note svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: 0 0 auto;\r\n      margin-top: 1px;\r\n\r\n      fill: none;\r\n      stroke: var(--faq-blue);\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    \/* =========================================================\r\n       LISTA FAQ\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__list {\r\n      display: grid;\r\n      gap: 10px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-wb-v3-faq__item {\r\n      overflow: hidden;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 14px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #ffffff,\r\n          #f8fbfc\r\n        );\r\n\r\n      box-shadow:\r\n        0 13px 32px rgba(3, 19, 33, 0.055),\r\n        inset 0 1px 0 #ffffff;\r\n\r\n      opacity: 0;\r\n      transform: translateY(14px);\r\n\r\n      transition:\r\n        opacity 0.45s ease,\r\n        transform 0.45s ease,\r\n        border-color 0.25s ease,\r\n        background 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v3-faq.is-visible\r\n      .prx-wb-v3-faq__item {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-open {\r\n      border-color: rgba(37, 126, 170, 0.28);\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #ffffff 0%,\r\n          #f0f7fa 100%\r\n        );\r\n\r\n      box-shadow:\r\n        0 20px 45px rgba(3, 19, 33, 0.09),\r\n        inset 4px 0 0 var(--faq-red);\r\n    }\r\n\r\n    \/* =========================================================\r\n       PYTANIE\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__question {\r\n      display: grid;\r\n      grid-template-columns:\r\n        auto minmax(0, 1fr) 42px;\r\n\r\n      align-items: center;\r\n      gap: 14px;\r\n\r\n      width: 100%;\r\n      min-height: 78px;\r\n      padding: 16px 17px;\r\n\r\n      border: 0 !important;\r\n      outline: none;\r\n\r\n      background: transparent !important;\r\n      color: var(--faq-navy-950) !important;\r\n      text-align: left;\r\n    }\r\n\r\n    .prx-wb-v3-faq__question-category {\r\n      display: inline-flex;\r\n\r\n      min-height: 28px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      padding: 6px 9px;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 7px;\r\n\r\n      background: var(--faq-blue-pale);\r\n\r\n      color: var(--faq-blue) !important;\r\n      font-size: 8px !important;\r\n      font-weight: 850 !important;\r\n      line-height: 1.2 !important;\r\n      letter-spacing: 0.6px !important;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-open\r\n      .prx-wb-v3-faq__question-category {\r\n      border-color: rgba(225, 6, 0, 0.14);\r\n      background: var(--faq-red-soft);\r\n      color: var(--faq-red) !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__question-text {\r\n      color: var(--faq-navy-950) !important;\r\n      font-size: clamp(15px, 1.45vw, 18px) !important;\r\n      font-weight: 780 !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__toggle {\r\n      position: relative;\r\n      display: inline-flex;\r\n\r\n      width: 42px;\r\n      height: 42px;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 10px;\r\n\r\n      background: #ffffff;\r\n    }\r\n\r\n    .prx-wb-v3-faq__toggle::before,\r\n    .prx-wb-v3-faq__toggle::after {\r\n      content: \"\";\r\n      position: absolute;\r\n\r\n      width: 14px;\r\n      height: 2px;\r\n\r\n      border-radius: 99px;\r\n      background: var(--faq-navy-800);\r\n\r\n      transition:\r\n        transform 0.25s ease,\r\n        background-color 0.25s ease;\r\n    }\r\n\r\n    .prx-wb-v3-faq__toggle::after {\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-open\r\n      .prx-wb-v3-faq__toggle {\r\n      border-color: var(--faq-red);\r\n      background: var(--faq-red);\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-open\r\n      .prx-wb-v3-faq__toggle::before,\r\n    .prx-wb-v3-faq__item.is-open\r\n      .prx-wb-v3-faq__toggle::after {\r\n      background: #ffffff;\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-open\r\n      .prx-wb-v3-faq__toggle::after {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    .prx-wb-v3-faq__question:focus-visible {\r\n      outline: 3px solid rgba(37, 126, 170, 0.3);\r\n      outline-offset: -4px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ODPOWIED\u0179\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__answer {\r\n      display: grid;\r\n      grid-template-rows: 0fr;\r\n\r\n      transition:\r\n        grid-template-rows 0.32s ease;\r\n    }\r\n\r\n    .prx-wb-v3-faq__item.is-open\r\n      .prx-wb-v3-faq__answer {\r\n      grid-template-rows: 1fr;\r\n    }\r\n\r\n    .prx-wb-v3-faq__answer-inner {\r\n      min-height: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .prx-wb-v3-faq__answer-content {\r\n      margin: 0 17px 17px;\r\n      padding: 18px 19px;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 10px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(232, 243, 248, 0.72),\r\n          rgba(255, 255, 255, 0.95)\r\n        );\r\n    }\r\n\r\n    .prx-wb-v3-faq__answer-content p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--faq-text) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.7 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__answer-content strong {\r\n      color: var(--faq-navy-950) !important;\r\n      font-weight: 780 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       BRAK WYNIK\u00d3W\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__empty {\r\n      display: none;\r\n      min-height: 220px;\r\n      place-items: center;\r\n\r\n      padding: 35px;\r\n\r\n      border: 1px solid var(--faq-border);\r\n      border-radius: 15px;\r\n\r\n      background: rgba(255, 255, 255, 0.75);\r\n\r\n      color: var(--faq-text) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 650 !important;\r\n      line-height: 1.55 !important;\r\n      text-align: center;\r\n    }\r\n\r\n    .prx-wb-v3-faq__empty.is-visible {\r\n      display: grid;\r\n    }\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .prx-wb-v3-faq__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n\r\n      align-items: center;\r\n      gap: 35px;\r\n\r\n      overflow: hidden;\r\n      margin-top: 27px;\r\n      padding: 31px 34px;\r\n\r\n      border: 1px solid var(--faq-border-strong);\r\n      border-radius: 18px;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 18%,\r\n          rgba(37, 126, 170, 0.2),\r\n          transparent 32%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #ffffff,\r\n          #e9f3f7\r\n        );\r\n\r\n      box-shadow:\r\n        0 20px 48px rgba(3, 19, 33, 0.08),\r\n        inset 0 1px 0 #ffffff;\r\n    }\r\n\r\n    .prx-wb-v3-faq__cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n\r\n      top: -145px;\r\n      right: 9%;\r\n\r\n      width: 290px;\r\n      height: 290px;\r\n\r\n      border: 1px solid rgba(3, 19, 33, 0.045);\r\n      border-radius: 50%;\r\n\r\n      box-shadow:\r\n        0 0 0 46px rgba(3, 19, 33, 0.01);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-wb-v3-faq__cta-copy,\r\n    .prx-wb-v3-faq__cta-actions {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-wb-v3-faq__cta strong {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n\r\n      color: var(--faq-navy-950) !important;\r\n      font-size: clamp(21px, 2.1vw, 29px) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.24 !important;\r\n      letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__cta p {\r\n      max-width: 720px;\r\n      margin: 0 !important;\r\n\r\n      color: var(--faq-text) !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__cta-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n      gap: 10px;\r\n    }\r\n\r\n    .prx-wb-v3-faq__button {\r\n      display: inline-flex;\r\n\r\n      min-height: 52px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n\r\n      padding: 13px 19px;\r\n\r\n      border: 1px solid transparent;\r\n      border-radius: 9px;\r\n\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      white-space: nowrap;\r\n\r\n      transition:\r\n        transform 0.23s ease,\r\n        border-color 0.23s ease,\r\n        background-color 0.23s ease,\r\n        box-shadow 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v3-faq__button--primary {\r\n      border-color: var(--faq-red) !important;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #f01913,\r\n          var(--faq-red-dark)\r\n        ) !important;\r\n\r\n      color: #ffffff !important;\r\n\r\n      box-shadow:\r\n        0 12px 28px rgba(225, 6, 0, 0.24);\r\n    }\r\n\r\n    .prx-wb-v3-faq__button--secondary {\r\n      border-color: var(--faq-navy-950) !important;\r\n      background: var(--faq-navy-950) !important;\r\n      color: #ffffff !important;\r\n\r\n      box-shadow:\r\n        0 12px 27px rgba(3, 19, 33, 0.14);\r\n    }\r\n\r\n    .prx-wb-v3-faq__button span {\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__button svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition: transform 0.23s ease;\r\n    }\r\n\r\n    .prx-wb-v3-faq__button:hover {\r\n      color: #ffffff !important;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .prx-wb-v3-faq__button--primary:hover {\r\n      box-shadow:\r\n        0 16px 35px rgba(225, 6, 0, 0.32);\r\n    }\r\n\r\n    .prx-wb-v3-faq__button--secondary:hover {\r\n      background: var(--faq-navy-800) !important;\r\n    }\r\n\r\n    .prx-wb-v3-faq__button:hover svg {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    .prx-wb-v3-faq__button:focus-visible {\r\n      outline: 3px solid rgba(3, 19, 33, 0.35);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    \/* =========================================================\r\n       RESPONSYWNO\u015a\u0106\r\n    ========================================================= *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-wb-v3-faq__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__intro {\r\n        max-width: 830px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-faq__side {\r\n        position: relative;\r\n        top: auto;\r\n      }\r\n\r\n      .prx-wb-v3-faq__filters {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 820px) {\r\n      .prx-wb-v3-faq {\r\n        padding: 80px 18px 88px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__cta-actions {\r\n        justify-content: flex-start;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n      .prx-wb-v3-faq {\r\n        padding: 72px 14px 79px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__title {\r\n        font-size: clamp(35px, 10.3vw, 48px) !important;\r\n        letter-spacing: -1.45px !important;\r\n      }\r\n\r\n      .prx-wb-v3-faq__side {\r\n        padding: 25px 20px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__filters {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-faq__question {\r\n        grid-template-columns:\r\n          minmax(0, 1fr)\r\n          40px;\r\n\r\n        gap: 11px;\r\n        min-height: 72px;\r\n        padding: 15px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__question-category {\r\n        grid-column: 1 \/ -1;\r\n        justify-self: start;\r\n        margin-bottom: -3px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__question-text {\r\n        font-size: 15px !important;\r\n      }\r\n\r\n      .prx-wb-v3-faq__toggle {\r\n        width: 40px;\r\n        height: 40px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__answer-content {\r\n        margin: 0 15px 15px;\r\n        padding: 16px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__cta {\r\n        padding: 27px 22px;\r\n      }\r\n\r\n      .prx-wb-v3-faq__cta-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-wb-v3-faq__button {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .prx-wb-v3-faq {\r\n        padding-right: 11px;\r\n        padding-left: 11px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-wb-v3-faq *,\r\n      .prx-wb-v3-faq *::before,\r\n      .prx-wb-v3-faq *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        scroll-behavior: auto !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n\r\n      .prx-wb-v3-faq__item {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-wb-v3-faq__inner\">\r\n\r\n    <!-- =====================================================\r\n         NAG\u0141\u00d3WEK\r\n    ====================================================== -->\r\n\r\n    <header class=\"prx-wb-v3-faq__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-wb-v3-faq__label\">\r\n          Pytania techniczne i zakupowe\r\n        <\/span>\r\n\r\n        <h2\r\n          class=\"prx-wb-v3-faq__title\"\r\n          id=\"prx-wb-v3-faq-title\"\r\n        >\r\n          Najcz\u0119stsze pytania\r\n          <strong>o wa\u0142y bananowe<\/strong>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-wb-v3-faq__intro\">\r\n        Dob\u00f3r wa\u0142u bananowego wymaga po\u0142\u0105czenia informacji\r\n        o konstrukcji, materiale i torze prowadzenia wst\u0119gi.\r\n        Poni\u017cej znajduj\u0105 si\u0119 odpowiedzi dotycz\u0105ce\r\n        <strong>\r\n          dzia\u0142ania, nowych wykona\u0144, regeneracji\r\n          i przygotowania zapytania.\r\n        <\/strong>\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- =====================================================\r\n         UK\u0141AD\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v3-faq__layout\">\r\n\r\n      <!-- ===================================================\r\n           FILTRY\r\n      ==================================================== -->\r\n\r\n      <aside class=\"prx-wb-v3-faq__side\">\r\n\r\n        <span class=\"prx-wb-v3-faq__side-label\">\r\n          Nawigacja po pytaniach\r\n        <\/span>\r\n\r\n        <h3>\r\n          Wybierz zakres informacji\r\n        <\/h3>\r\n\r\n        <p class=\"prx-wb-v3-faq__side-description\">\r\n          Filtry ograniczaj\u0105 list\u0119 do pyta\u0144 zwi\u0105zanych\r\n          z konkretnym etapem analizy lub zakupu.\r\n        <\/p>\r\n\r\n        <div\r\n          class=\"prx-wb-v3-faq__filters\"\r\n          role=\"group\"\r\n          aria-label=\"Filtrowanie pyta\u0144 FAQ\"\r\n        >\r\n\r\n          <button\r\n            class=\"prx-wb-v3-faq__filter is-active\"\r\n            type=\"button\"\r\n            data-wb11-filter=\"all\"\r\n            aria-pressed=\"true\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v3-faq__filter-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 6h16\"><\/path>\r\n                <path d=\"M4 12h16\"><\/path>\r\n                <path d=\"M4 18h16\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-text\">\r\n              <strong>Wszystkie pytania<\/strong>\r\n              <span>Pe\u0142ny zakres FAQ<\/span>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-count\">\r\n              10\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-faq__filter\"\r\n            type=\"button\"\r\n            data-wb11-filter=\"selection\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v3-faq__filter-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 15c4-7 12-7 16 0\"><\/path>\r\n                <path d=\"M4 12h16\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-text\">\r\n              <strong>Dzia\u0142anie i dob\u00f3r<\/strong>\r\n              <span>Zasada pracy i konstrukcja<\/span>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-count\">\r\n              4\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-faq__filter\"\r\n            type=\"button\"\r\n            data-wb11-filter=\"service\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v3-faq__filter-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 7a8 8 0 0 1 13-1\"><\/path>\r\n                <path d=\"m18 3v5h-5\"><\/path>\r\n                <path d=\"M19 17a8 8 0 0 1-13 1\"><\/path>\r\n                <path d=\"m6 21v-5h5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-text\">\r\n              <strong>Wykonanie i regeneracja<\/strong>\r\n              <span>Zakres mo\u017cliwych prac<\/span>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-count\">\r\n              3\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"prx-wb-v3-faq__filter\"\r\n            type=\"button\"\r\n            data-wb11-filter=\"inquiry\"\r\n            aria-pressed=\"false\"\r\n          >\r\n            <span\r\n              class=\"prx-wb-v3-faq__filter-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M6 3h9l3 3v15H6z\"><\/path>\r\n                <path d=\"M15 3v4h4\"><\/path>\r\n                <path d=\"M9 12h6\"><\/path>\r\n                <path d=\"M9 16h6\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-text\">\r\n              <strong>Przygotowanie zapytania<\/strong>\r\n              <span>Dokumentacja i dane wej\u015bciowe<\/span>\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__filter-count\">\r\n              3\r\n            <\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-wb-v3-faq__side-note\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M12 10v6\"><\/path>\r\n            <path d=\"M12 7h.01\"><\/path>\r\n          <\/svg>\r\n\r\n          <span>\r\n            Odpowiedzi opisuj\u0105 og\u00f3lne zasady. Wykonanie konkretnego\r\n            wa\u0142u i mo\u017cliwo\u015b\u0107 regeneracji wymagaj\u0105 analizy jego aplikacji.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n      <!-- ===================================================\r\n           PYTANIA\r\n      ==================================================== -->\r\n\r\n      <div class=\"prx-wb-v3-faq__list\">\r\n\r\n        <!-- 1 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item is-open\"\r\n          data-wb11-category=\"selection\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"true\"\r\n            aria-controls=\"wb11-light-answer-1\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Dzia\u0142anie\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Czym jest wa\u0142 bananowy?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-1\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Wa\u0142 bananowy, okre\u015blany r\u00f3wnie\u017c jako\r\n                  <strong>wa\u0142 zakrzywiony lub rozpr\u0119\u017cny<\/strong>,\r\n                  jest elementem uk\u0142adu prowadzenia materia\u0142\u00f3w\r\n                  wst\u0119gowych. Jego geometria pomaga rozprowadza\u0107\r\n                  materia\u0142 na szeroko\u015bci i ogranicza\u0107 powstawanie\r\n                  fa\u0142d oraz zmarszcze\u0144.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 2 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"selection\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-2\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Dzia\u0142anie\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Jak dzia\u0142a wa\u0142 bananowy?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-2\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Materia\u0142 opasaj\u0105cy zakrzywiony wa\u0142 jest prowadzony\r\n                  w spos\u00f3b powoduj\u0105cy jego rozchodzenie si\u0119 w kierunku\r\n                  kraw\u0119dzi. Efekt zale\u017cy mi\u0119dzy innymi od\r\n                  <strong>\r\n                    ugi\u0119cia wa\u0142u, k\u0105ta opasania, po\u0142o\u017cenia w maszynie\r\n                    oraz napi\u0119cia wst\u0119gi.\r\n                  <\/strong>\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 3 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"selection\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-3\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Konstrukcja\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Czym r\u00f3\u017cni si\u0119 sta\u0142e ugi\u0119cie od regulowanego?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-3\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  W wariancie ze sta\u0142ym ugi\u0119ciem geometria wa\u0142u\r\n                  jest okre\u015blona dla przyj\u0119tych warunk\u00f3w pracy.\r\n                  Konstrukcja regulowana pozwala w przewidzianym\r\n                  dla niej zakresie dostosowa\u0107 ustawienie do\r\n                  zmieniaj\u0105cego si\u0119 materia\u0142u albo procesu.\r\n                  <strong>\r\n                    Mo\u017cliwo\u015b\u0107 regulacji zale\u017cy od budowy,\r\n                    wymiar\u00f3w i sposobu monta\u017cu wa\u0142u.\r\n                  <\/strong>\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 4 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"selection\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-4\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Powierzchnia\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Jak\u0105 powierzchni\u0119 robocz\u0105 mo\u017ce mie\u0107 wa\u0142 bananowy?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-4\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Powierzchnia robocza mo\u017ce by\u0107 wykonana mi\u0119dzy\r\n                  innymi z <strong>gumy albo poliuretanu<\/strong>.\r\n                  Materia\u0142 i parametry powierzchni dobiera si\u0119\r\n                  do rodzaju wst\u0119gi, jej napi\u0119cia, pr\u0119dko\u015bci pracy\r\n                  oraz \u015brodowiska, w kt\u00f3rym pracuje wa\u0142.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 5 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"service\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-5\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Oferta\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Czy PROEXPORT wykonuje nowe wa\u0142y i regeneruje u\u017cywane?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-5\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Tak. Zakres obejmuje\r\n                  <strong>\r\n                    produkcj\u0119 nowych wa\u0142\u00f3w bananowych oraz\r\n                    regeneracj\u0119 istniej\u0105cych element\u00f3w.\r\n                  <\/strong>\r\n                  Mo\u017cliwo\u015b\u0107 i zakres regeneracji ustala si\u0119\r\n                  po ocenie konstrukcji oraz stanu dostarczonego wa\u0142u.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 6 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"service\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-6\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Regeneracja\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Kiedy mo\u017cna rozwa\u017cy\u0107 regeneracj\u0119 wa\u0142u bananowego?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-6\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Regeneracj\u0119 mo\u017cna rozwa\u017cy\u0107, gdy konstrukcja wa\u0142u,\r\n                  jego geometria, zako\u0144czenia i elementy mechaniczne\r\n                  pozwalaj\u0105 na dalsze wykorzystanie. Zu\u017cycie samej\r\n                  powierzchni nie przes\u0105dza jeszcze o zakresie prac.\r\n                  <strong>\r\n                    Decyzja wymaga ogl\u0119dzin, pomiar\u00f3w i analizy\r\n                    warunk\u00f3w pracy.\r\n                  <\/strong>\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 7 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"service\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-7\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Nowe wykonanie\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Kiedy w\u0142a\u015bciwszy mo\u017ce by\u0107 nowy wa\u0142?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-7\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Nowe wykonanie mo\u017ce by\u0107 w\u0142a\u015bciwe, gdy istniej\u0105cy\r\n                  wa\u0142 nie daje podstaw do regeneracji albo aktualna\r\n                  aplikacja wymaga innej geometrii, powierzchni,\r\n                  zako\u0144cze\u0144 lub sposobu monta\u017cu. Nowy element mo\u017ce\r\n                  powsta\u0107 na podstawie dokumentacji, pomiar\u00f3w,\r\n                  istniej\u0105cego wzoru albo uzgodnionej specyfikacji.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 8 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"inquiry\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-8\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Dokumentacja\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Czy mo\u017cna rozpocz\u0105\u0107 analiz\u0119 bez kompletnego rysunku?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-8\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Tak. Brak kompletnej dokumentacji nie wyklucza\r\n                  rozpocz\u0119cia analizy. Punktem wyj\u015bcia mo\u017ce by\u0107\r\n                  <strong>\r\n                    istniej\u0105cy wa\u0142, podstawowe wymiary, zdj\u0119cia,\r\n                    oznaczenia oraz opis jego pracy w maszynie.\r\n                  <\/strong>\r\n                  Zakres danych wymagaj\u0105cych uzupe\u0142nienia ustala si\u0119\r\n                  po zapoznaniu z materia\u0142ami.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 9 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"inquiry\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-9\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Wycena\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Jakie dane s\u0105 potrzebne do przygotowania zapytania?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-9\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Przydatne s\u0105 d\u0142ugo\u015b\u0107 robocza, \u015brednica,\r\n                  wymiary zako\u0144cze\u0144, spos\u00f3b mocowania i rodzaj\r\n                  powierzchni. Nale\u017cy tak\u017ce poda\u0107 informacje\r\n                  o materiale wst\u0119gowym, jego szeroko\u015bci,\r\n                  pr\u0119dko\u015bci pracy oraz obserwowanych problemach.\r\n                  <strong>\r\n                    Pomocne s\u0105 rysunki, zdj\u0119cia i film z pracy linii.\r\n                  <\/strong>\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 10 -->\r\n        <article\r\n          class=\"prx-wb-v3-faq__item\"\r\n          data-wb11-category=\"inquiry\"\r\n        >\r\n          <button\r\n            class=\"prx-wb-v3-faq__question\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"wb11-light-answer-10\"\r\n          >\r\n            <span class=\"prx-wb-v3-faq__question-category\">\r\n              Diagnoza\r\n            <\/span>\r\n\r\n            <span class=\"prx-wb-v3-faq__question-text\">\r\n              Czy wa\u0142 bananowy zawsze usunie fa\u0142dy na materiale?\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"prx-wb-v3-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/button>\r\n\r\n          <div\r\n            class=\"prx-wb-v3-faq__answer\"\r\n            id=\"wb11-light-answer-10\"\r\n          >\r\n            <div class=\"prx-wb-v3-faq__answer-inner\">\r\n              <div class=\"prx-wb-v3-faq__answer-content\">\r\n                <p>\r\n                  Nie mo\u017cna ocenia\u0107 efektu wy\u0142\u0105cznie na podstawie\r\n                  obecno\u015bci wa\u0142u bananowego. Jest on jednym z element\u00f3w\r\n                  uk\u0142adu prowadzenia, a rezultat zale\u017cy r\u00f3wnie\u017c od\r\n                  <strong>\r\n                    napi\u0119cia materia\u0142u, opasania, po\u0142o\u017cenia wa\u0142u,\r\n                    s\u0105siednich rolek i przyczyny powstawania fa\u0142d.\r\n                  <\/strong>\r\n                  Przed zmian\u0105 wa\u0142u warto przeanalizowa\u0107 ca\u0142y fragment linii.\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <div\r\n          class=\"prx-wb-v3-faq__empty\"\r\n          data-wb11-empty\r\n        >\r\n          W wybranej kategorii nie znaleziono pyta\u0144.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n\r\n    <div class=\"prx-wb-v3-faq__cta\">\r\n\r\n      <div class=\"prx-wb-v3-faq__cta-copy\">\r\n\r\n        <strong>\r\n          Potrzebujesz oceny konkretnego wa\u0142u lub aplikacji?\r\n        <\/strong>\r\n\r\n        <p>\r\n          Prze\u015blij opis materia\u0142u, zdj\u0119cia wa\u0142u, podstawowe\r\n          wymiary oraz informacj\u0119 o problemie wyst\u0119puj\u0105cym\r\n          na linii. Na tej podstawie mo\u017cna rozpocz\u0105\u0107 analiz\u0119.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"prx-wb-v3-faq__cta-actions\">\r\n\r\n        <a\r\n          class=\"prx-wb-v3-faq__button\r\n                 prx-wb-v3-faq__button--secondary\"\r\n          href=\"#konfigurator-walu-bananowego\"\r\n        >\r\n          <span>Uzupe\u0142nij konfigurator<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-wb-v3-faq__button\r\n                 prx-wb-v3-faq__button--primary\"\r\n          href=\"\/kontakt\/\"\r\n        >\r\n          <span>Wy\u015blij zapytanie techniczne<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"><\/path>\r\n            <path d=\"m14 7 5 5-5 5\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const sections = document.querySelectorAll(\r\n        \"[data-prx-wb-v3-faq]\"\r\n      );\r\n\r\n      sections.forEach(function (section) {\r\n        if (\r\n          section.dataset.prxWbV3FaqReady === \"true\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        section.dataset.prxWbV3FaqReady = \"true\";\r\n\r\n        const items = Array.from(\r\n          section.querySelectorAll(\r\n            \".prx-wb-v3-faq__item\"\r\n          )\r\n        );\r\n\r\n        const filters = Array.from(\r\n          section.querySelectorAll(\r\n            \"[data-wb11-filter]\"\r\n          )\r\n        );\r\n\r\n        const emptyState = section.querySelector(\r\n          \"[data-wb11-empty]\"\r\n        );\r\n\r\n        const reduceMotion = window.matchMedia(\r\n          \"(prefers-reduced-motion: reduce)\"\r\n        ).matches;\r\n\r\n        function closeItem(item) {\r\n          item.classList.remove(\"is-open\");\r\n\r\n          const button = item.querySelector(\r\n            \".prx-wb-v3-faq__question\"\r\n          );\r\n\r\n          if (button) {\r\n            button.setAttribute(\r\n              \"aria-expanded\",\r\n              \"false\"\r\n            );\r\n          }\r\n        }\r\n\r\n        function openItem(item) {\r\n          item.classList.add(\"is-open\");\r\n\r\n          const button = item.querySelector(\r\n            \".prx-wb-v3-faq__question\"\r\n          );\r\n\r\n          if (button) {\r\n            button.setAttribute(\r\n              \"aria-expanded\",\r\n              \"true\"\r\n            );\r\n          }\r\n        }\r\n\r\n        items.forEach(function (item) {\r\n          const button = item.querySelector(\r\n            \".prx-wb-v3-faq__question\"\r\n          );\r\n\r\n          if (!button) {\r\n            return;\r\n          }\r\n\r\n          button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n              const shouldOpen =\r\n                !item.classList.contains(\r\n                  \"is-open\"\r\n                );\r\n\r\n              items.forEach(function (otherItem) {\r\n                if (otherItem !== item) {\r\n                  closeItem(otherItem);\r\n                }\r\n              });\r\n\r\n              if (shouldOpen) {\r\n                openItem(item);\r\n              } else {\r\n                closeItem(item);\r\n              }\r\n            }\r\n          );\r\n        });\r\n\r\n        function applyFilter(category) {\r\n          let visibleCount = 0;\r\n          let firstVisibleItem = null;\r\n\r\n          items.forEach(function (item) {\r\n            const matches =\r\n              category === \"all\" ||\r\n              item.dataset.wb11Category === category;\r\n\r\n            item.classList.toggle(\r\n              \"is-hidden\",\r\n              !matches\r\n            );\r\n\r\n            closeItem(item);\r\n\r\n            if (matches) {\r\n              visibleCount += 1;\r\n\r\n              if (!firstVisibleItem) {\r\n                firstVisibleItem = item;\r\n              }\r\n            }\r\n          });\r\n\r\n          if (firstVisibleItem) {\r\n            openItem(firstVisibleItem);\r\n          }\r\n\r\n          if (emptyState) {\r\n            emptyState.classList.toggle(\r\n              \"is-visible\",\r\n              visibleCount === 0\r\n            );\r\n          }\r\n        }\r\n\r\n        filters.forEach(function (filter) {\r\n          filter.addEventListener(\r\n            \"click\",\r\n            function () {\r\n              const category =\r\n                filter.dataset.wb11Filter;\r\n\r\n              filters.forEach(function (otherFilter) {\r\n                const active =\r\n                  otherFilter === filter;\r\n\r\n                otherFilter.classList.toggle(\r\n                  \"is-active\",\r\n                  active\r\n                );\r\n\r\n                otherFilter.setAttribute(\r\n                  \"aria-pressed\",\r\n                  active\r\n                    ? \"true\"\r\n                    : \"false\"\r\n                );\r\n              });\r\n\r\n              applyFilter(category);\r\n            }\r\n          );\r\n        });\r\n\r\n        if (\r\n          reduceMotion ||\r\n          !(\"IntersectionObserver\" in window)\r\n        ) {\r\n          section.classList.add(\"is-visible\");\r\n        } else {\r\n          const observer =\r\n            new IntersectionObserver(\r\n              function (entries) {\r\n                if (!entries[0].isIntersecting) {\r\n                  return;\r\n                }\r\n\r\n                section.classList.add(\r\n                  \"is-visible\"\r\n                );\r\n\r\n                observer.disconnect();\r\n              },\r\n              {\r\n                threshold: 0.1\r\n              }\r\n            );\r\n\r\n          observer.observe(section);\r\n        }\r\n\r\n        section\r\n          .querySelectorAll('a[href^=\"#\"]')\r\n          .forEach(function (link) {\r\n            link.addEventListener(\r\n              \"click\",\r\n              function (event) {\r\n                const selector =\r\n                  link.getAttribute(\"href\");\r\n\r\n                if (\r\n                  !selector ||\r\n                  selector === \"#\"\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                const target =\r\n                  document.querySelector(selector);\r\n\r\n                if (!target) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                  behavior:\r\n                    reduceMotion\r\n                      ? \"auto\"\r\n                      : \"smooth\",\r\n                  block: \"start\"\r\n                });\r\n              }\r\n            );\r\n          });\r\n\r\n        applyFilter(\"all\");\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n  <!-- FAQPAGE \u2014 TYLKO JEDEN TAKI SKRYPT NA STRONIE -->\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"FAQPage\",\r\n    \"mainEntity\": [\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Czym jest wa\u0142 bananowy?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Wa\u0142 bananowy, okre\u015blany r\u00f3wnie\u017c jako wa\u0142 zakrzywiony lub rozpr\u0119\u017cny, jest elementem uk\u0142adu prowadzenia materia\u0142\u00f3w wst\u0119gowych. Jego geometria pomaga rozprowadza\u0107 materia\u0142 na szeroko\u015bci i ogranicza\u0107 powstawanie fa\u0142d oraz zmarszcze\u0144.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Jak dzia\u0142a wa\u0142 bananowy?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Materia\u0142 opasaj\u0105cy zakrzywiony wa\u0142 jest prowadzony w spos\u00f3b powoduj\u0105cy jego rozchodzenie si\u0119 w kierunku kraw\u0119dzi. Efekt zale\u017cy mi\u0119dzy innymi od ugi\u0119cia wa\u0142u, k\u0105ta opasania, po\u0142o\u017cenia w maszynie oraz napi\u0119cia wst\u0119gi.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Czym r\u00f3\u017cni si\u0119 sta\u0142e ugi\u0119cie od regulowanego?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"W wariancie ze sta\u0142ym ugi\u0119ciem geometria wa\u0142u jest okre\u015blona dla przyj\u0119tych warunk\u00f3w pracy. Konstrukcja regulowana pozwala w przewidzianym dla niej zakresie dostosowa\u0107 ustawienie do zmieniaj\u0105cego si\u0119 materia\u0142u albo procesu. Mo\u017cliwo\u015b\u0107 regulacji zale\u017cy od budowy, wymiar\u00f3w i sposobu monta\u017cu wa\u0142u.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Jak\u0105 powierzchni\u0119 robocz\u0105 mo\u017ce mie\u0107 wa\u0142 bananowy?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Powierzchnia robocza mo\u017ce by\u0107 wykonana mi\u0119dzy innymi z gumy albo poliuretanu. Materia\u0142 i parametry powierzchni dobiera si\u0119 do rodzaju wst\u0119gi, jej napi\u0119cia, pr\u0119dko\u015bci pracy oraz \u015brodowiska, w kt\u00f3rym pracuje wa\u0142.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Czy PROEXPORT wykonuje nowe wa\u0142y i regeneruje u\u017cywane?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Tak. Zakres obejmuje produkcj\u0119 nowych wa\u0142\u00f3w bananowych oraz regeneracj\u0119 istniej\u0105cych element\u00f3w. Mo\u017cliwo\u015b\u0107 i zakres regeneracji ustala si\u0119 po ocenie konstrukcji oraz stanu dostarczonego wa\u0142u.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Kiedy mo\u017cna rozwa\u017cy\u0107 regeneracj\u0119 wa\u0142u bananowego?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Regeneracj\u0119 mo\u017cna rozwa\u017cy\u0107, gdy konstrukcja wa\u0142u, jego geometria, zako\u0144czenia i elementy mechaniczne pozwalaj\u0105 na dalsze wykorzystanie. Decyzja wymaga ogl\u0119dzin, pomiar\u00f3w i analizy warunk\u00f3w pracy.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Kiedy w\u0142a\u015bciwszy mo\u017ce by\u0107 nowy wa\u0142?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Nowe wykonanie mo\u017ce by\u0107 w\u0142a\u015bciwe, gdy istniej\u0105cy wa\u0142 nie daje podstaw do regeneracji albo aktualna aplikacja wymaga innej geometrii, powierzchni, zako\u0144cze\u0144 lub sposobu monta\u017cu.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Czy mo\u017cna rozpocz\u0105\u0107 analiz\u0119 bez kompletnego rysunku?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Tak. Brak kompletnej dokumentacji nie wyklucza rozpocz\u0119cia analizy. Punktem wyj\u015bcia mo\u017ce by\u0107 istniej\u0105cy wa\u0142, podstawowe wymiary, zdj\u0119cia, oznaczenia oraz opis jego pracy w maszynie.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Jakie dane s\u0105 potrzebne do przygotowania zapytania?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Przydatne s\u0105 d\u0142ugo\u015b\u0107 robocza, \u015brednica, wymiary zako\u0144cze\u0144, spos\u00f3b mocowania i rodzaj powierzchni. Nale\u017cy tak\u017ce poda\u0107 informacje o materiale wst\u0119gowym, jego szeroko\u015bci, pr\u0119dko\u015bci pracy oraz obserwowanych problemach.\"\r\n        }\r\n      },\r\n      {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Czy wa\u0142 bananowy zawsze usunie fa\u0142dy na materiale?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"Nie mo\u017cna ocenia\u0107 efektu wy\u0142\u0105cznie na podstawie obecno\u015bci wa\u0142u bananowego. Rezultat zale\u017cy r\u00f3wnie\u017c od napi\u0119cia materia\u0142u, opasania, po\u0142o\u017cenia wa\u0142u, s\u0105siednich rolek i przyczyny powstawania fa\u0142d.\"\r\n        }\r\n      }\r\n    ]\r\n  }\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dcb4fe elementor-widget elementor-widget-html\" data-id=\"5dcb4fe\" 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 WA\u0141Y BANANOWE\r\n     DODATKOWY BLOK: POWI\u0104ZANE ROZWI\u0104ZANIA\r\n     Wklej ca\u0142o\u015b\u0107 do jednego wid\u017cetu HTML w Elementorze\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"powiazane-waly-bananowe\"\r\n  class=\"prx-banana-related\"\r\n  aria-labelledby=\"prx-banana-related-title\"\r\n>\r\n  <style>\r\n    .prx-banana-related,\r\n    .prx-banana-related * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-banana-related {\r\n      --prx-br-navy: #061d34;\r\n      --prx-br-navy-2: #0b3152;\r\n      --prx-br-blue: #174d73;\r\n      --prx-br-red: #df1010;\r\n      --prx-br-red-dark: #b90000;\r\n      --prx-br-white: #ffffff;\r\n      --prx-br-ink: #10263b;\r\n      --prx-br-muted: #617587;\r\n      --prx-br-gap: 20px;\r\n\r\n      position: relative;\r\n      width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      padding: 104px 24px 98px;\r\n      color: #ffffff;\r\n      font-family: inherit;\r\n      background:\r\n        radial-gradient(circle at 8% 0%, rgba(37, 113, 164, 0.28), transparent 31%),\r\n        radial-gradient(circle at 95% 92%, rgba(223, 16, 16, 0.13), transparent 26%),\r\n        linear-gradient(135deg, #041525 0%, #071f38 52%, #0a2d4b 100%);\r\n    }\r\n\r\n    .prx-banana-related::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      opacity: 0.26;\r\n      background-image:\r\n        linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);\r\n      background-size: 64px 64px;\r\n      -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n      mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n    }\r\n\r\n    .prx-banana-related::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -330px;\r\n      right: -220px;\r\n      width: 650px;\r\n      height: 650px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255, 255, 255, 0.07);\r\n      box-shadow:\r\n        0 0 0 72px rgba(255, 255, 255, 0.018),\r\n        0 0 0 144px rgba(255, 255, 255, 0.009);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-banana-related__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1220px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* Ochrona przed stylami motywu i Elementora *\/\r\n    .prx-banana-related a,\r\n    .prx-banana-related a:hover,\r\n    .prx-banana-related a:focus,\r\n    .prx-banana-related a:active,\r\n    .prx-banana-related button,\r\n    .prx-banana-related button:hover,\r\n    .prx-banana-related button:focus,\r\n    .prx-banana-related button:active {\r\n      border: 0 !important;\r\n      outline: 0 !important;\r\n      text-decoration: none !important;\r\n      text-transform: none !important;\r\n      text-shadow: none !important;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .prx-banana-related a * ,\r\n    .prx-banana-related button * {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-banana-related__head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 42px;\r\n      align-items: end;\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .prx-banana-related__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      min-height: 34px;\r\n      margin-bottom: 18px;\r\n      padding: 9px 14px;\r\n      border-radius: 999px;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.08);\r\n      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);\r\n      backdrop-filter: blur(9px);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n      letter-spacing: 0.11em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-banana-related__eyebrow::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-br-red);\r\n      box-shadow: 0 0 0 5px rgba(223, 16, 16, 0.16);\r\n    }\r\n\r\n    .prx-banana-related h2 {\r\n      max-width: 850px;\r\n      margin: 0;\r\n      color: #ffffff !important;\r\n      font-size: clamp(39px, 4.7vw, 62px);\r\n      font-weight: 850;\r\n      line-height: 1.04;\r\n      letter-spacing: -0.045em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-banana-related__lead {\r\n      max-width: 800px;\r\n      margin: 20px 0 0;\r\n      color: #c7d5df !important;\r\n      font-size: 18px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .prx-banana-related__lead strong {\r\n      color: #ffffff;\r\n      font-weight: 760;\r\n    }\r\n\r\n    .prx-banana-related__controls {\r\n      display: flex;\r\n      gap: 10px;\r\n      padding-bottom: 4px;\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__arrow {\r\n      appearance: none !important;\r\n      display: grid;\r\n      place-items: center;\r\n      width: 52px;\r\n      height: 52px;\r\n      padding: 0;\r\n      border-radius: 50%;\r\n      color: #ffffff;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);\r\n      cursor: pointer;\r\n      transition: transform 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__arrow:hover,\r\n    .prx-banana-related .prx-banana-related__arrow:focus-visible {\r\n      color: #ffffff;\r\n      background: var(--prx-br-red);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 12px 28px rgba(223, 16, 16, 0.28);\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__arrow:disabled {\r\n      opacity: 0.3;\r\n      cursor: default;\r\n      transform: none;\r\n      background: rgba(255, 255, 255, 0.07);\r\n      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .prx-banana-related__arrow svg {\r\n      width: 22px;\r\n      height: 22px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-banana-related__viewport {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      scroll-behavior: smooth;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n      -ms-overflow-style: none;\r\n      touch-action: pan-x pan-y;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    .prx-banana-related__viewport::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .prx-banana-related__viewport:focus-visible {\r\n      box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .prx-banana-related__track {\r\n      display: flex;\r\n      align-items: stretch;\r\n      gap: var(--prx-br-gap);\r\n    }\r\n\r\n    .prx-banana-related__card {\r\n      flex: 0 0 calc((100% - (2 * var(--prx-br-gap))) \/ 3);\r\n      min-width: 0;\r\n      margin: 0;\r\n      scroll-snap-align: start;\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__link {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 475px;\r\n      overflow: hidden;\r\n      border-radius: 25px;\r\n      color: var(--prx-br-ink) !important;\r\n      background: #ffffff;\r\n      box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22);\r\n      isolation: isolate;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .prx-banana-related__link::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      z-index: 8;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background: linear-gradient(90deg, var(--prx-br-red), var(--prx-br-red-dark));\r\n      transform: scaleX(0.14);\r\n      transform-origin: left;\r\n      transition: transform 0.34s ease;\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__link:hover,\r\n    .prx-banana-related .prx-banana-related__link:focus-visible {\r\n      color: var(--prx-br-ink) !important;\r\n      transform: translateY(-7px);\r\n      box-shadow: 0 31px 75px rgba(0, 0, 0, 0.31);\r\n    }\r\n\r\n    .prx-banana-related__link:hover::before,\r\n    .prx-banana-related__link:focus-visible::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .prx-banana-related__image {\r\n      position: relative;\r\n      height: 295px;\r\n      overflow: hidden;\r\n      background: #dfe6eb;\r\n    }\r\n\r\n    .prx-banana-related__image::after {\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        linear-gradient(180deg, rgba(4, 20, 34, 0.02) 38%, rgba(4, 20, 34, 0.7) 100%),\r\n        linear-gradient(90deg, rgba(4, 20, 34, 0.08), transparent 55%);\r\n    }\r\n\r\n    .prx-banana-related__image img {\r\n      display: block !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      object-fit: cover !important;\r\n      object-position: center !important;\r\n      filter: saturate(0.88) contrast(1.04);\r\n      transform: scale(1.02);\r\n      transition: transform 0.65s cubic-bezier(0.2, 0.72, 0.2, 1), filter 0.4s ease;\r\n    }\r\n\r\n    .prx-banana-related__link:hover .prx-banana-related__image img,\r\n    .prx-banana-related__link:focus-visible .prx-banana-related__image img {\r\n      filter: saturate(1) contrast(1.06);\r\n      transform: scale(1.075);\r\n    }\r\n\r\n    .prx-banana-related__tag {\r\n      position: absolute;\r\n      z-index: 4;\r\n      left: 17px;\r\n      top: 17px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 31px;\r\n      padding: 8px 11px;\r\n      border-radius: 999px;\r\n      color: #ffffff !important;\r\n      background: rgba(4, 22, 38, 0.76);\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);\r\n      backdrop-filter: blur(9px);\r\n      font-size: 10px;\r\n      font-weight: 820;\r\n      line-height: 1;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-banana-related__tag::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      flex: 0 0 7px;\r\n      border-radius: 50%;\r\n      background: var(--prx-br-red);\r\n    }\r\n\r\n    .prx-banana-related__number {\r\n      position: absolute;\r\n      z-index: 4;\r\n      top: 17px;\r\n      right: 17px;\r\n      display: grid;\r\n      place-items: center;\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 12px;\r\n      color: var(--prx-br-navy) !important;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);\r\n      backdrop-filter: blur(8px);\r\n      font-size: 11px;\r\n      font-weight: 850;\r\n      line-height: 1;\r\n    }\r\n\r\n    .prx-banana-related__body {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 46px;\r\n      gap: 17px;\r\n      align-items: center;\r\n      flex: 1 1 auto;\r\n      min-height: 180px;\r\n      padding: 25px 23px 24px;\r\n      background:\r\n        radial-gradient(circle at 100% 100%, rgba(33, 105, 153, 0.09), transparent 35%),\r\n        linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);\r\n    }\r\n\r\n    .prx-banana-related__card-title {\r\n      margin: 0;\r\n      color: var(--prx-br-navy) !important;\r\n      font-size: clamp(22px, 1.75vw, 27px);\r\n      font-weight: 830;\r\n      line-height: 1.16;\r\n      letter-spacing: -0.028em;\r\n      overflow-wrap: break-word;\r\n    }\r\n\r\n    .prx-banana-related__card-text {\r\n      display: block;\r\n      margin: 10px 0 0;\r\n      color: var(--prx-br-muted) !important;\r\n      font-size: 14px;\r\n      line-height: 1.52;\r\n    }\r\n\r\n    .prx-banana-related__go {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 50%;\r\n      color: var(--prx-br-navy);\r\n      background: #ffffff;\r\n      box-shadow:\r\n        0 8px 20px rgba(6, 29, 52, 0.11),\r\n        inset 0 0 0 1px rgba(6, 29, 52, 0.08);\r\n      transition: transform 0.24s ease, color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;\r\n    }\r\n\r\n    .prx-banana-related__go svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .prx-banana-related__link:hover .prx-banana-related__go,\r\n    .prx-banana-related__link:focus-visible .prx-banana-related__go {\r\n      color: #ffffff;\r\n      background: var(--prx-br-red);\r\n      transform: translateX(3px);\r\n      box-shadow: 0 10px 24px rgba(223, 16, 16, 0.25);\r\n    }\r\n\r\n    .prx-banana-related__footer {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 24px;\r\n      margin-top: 29px;\r\n      padding: 0 2px;\r\n    }\r\n\r\n    .prx-banana-related__dots {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 28px;\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__dot {\r\n      appearance: none !important;\r\n      width: 8px;\r\n      height: 8px;\r\n      padding: 0;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.28);\r\n      box-shadow: none !important;\r\n      cursor: pointer;\r\n      transition: width 0.22s ease, background 0.22s ease, transform 0.22s ease;\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__dot:hover {\r\n      background: rgba(255, 255, 255, 0.62);\r\n      transform: scale(1.18);\r\n    }\r\n\r\n    .prx-banana-related .prx-banana-related__dot[aria-current=\"true\"] {\r\n      width: 32px;\r\n      background: var(--prx-br-red);\r\n    }\r\n\r\n    .prx-banana-related__counter {\r\n      color: #a9bccb !important;\r\n      font-size: 12px;\r\n      font-weight: 760;\r\n      line-height: 1;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-banana-related__counter strong {\r\n      color: #ffffff !important;\r\n      font-size: 18px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .prx-banana-related {\r\n        padding: 90px 22px 88px;\r\n      }\r\n\r\n      .prx-banana-related__card {\r\n        flex-basis: calc((100% - var(--prx-br-gap)) \/ 2);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n      .prx-banana-related {\r\n        --prx-br-gap: 14px;\r\n        padding: 76px 16px 78px;\r\n      }\r\n\r\n      .prx-banana-related__head {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n        margin-bottom: 32px;\r\n      }\r\n\r\n      .prx-banana-related h2 {\r\n        font-size: clamp(36px, 11vw, 48px);\r\n      }\r\n\r\n      .prx-banana-related__lead {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .prx-banana-related__controls {\r\n        padding: 0;\r\n      }\r\n\r\n      .prx-banana-related .prx-banana-related__arrow {\r\n        width: 48px;\r\n        height: 48px;\r\n      }\r\n\r\n      .prx-banana-related__card {\r\n        flex-basis: 100%;\r\n      }\r\n\r\n      .prx-banana-related .prx-banana-related__link {\r\n        min-height: 445px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .prx-banana-related__image {\r\n        height: 280px;\r\n      }\r\n\r\n      .prx-banana-related__body {\r\n        min-height: 165px;\r\n        padding: 22px 19px;\r\n      }\r\n\r\n      .prx-banana-related__card-title {\r\n        font-size: 23px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n      .prx-banana-related__image {\r\n        height: 255px;\r\n      }\r\n\r\n      .prx-banana-related__body {\r\n        grid-template-columns: minmax(0, 1fr) 41px;\r\n        gap: 12px;\r\n      }\r\n\r\n      .prx-banana-related__go {\r\n        width: 41px;\r\n        height: 41px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-banana-related *,\r\n      .prx-banana-related *::before,\r\n      .prx-banana-related *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-banana-related__inner\">\r\n    <header class=\"prx-banana-related__head\">\r\n      <div>\r\n        <span class=\"prx-banana-related__eyebrow\">Powi\u0105zane produkty i us\u0142ugi<\/span>\r\n\r\n        <h2 id=\"prx-banana-related-title\">\r\n          Rozwi\u0105zania dla ca\u0142ego uk\u0142adu prowadzenia wst\u0119gi\r\n        <\/h2>\r\n\r\n        <p class=\"prx-banana-related__lead\">\r\n          Wa\u0142 bananowy cz\u0119sto wsp\u00f3\u0142pracuje z innymi elementami linii. Zobacz rozwi\u0105zania,\r\n          kt\u00f3re mog\u0105 uzupe\u0142ni\u0107 <strong>prowadzenie, transport, przewijanie i obr\u00f3bk\u0119\r\n          materia\u0142\u00f3w wst\u0119gowych<\/strong>.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"prx-banana-related__controls\" aria-label=\"Sterowanie karuzel\u0105\">\r\n        <button\r\n          class=\"prx-banana-related__arrow prx-banana-related__arrow--prev\"\r\n          type=\"button\"\r\n          aria-label=\"Poprzednie pozycje\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M19 12H5M11 6l-6 6 6 6\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"prx-banana-related__arrow prx-banana-related__arrow--next\"\r\n          type=\"button\"\r\n          aria-label=\"Nast\u0119pne pozycje\"\r\n        >\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div\r\n      class=\"prx-banana-related__viewport\"\r\n      tabindex=\"0\"\r\n      role=\"region\"\r\n      aria-roledescription=\"karuzela\"\r\n      aria-label=\"Powi\u0105zane produkty i us\u0142ugi\"\r\n    >\r\n      <div class=\"prx-banana-related__track\">\r\n\r\n        <article class=\"prx-banana-related__card\">\r\n          <a\r\n            class=\"prx-banana-related__link\"\r\n            href=\"https:\/\/hardchromeplate.com\/walce-precyzyjne\/\"\r\n            aria-label=\"Przejd\u017a do strony: Walce precyzyjne\"\r\n          >\r\n            <div class=\"prx-banana-related__image\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/ce03.png\"\r\n                alt=\"Walec precyzyjny do zastosowa\u0144 przemys\u0142owych\"\r\n                width=\"1024\"\r\n                height=\"1024\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n              <span class=\"prx-banana-related__tag\">Produkt<\/span>\r\n              <span class=\"prx-banana-related__number\" aria-hidden=\"true\">01<\/span>\r\n            <\/div>\r\n            <div class=\"prx-banana-related__body\">\r\n              <div>\r\n                <h3 class=\"prx-banana-related__card-title\">Walce precyzyjne<\/h3>\r\n                <span class=\"prx-banana-related__card-text\">\r\n                  Elementy wykonywane wed\u0142ug dokumentacji i wymaga\u0144 konkretnej maszyny.\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"prx-banana-related__go\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"prx-banana-related__card\">\r\n          <a\r\n            class=\"prx-banana-related__link\"\r\n            href=\"https:\/\/hardchromeplate.com\/walce-do-przewijania-papieru\/\"\r\n            aria-label=\"Przejd\u017a do strony: Walce do przewijania papieru\"\r\n          >\r\n            <div class=\"prx-banana-related__image\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2026\/07\/winding_carrier_rolls_v2_1782996437311.png\"\r\n                alt=\"Walce do prowadzenia i przewijania wst\u0119gi papieru\"\r\n                width=\"1536\"\r\n                height=\"1024\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n              <span class=\"prx-banana-related__tag\">Produkt<\/span>\r\n              <span class=\"prx-banana-related__number\" aria-hidden=\"true\">02<\/span>\r\n            <\/div>\r\n            <div class=\"prx-banana-related__body\">\r\n              <div>\r\n                <h3 class=\"prx-banana-related__card-title\">Walce do przewijania papieru<\/h3>\r\n                <span class=\"prx-banana-related__card-text\">\r\n                  Rozwi\u0105zania wspieraj\u0105ce stabilne prowadzenie materia\u0142u w procesie przewijania.\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"prx-banana-related__go\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"prx-banana-related__card\">\r\n          <a\r\n            class=\"prx-banana-related__link\"\r\n            href=\"https:\/\/hardchromeplate.com\/rolki-transportowe\/\"\r\n            aria-label=\"Przejd\u017a do strony: Rolki transportowe\"\r\n          >\r\n            <div class=\"prx-banana-related__image\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2026\/07\/winding_carrier_rolls_v3_1782996644827.png\"\r\n                alt=\"Rolki transportowe stosowane w liniach przemys\u0142owych\"\r\n                width=\"1536\"\r\n                height=\"1024\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n              <span class=\"prx-banana-related__tag\">Produkt<\/span>\r\n              <span class=\"prx-banana-related__number\" aria-hidden=\"true\">03<\/span>\r\n            <\/div>\r\n            <div class=\"prx-banana-related__body\">\r\n              <div>\r\n                <h3 class=\"prx-banana-related__card-title\">Rolki transportowe<\/h3>\r\n                <span class=\"prx-banana-related__card-text\">\r\n                  Elementy do transportu i prowadzenia materia\u0142u w obr\u0119bie linii produkcyjnej.\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"prx-banana-related__go\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"prx-banana-related__card\">\r\n          <a\r\n            class=\"prx-banana-related__link\"\r\n            href=\"https:\/\/hardchromeplate.com\/walce-kalandrow\/\"\r\n            aria-label=\"Przejd\u017a do strony: Walce kalandr\u00f3w\"\r\n          >\r\n            <div class=\"prx-banana-related__image\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2026\/07\/calender_feed_1782979661750.png\"\r\n                alt=\"Walce kalandr\u00f3w w przemys\u0142owym uk\u0142adzie obr\u00f3bki wst\u0119gi\"\r\n                width=\"1536\"\r\n                height=\"1024\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n              <span class=\"prx-banana-related__tag\">Produkt<\/span>\r\n              <span class=\"prx-banana-related__number\" aria-hidden=\"true\">04<\/span>\r\n            <\/div>\r\n            <div class=\"prx-banana-related__body\">\r\n              <div>\r\n                <h3 class=\"prx-banana-related__card-title\">Walce kalandr\u00f3w<\/h3>\r\n                <span class=\"prx-banana-related__card-text\">\r\n                  Walce robocze do proces\u00f3w wymagaj\u0105cych kontroli geometrii i powierzchni.\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"prx-banana-related__go\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"prx-banana-related__card\">\r\n          <a\r\n            class=\"prx-banana-related__link\"\r\n            href=\"https:\/\/hardchromeplate.com\/toczenie-detali\/\"\r\n            aria-label=\"Przejd\u017a do strony: Toczenie detali CNC\"\r\n          >\r\n            <div class=\"prx-banana-related__image\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2026\/06\/Bez-tytulu.png\"\r\n                alt=\"Toczone detale metalowe wykonane metod\u0105 obr\u00f3bki CNC\"\r\n                width=\"1065\"\r\n                height=\"1065\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n              <span class=\"prx-banana-related__tag\">Us\u0142uga<\/span>\r\n              <span class=\"prx-banana-related__number\" aria-hidden=\"true\">05<\/span>\r\n            <\/div>\r\n            <div class=\"prx-banana-related__body\">\r\n              <div>\r\n                <h3 class=\"prx-banana-related__card-title\">Toczenie detali CNC<\/h3>\r\n                <span class=\"prx-banana-related__card-text\">\r\n                  Obr\u00f3bka element\u00f3w obrotowych oraz cz\u0119\u015bci wsp\u00f3\u0142pracuj\u0105cych z zespo\u0142em wa\u0142u.\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"prx-banana-related__go\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"prx-banana-related__footer\">\r\n      <div class=\"prx-banana-related__dots\" aria-label=\"Pozycja karuzeli\"><\/div>\r\n      <div class=\"prx-banana-related__counter\" aria-live=\"polite\">\r\n        <strong data-prx-br-current>1<\/strong>\r\n        <span aria-hidden=\"true\"> \/ <\/span>\r\n        <span data-prx-br-total>3<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var sections = document.querySelectorAll(\".prx-banana-related\");\r\n\r\n      sections.forEach(function (section) {\r\n        if (section.dataset.prxBananaRelatedReady === \"true\") return;\r\n        section.dataset.prxBananaRelatedReady = \"true\";\r\n\r\n        var viewport = section.querySelector(\".prx-banana-related__viewport\");\r\n        var track = section.querySelector(\".prx-banana-related__track\");\r\n        var cards = Array.prototype.slice.call(\r\n          section.querySelectorAll(\".prx-banana-related__card\")\r\n        );\r\n        var prev = section.querySelector(\".prx-banana-related__arrow--prev\");\r\n        var next = section.querySelector(\".prx-banana-related__arrow--next\");\r\n        var dotsWrap = section.querySelector(\".prx-banana-related__dots\");\r\n        var currentEl = section.querySelector(\"[data-prx-br-current]\");\r\n        var totalEl = section.querySelector(\"[data-prx-br-total]\");\r\n\r\n        if (!viewport || !track || !cards.length || !prev || !next || !dotsWrap) return;\r\n\r\n        var index = 0;\r\n        var maxIndex = 0;\r\n        var dots = [];\r\n        var scrollFrame = null;\r\n        var resizeTimer = null;\r\n\r\n        function visibleCount() {\r\n          if (window.matchMedia(\"(max-width: 700px)\").matches) return 1;\r\n          if (window.matchMedia(\"(max-width: 980px)\").matches) return 2;\r\n          return 3;\r\n        }\r\n\r\n        function stepSize() {\r\n          if (!cards[0]) return 0;\r\n          var gap = parseFloat(window.getComputedStyle(track).gap || \"0\") || 0;\r\n          return cards[0].getBoundingClientRect().width + gap;\r\n        }\r\n\r\n        function update() {\r\n          prev.disabled = index <= 0;\r\n          next.disabled = index >= maxIndex;\r\n\r\n          dots.forEach(function (dot, dotIndex) {\r\n            dot.setAttribute(\"aria-current\", dotIndex === index ? \"true\" : \"false\");\r\n          });\r\n\r\n          if (currentEl) currentEl.textContent = String(index + 1);\r\n          if (totalEl) totalEl.textContent = String(maxIndex + 1);\r\n        }\r\n\r\n        function goTo(nextIndex, smooth) {\r\n          index = Math.max(0, Math.min(maxIndex, nextIndex));\r\n          viewport.scrollTo({\r\n            left: index * stepSize(),\r\n            behavior: smooth === false ? \"auto\" : \"smooth\"\r\n          });\r\n          update();\r\n        }\r\n\r\n        function buildDots() {\r\n          dotsWrap.innerHTML = \"\";\r\n          dots = [];\r\n\r\n          for (var i = 0; i <= maxIndex; i++) {\r\n            var dot = document.createElement(\"button\");\r\n            dot.type = \"button\";\r\n            dot.className = \"prx-banana-related__dot\";\r\n            dot.dataset.index = String(i);\r\n            dot.setAttribute(\"aria-label\", \"Poka\u017c pozycj\u0119 \" + (i + 1));\r\n            dot.addEventListener(\"click\", function () {\r\n              goTo(Number(this.dataset.index));\r\n            });\r\n            dotsWrap.appendChild(dot);\r\n            dots.push(dot);\r\n          }\r\n        }\r\n\r\n        function recalculate() {\r\n          maxIndex = Math.max(0, cards.length - visibleCount());\r\n          index = Math.min(index, maxIndex);\r\n          buildDots();\r\n          goTo(index, false);\r\n        }\r\n\r\n        prev.addEventListener(\"click\", function () { goTo(index - 1); });\r\n        next.addEventListener(\"click\", function () { goTo(index + 1); });\r\n\r\n        viewport.addEventListener(\"keydown\", function (event) {\r\n          if (event.key === \"ArrowLeft\") {\r\n            event.preventDefault();\r\n            goTo(index - 1);\r\n          }\r\n          if (event.key === \"ArrowRight\") {\r\n            event.preventDefault();\r\n            goTo(index + 1);\r\n          }\r\n          if (event.key === \"Home\") {\r\n            event.preventDefault();\r\n            goTo(0);\r\n          }\r\n          if (event.key === \"End\") {\r\n            event.preventDefault();\r\n            goTo(maxIndex);\r\n          }\r\n        });\r\n\r\n        viewport.addEventListener(\"scroll\", function () {\r\n          if (scrollFrame) cancelAnimationFrame(scrollFrame);\r\n          scrollFrame = requestAnimationFrame(function () {\r\n            var step = stepSize();\r\n            if (!step) return;\r\n            index = Math.max(0, Math.min(maxIndex, Math.round(viewport.scrollLeft \/ step)));\r\n            update();\r\n          });\r\n        }, { passive: true });\r\n\r\n        window.addEventListener(\"resize\", function () {\r\n          window.clearTimeout(resizeTimer);\r\n          resizeTimer = window.setTimeout(recalculate, 140);\r\n        });\r\n\r\n        recalculate();\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-387990d e-con e-atomic-element e-flexbox-base e-387990d-8e15fd2 \" data-id=\"387990d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"387990d\">\n    \t\t<div class=\"elementor-element elementor-element-703005f elementor-widget elementor-widget-html\" data-id=\"703005f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* ================================\r\n     PROEXPORT \u2014 PRZEWIJANY PASEK LOGO\r\n     ================================ *\/\r\n\r\n  .prx-logo-marquee {\r\n    --logo-width: 250px;\r\n    --logo-gap: 70px;\r\n    --animation-speed: 32s;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    padding: 24px 0;\r\n  }\r\n\r\n  .prx-logo-marquee__track {\r\n    display: flex;\r\n    width: max-content;\r\n    will-change: transform;\r\n    animation: prxLogoScroll var(--animation-speed) linear infinite;\r\n  }\r\n\r\n  .prx-logo-marquee__group {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-shrink: 0;\r\n    gap: var(--logo-gap);\r\n    padding-right: var(--logo-gap);\r\n  }\r\n\r\n  .prx-logo-marquee__item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: var(--logo-width);\r\n  }\r\n\r\n  .prx-logo-marquee__item img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 76px;\r\n    object-fit: contain;\r\n    filter: none;\r\n  }\r\n\r\n  @keyframes prxLogoScroll {\r\n    from {\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n\r\n    to {\r\n      transform: translate3d(-50%, 0, 0);\r\n    }\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .prx-logo-marquee {\r\n      --logo-width: 220px;\r\n      --logo-gap: 55px;\r\n      --animation-speed: 27s;\r\n      padding: 21px 0;\r\n    }\r\n  }\r\n\r\n  \/* Telefon *\/\r\n  @media (max-width: 767px) {\r\n    .prx-logo-marquee {\r\n      --logo-width: 180px;\r\n      --logo-gap: 38px;\r\n      --animation-speed: 22s;\r\n      padding: 18px 0;\r\n    }\r\n\r\n    .prx-logo-marquee__item img {\r\n      max-height: 58px;\r\n    }\r\n  }\r\n\r\n  \/* Dost\u0119pno\u015b\u0107 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .prx-logo-marquee__track {\r\n      animation-duration: 70s;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"prx-logo-marquee\" aria-label=\"PROEXPORT \u2013 The Best From Europe\">\r\n  <div class=\"prx-logo-marquee__track\">\r\n\r\n    <!-- PIERWSZY ZESTAW LOGOTYP\u00d3W -->\r\n    <div class=\"prx-logo-marquee__group\">\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"PROEXPORT \u2013 The Best From Europe\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IDENTYCZNY ZESTAW ZAPEWNIAJ\u0104CY P\u0141YNN\u0104 P\u0118TL\u0118 -->\r\n    <div class=\"prx-logo-marquee__group\" aria-hidden=\"true\">\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"prx-logo-marquee__item\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/07\/logo_proexport-1.png\"\r\n          alt=\"\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-51abfb0 e-con e-atomic-element e-flexbox-base e-51abfb0-fef637a \" data-id=\"51abfb0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"51abfb0\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-273d467 e-con e-atomic-element e-flexbox-base e-273d467-39f2e9c \" data-id=\"273d467\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"273d467\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-c4e08de e-con e-atomic-element e-flexbox-base e-c4e08de-3276aac \" data-id=\"c4e08de\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c4e08de\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-8224dc5 e-con e-atomic-element e-flexbox-base e-8224dc5-30e7276 \" data-id=\"8224dc5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8224dc5\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-5f2ce12 e-con e-atomic-element e-flexbox-base e-5f2ce12-17169cd \" data-id=\"5f2ce12\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5f2ce12\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-9cd0142 e-con e-atomic-element e-flexbox-base e-9cd0142-c0d9961 \" data-id=\"9cd0142\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9cd0142\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-8e99eff e-con e-atomic-element e-flexbox-base e-8e99eff-4bfac36 \" data-id=\"8e99eff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e99eff\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-5d6bcfc e-con e-atomic-element e-flexbox-base e-5d6bcfc-6021985 \" data-id=\"5d6bcfc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d6bcfc\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-80a6e72 e-con e-atomic-element e-flexbox-base e-80a6e72-d30569c \" data-id=\"80a6e72\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"80a6e72\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-da3d4d5 e-con e-atomic-element e-flexbox-base e-da3d4d5-238d2bb \" data-id=\"da3d4d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"da3d4d5\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wa\u0142y bananowe \u00b7 produkcja i regeneracja Wa\u0142y bananowe do stabilnego prowadzenia materia\u0142u Gdy folia, papier, w\u0142\u00f3knina lub tkanina marszczy si\u0119 podczas prowadzenia, odpowiednio dobrany wa\u0142 bananowy pomaga rozprowadzi\u0107 materia\u0142 na szeroko\u015bci i ustabilizowa\u0107 tor wst\u0119gi. Wykonujemy nowe wa\u0142y na wymiar oraz oceniamy mo\u017cliwo\u015b\u0107 regeneracji eksploatowanych element\u00f3w. Nowe wa\u0142y wykonywane na podstawie dokumentacji, wymiar\u00f3w albo uzgodnionej [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2131","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/2131","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=2131"}],"version-history":[{"count":88,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/2131\/revisions"}],"predecessor-version":[{"id":6142,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/2131\/revisions\/6142"}],"wp:attachment":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/media?parent=2131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}