{"id":3136,"date":"2025-09-30T16:55:17","date_gmt":"2025-09-30T16:55:17","guid":{"rendered":"http:\/\/hardchromeplate.com\/?page_id=3136"},"modified":"2026-07-31T14:04:15","modified_gmt":"2026-07-31T14:04:15","slug":"gears","status":"publish","type":"page","link":"https:\/\/hardchromeplate.com\/en\/gears\/","title":{"rendered":"Gears"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3136\" class=\"elementor elementor-3136\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-436d9d7 e-con e-atomic-element e-flexbox-base e-436d9d7-4b95a74 \" data-id=\"436d9d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"436d9d7\">\n    \t\t<div class=\"elementor-element elementor-element-b8a7724 elementor-widget elementor-widget-html\" data-id=\"b8a7724\" 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-4af1d17 e-con e-atomic-element e-flexbox-base e-4af1d17-976aa7c \" data-id=\"4af1d17\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4af1d17\">\n    \t\t<div class=\"elementor-element elementor-element-a50a147 elementor-widget elementor-widget-html\" data-id=\"a50a147\" 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 HERO \/ KO\u0141A Z\u0118BATE\r\n     Dwa CTA + szybkie menu\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-gear-hero\"\r\n  id=\"poczatek-kola-zebate\"\r\n  aria-labelledby=\"prx-gear-hero-title\"\r\n>\r\n  <style>\r\n    .prx-gear-hero,\r\n    .prx-gear-hero * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-hero {\r\n      --prx-navy: #06233d;\r\n      --prx-navy-dark: #020c16;\r\n      --prx-navy-light: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #b80000;\r\n      --prx-white: #ffffff;\r\n\r\n      position: relative;\r\n      isolation: isolate;\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: 94px 24px 108px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 82% 19%,\r\n          rgba(62, 132, 190, 0.22),\r\n          transparent 34%\r\n        ),\r\n        radial-gradient(\r\n          circle at 10% 84%,\r\n          rgba(225, 6, 0, 0.11),\r\n          transparent 29%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #020c16 0%,\r\n          #06233d 50%,\r\n          #031522 100%\r\n        );\r\n      color: var(--prx-white);\r\n      font-family: inherit;\r\n    }\r\n\r\n    \/* Techniczna siatka t\u0142a *\/\r\n\r\n    .prx-gear-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.018) 0 1px,\r\n          transparent 1px 88px\r\n        ),\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(255, 255, 255, 0.015) 0 1px,\r\n          transparent 1px 88px\r\n        );\r\n      opacity: 0.48;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Dekoracyjny pier\u015bcie\u0144 *\/\r\n\r\n    .prx-gear-hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -340px;\r\n      right: -280px;\r\n      z-index: -1;\r\n      width: 760px;\r\n      height: 760px;\r\n      border: 1px solid rgba(255, 255, 255, 0.055);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 90px rgba(255, 255, 255, 0.016),\r\n        inset 0 0 0 180px rgba(255, 255, 255, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-hero__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.98fr)\r\n        minmax(480px, 1.02fr);\r\n      align-items: center;\r\n      gap: 72px;\r\n      width: 100%;\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       LEWA KOLUMNA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-hero__content {\r\n      position: relative;\r\n      z-index: 5;\r\n      min-width: 0;\r\n      max-width: 690px;\r\n    }\r\n\r\n    .prx-gear-hero__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      max-width: 100%;\r\n      margin-bottom: 24px;\r\n      padding: 10px 16px;\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\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.06);\r\n      color: #d8e4ed;\r\n      font-size: 13px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      letter-spacing: 0.06em;\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-gear-hero__label-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      flex: 0 0 8px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.13);\r\n    }\r\n\r\n    .prx-gear-hero h1 {\r\n      max-width: 760px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(42px, 4.2vw, 66px);\r\n      line-height: 1.04;\r\n      font-weight: 850;\r\n      letter-spacing: -0.05em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-hero__accent {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      width: 96px;\r\n      margin: 29px 0;\r\n    }\r\n\r\n    .prx-gear-hero__accent span {\r\n      display: block;\r\n      height: 5px;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-hero__accent span:first-child {\r\n      width: 57px;\r\n    }\r\n\r\n    .prx-gear-hero__accent span:nth-child(2),\r\n    .prx-gear-hero__accent span:nth-child(3) {\r\n      width: 6px;\r\n    }\r\n\r\n    .prx-gear-hero__lead {\r\n      max-width: 655px;\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.82);\r\n      font-size: 18px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-gear-hero__lead strong {\r\n      color: #ffffff;\r\n      font-weight: 800;\r\n    }\r\n\r\n    \/* Najwa\u017cniejsze informacje *\/\r\n\r\n    .prx-gear-hero__points {\r\n      display: grid;\r\n      gap: 14px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .prx-gear-hero__point {\r\n      display: grid;\r\n      grid-template-columns: 28px minmax(0, 1fr);\r\n      align-items: start;\r\n      gap: 13px;\r\n    }\r\n\r\n    .prx-gear-hero__check {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 27px;\r\n      height: 27px;\r\n      margin-top: 1px;\r\n      border: 1px solid rgba(255, 255, 255, 0.17);\r\n      border-radius: 8px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(225, 6, 0, 0.27),\r\n          rgba(225, 6, 0, 0.07)\r\n        );\r\n      color: #ff4944;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-hero__point p {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.89);\r\n      font-size: 16px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* ======================================================\r\n       DWA PRZYCISKI\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-hero__actions {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 13px;\r\n      width: 100%;\r\n      max-width: 670px;\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .prx-gear-hero__button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 11px;\r\n      min-width: 0;\r\n      min-height: 61px;\r\n      padding: 17px 19px;\r\n      border-radius: 11px;\r\n      color: #ffffff !important;\r\n      font-size: 15px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-hero__button--config {\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #f01a14 0%,\r\n          var(--prx-red) 48%,\r\n          var(--prx-red-dark) 100%\r\n        );\r\n      box-shadow:\r\n        0 18px 38px rgba(177, 0, 0, 0.28),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .prx-gear-hero__button--config:hover {\r\n      transform: translateY(-3px);\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #de100a 0%,\r\n          #cc0000 55%,\r\n          #a80000 100%\r\n        );\r\n      box-shadow:\r\n        0 23px 46px rgba(177, 0, 0, 0.37),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.18);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-hero__button--contact {\r\n      border: 1px solid rgba(255, 255, 255, 0.25);\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.14),\r\n          rgba(255, 255, 255, 0.055)\r\n        );\r\n      box-shadow:\r\n        0 16px 34px rgba(0, 0, 0, 0.23),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.14);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-gear-hero__button--contact:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(255, 255, 255, 0.45);\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.2),\r\n          rgba(255, 255, 255, 0.085)\r\n        );\r\n      box-shadow:\r\n        0 21px 42px rgba(0, 0, 0, 0.3),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-hero__button svg {\r\n      width: 19px;\r\n      height: 19px;\r\n      flex: 0 0 19px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-hero__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    .prx-gear-hero__button:focus-visible,\r\n    .prx-gear-hero__quick-link: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       MA\u0141E MENU\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-hero__quick-nav {\r\n      display: grid;\r\n      grid-template-columns: auto minmax(0, 1fr);\r\n      align-items: center;\r\n      gap: 15px;\r\n      width: 100%;\r\n      max-width: 670px;\r\n      margin-top: 24px;\r\n      padding-top: 19px;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .prx-gear-hero__quick-title {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      color: rgba(255, 255, 255, 0.49);\r\n      font-size: 10px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .prx-gear-hero__quick-title::before {\r\n      content: \"\";\r\n      width: 6px;\r\n      height: 6px;\r\n      flex: 0 0 6px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-hero__quick-links {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 7px;\r\n    }\r\n\r\n    .prx-gear-hero__quick-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 34px;\r\n      padding: 8px 11px;\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      border-radius: 8px;\r\n      background: rgba(255, 255, 255, 0.04);\r\n      color: rgba(255, 255, 255, 0.68) !important;\r\n      font-size: 11px;\r\n      line-height: 1.2;\r\n      font-weight: 750;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      transition:\r\n        color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-hero__quick-link:hover {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(225, 6, 0, 0.46);\r\n      background: rgba(255, 255, 255, 0.08);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    \/* ======================================================\r\n       PRAWA KOLUMNA \u2014 ZDJ\u0118CIE\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-hero__visual {\r\n      position: relative;\r\n      min-width: 0;\r\n      padding: 44px 28px 40px;\r\n    }\r\n\r\n    .prx-gear-hero__visual::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 14%;\r\n      bottom: 2px;\r\n      left: 14%;\r\n      height: 60px;\r\n      border-radius: 50%;\r\n      background: rgba(0, 0, 0, 0.52);\r\n      filter: blur(27px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Obracaj\u0105cy si\u0119 techniczny pier\u015bcie\u0144 *\/\r\n\r\n    .prx-gear-hero__gear-ring {\r\n      position: absolute;\r\n      top: -4%;\r\n      left: 4%;\r\n      z-index: 0;\r\n      width: 92%;\r\n      aspect-ratio: 1;\r\n      border-radius: 50%;\r\n      background:\r\n        repeating-conic-gradient(\r\n          from 0deg,\r\n          rgba(255, 255, 255, 0.17) 0deg 1deg,\r\n          transparent 1deg 8deg\r\n        );\r\n      opacity: 0.32;\r\n      -webkit-mask:\r\n        radial-gradient(\r\n          circle,\r\n          transparent 0 44%,\r\n          #000 44.5% 48%,\r\n          transparent 48.5% 53%,\r\n          #000 53.5% 55%,\r\n          transparent 55.5%\r\n        );\r\n      mask:\r\n        radial-gradient(\r\n          circle,\r\n          transparent 0 44%,\r\n          #000 44.5% 48%,\r\n          transparent 48.5% 53%,\r\n          #000 53.5% 55%,\r\n          transparent 55.5%\r\n        );\r\n      animation: prxGearRingRotate 44s linear infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-hero__image-frame {\r\n      position: relative;\r\n      z-index: 2;\r\n      overflow: hidden;\r\n      padding: 10px;\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      border-radius: 26px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.105),\r\n          rgba(255, 255, 255, 0.025)\r\n        );\r\n      box-shadow:\r\n        0 38px 88px rgba(0, 0, 0, 0.43),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.12);\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .prx-gear-hero__image-shell {\r\n      position: relative;\r\n      overflow: hidden;\r\n      aspect-ratio: 4 \/ 3;\r\n      border-radius: 18px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 45%,\r\n          rgba(35, 97, 145, 0.3),\r\n          transparent 54%\r\n        ),\r\n        linear-gradient(145deg, #030d17, #08243e);\r\n    }\r\n\r\n    .prx-gear-hero__image {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center 51%;\r\n      transition:\r\n        transform 0.7s ease,\r\n        filter 0.7s ease;\r\n    }\r\n\r\n    .prx-gear-hero__image-frame:hover .prx-gear-hero__image {\r\n      transform: scale(1.028);\r\n      filter: contrast(1.04);\r\n    }\r\n\r\n    .prx-gear-hero__image-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(1, 12, 21, 0.02) 38%,\r\n          rgba(1, 12, 21, 0.68) 100%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-hero__image-shine {\r\n      position: absolute;\r\n      top: -30%;\r\n      bottom: -30%;\r\n      left: -38%;\r\n      z-index: 2;\r\n      width: 24%;\r\n      transform: skewX(-17deg);\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(255, 255, 255, 0.13),\r\n          transparent\r\n        );\r\n      opacity: 0;\r\n      animation: prxGearImageShine 8s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-hero__visual-label {\r\n      position: absolute;\r\n      bottom: 27px;\r\n      left: 27px;\r\n      z-index: 3;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      max-width: calc(100% - 54px);\r\n      padding: 11px 15px;\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      border-radius: 999px;\r\n      background: rgba(3, 17, 29, 0.78);\r\n      box-shadow: 0 13px 30px rgba(0, 0, 0, 0.26);\r\n      color: rgba(255, 255, 255, 0.93);\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      letter-spacing: 0.04em;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-gear-hero__visual-label::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-red);\r\n      box-shadow: 0 0 0 4px rgba(225, 6, 0, 0.12);\r\n    }\r\n\r\n    \/* Karty pod zdj\u0119ciem *\/\r\n\r\n    .prx-gear-hero__features {\r\n      position: relative;\r\n      z-index: 5;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 12px;\r\n      width: calc(100% - 48px);\r\n      margin: -30px auto 0;\r\n    }\r\n\r\n    .prx-gear-hero__feature {\r\n      min-width: 0;\r\n      padding: 18px 13px;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 14px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(24, 58, 85, 0.96),\r\n          rgba(5, 27, 44, 0.98)\r\n        );\r\n      box-shadow:\r\n        0 18px 39px rgba(0, 0, 0, 0.31),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n      text-align: center;\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-hero__feature:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(225, 6, 0, 0.45);\r\n    }\r\n\r\n    .prx-gear-hero__feature strong {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      color: #ffffff;\r\n      font-size: 15px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .prx-gear-hero__feature span {\r\n      display: block;\r\n      color: rgba(255, 255, 255, 0.62);\r\n      font-size: 11px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* Poprawne zatrzymywanie strony przy nag\u0142\u00f3wku *\/\r\n\r\n    #rodzaje-kol-zebatych,\r\n    #parametry-kol-zebatych,\r\n    #proces-realizacji-kola,\r\n    #faq-kola-zebate,\r\n    #prx-gear-config,\r\n    #prx-quote-wizard {\r\n      scroll-margin-top: 110px;\r\n    }\r\n\r\n    \/* ======================================================\r\n       ANIMACJE\r\n    ====================================================== *\/\r\n\r\n    @keyframes prxGearRingRotate {\r\n      from {\r\n        transform: rotate(0deg);\r\n      }\r\n\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    @keyframes prxGearImageShine {\r\n      0%,\r\n      58% {\r\n        left: -38%;\r\n        opacity: 0;\r\n      }\r\n\r\n      65% {\r\n        opacity: 0.65;\r\n      }\r\n\r\n      78% {\r\n        left: 118%;\r\n        opacity: 0;\r\n      }\r\n\r\n      100% {\r\n        left: 118%;\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 1080px) {\r\n      .prx-gear-hero {\r\n        padding: 82px 22px 94px;\r\n      }\r\n\r\n      .prx-gear-hero__inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 52px;\r\n      }\r\n\r\n      .prx-gear-hero__content {\r\n        max-width: 850px;\r\n      }\r\n\r\n      .prx-gear-hero__visual {\r\n        width: 100%;\r\n        max-width: 850px;\r\n        padding: 35px 22px 34px;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       TELEFON\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 767px) {\r\n      .prx-gear-hero {\r\n        padding: 60px 16px 70px;\r\n      }\r\n\r\n      .prx-gear-hero::after {\r\n        top: -260px;\r\n        right: -350px;\r\n        width: 580px;\r\n        height: 580px;\r\n      }\r\n\r\n      .prx-gear-hero__inner {\r\n        gap: 40px;\r\n      }\r\n\r\n      .prx-gear-hero__label {\r\n        margin-bottom: 20px;\r\n        padding: 9px 13px;\r\n        font-size: 10px;\r\n        line-height: 1.35;\r\n      }\r\n\r\n      .prx-gear-hero h1 {\r\n        font-size: 35px;\r\n        line-height: 1.08;\r\n        letter-spacing: -0.04em;\r\n      }\r\n\r\n      .prx-gear-hero__accent {\r\n        margin: 24px 0;\r\n      }\r\n\r\n      .prx-gear-hero__lead {\r\n        font-size: 16px;\r\n        line-height: 1.63;\r\n      }\r\n\r\n      .prx-gear-hero__points {\r\n        gap: 14px;\r\n        margin-top: 27px;\r\n      }\r\n\r\n      .prx-gear-hero__point {\r\n        grid-template-columns: 26px minmax(0, 1fr);\r\n        gap: 11px;\r\n      }\r\n\r\n      .prx-gear-hero__check {\r\n        width: 25px;\r\n        height: 25px;\r\n        border-radius: 7px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .prx-gear-hero__point p {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .prx-gear-hero__actions {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n        margin-top: 32px;\r\n      }\r\n\r\n      .prx-gear-hero__button {\r\n        width: 100%;\r\n        min-height: 58px;\r\n        padding: 17px 15px;\r\n        font-size: 15px;\r\n      }\r\n\r\n      .prx-gear-hero__quick-nav {\r\n        grid-template-columns: 1fr;\r\n        gap: 11px;\r\n        margin-top: 22px;\r\n        padding-top: 17px;\r\n      }\r\n\r\n      .prx-gear-hero__quick-title {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .prx-gear-hero__quick-links {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 7px;\r\n      }\r\n\r\n      .prx-gear-hero__quick-link {\r\n        min-height: 39px;\r\n        padding: 9px 8px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .prx-gear-hero__visual {\r\n        padding: 20px 0 0;\r\n      }\r\n\r\n      .prx-gear-hero__gear-ring {\r\n        top: -3%;\r\n        left: 0;\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-gear-hero__image-frame {\r\n        padding: 6px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-hero__image-shell {\r\n        aspect-ratio: 1 \/ 1;\r\n        border-radius: 12px;\r\n      }\r\n\r\n      .prx-gear-hero__visual-label {\r\n        bottom: 15px;\r\n        left: 15px;\r\n        max-width: calc(100% - 30px);\r\n        padding: 9px 12px;\r\n        font-size: 9px;\r\n      }\r\n\r\n      .prx-gear-hero__features {\r\n        grid-template-columns: 1fr;\r\n        gap: 9px;\r\n        width: calc(100% - 24px);\r\n        margin-top: 12px;\r\n      }\r\n\r\n      .prx-gear-hero__feature {\r\n        padding: 14px 13px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 420px) {\r\n      .prx-gear-hero__quick-links {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-hero__gear-ring,\r\n      .prx-gear-hero__image-shine {\r\n        animation: none !important;\r\n      }\r\n\r\n      .prx-gear-hero__image,\r\n      .prx-gear-hero__button,\r\n      .prx-gear-hero__button svg,\r\n      .prx-gear-hero__feature,\r\n      .prx-gear-hero__quick-link {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-hero__inner\">\r\n\r\n    <!-- LEWA KOLUMNA -->\r\n\r\n    <div class=\"prx-gear-hero__content\">\r\n\r\n      <div class=\"prx-gear-hero__label\">\r\n        <span\r\n          class=\"prx-gear-hero__label-dot\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n        Ko\u0142a z\u0119bate przemys\u0142owe \u2022 produkcja na zam\u00f3wienie\r\n      <\/div>\r\n\r\n      <h1 id=\"prx-gear-hero-title\">\r\n        Ko\u0142a z\u0119bate na zam\u00f3wienie \u2013 produkcja wed\u0142ug dokumentacji lub wzoru\r\n      <\/h1>\r\n\r\n      <div class=\"prx-gear-hero__accent\" aria-hidden=\"true\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"prx-gear-hero__lead\">\r\n        Gdy standardowa cz\u0119\u015b\u0107 jest niedost\u0119pna albo zu\u017cyte ko\u0142o zatrzymuje\r\n        prac\u0119 maszyny, <strong>PROEXPORT wykonuje ko\u0142a z\u0119bate na\r\n        zam\u00f3wienie<\/strong>. Produkujemy wed\u0142ug dokumentacji technicznej\r\n        lub analizujemy dostarczony wz\u00f3r i mo\u017cliwo\u015b\u0107 odtworzenia jego\r\n        geometrii.\r\n      <\/p>\r\n\r\n      <div class=\"prx-gear-hero__points\">\r\n\r\n        <div class=\"prx-gear-hero__point\">\r\n          <span class=\"prx-gear-hero__check\" aria-hidden=\"true\">\u2713<\/span>\r\n          <p>\r\n            Wykonanie wed\u0142ug rysunku technicznego i wymaga\u0144 przek\u0142adni.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-hero__point\">\r\n          <span class=\"prx-gear-hero__check\" aria-hidden=\"true\">\u2713<\/span>\r\n          <p>\r\n            Analiza zu\u017cytego wzoru, gdy dokumentacja nie jest dost\u0119pna.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-hero__point\">\r\n          <span class=\"prx-gear-hero__check\" aria-hidden=\"true\">\u2713<\/span>\r\n          <p>\r\n            Dob\u00f3r materia\u0142u i obr\u00f3bki do obci\u0105\u017cenia oraz warunk\u00f3w pracy.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- DWA G\u0141\u00d3WNE PRZYCISKI -->\r\n\r\n      <div class=\"prx-gear-hero__actions\">\r\n\r\n        <a\r\n          class=\"prx-gear-hero__button prx-gear-hero__button--config\"\r\n          href=\"#prx-gear-config\"\r\n          aria-label=\"Przejd\u017a do konfiguratora ko\u0142a z\u0119batego\"\r\n        >\r\n          Przejd\u017a do konfiguratora\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path\r\n              d=\"M5 12h14M13 6l6 6-6 6\"\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            ><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"prx-gear-hero__button prx-gear-hero__button--contact\"\r\n          href=\"#prx-quote-wizard\"\r\n          aria-label=\"Przejd\u017a bezpo\u015brednio do formularza kontaktowego\"\r\n        >\r\n          Przejd\u017a do kontaktu\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path\r\n              d=\"M5 12h14M13 6l6 6-6 6\"\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            ><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <!-- MA\u0141E MENU -->\r\n\r\n      <nav\r\n        class=\"prx-gear-hero__quick-nav\"\r\n        aria-label=\"Szybka nawigacja po stronie\"\r\n      >\r\n        <span class=\"prx-gear-hero__quick-title\">\r\n          Na skr\u00f3ty\r\n        <\/span>\r\n\r\n        <div class=\"prx-gear-hero__quick-links\">\r\n\r\n          <a\r\n            class=\"prx-gear-hero__quick-link\"\r\n            href=\"#rodzaje-kol-zebatych\"\r\n          >\r\n            Rodzaje k\u00f3\u0142\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"prx-gear-hero__quick-link\"\r\n            href=\"#parametry-kol-zebatych\"\r\n          >\r\n            Parametry\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"prx-gear-hero__quick-link\"\r\n            href=\"#proces-realizacji-kola\"\r\n          >\r\n            Proces realizacji\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"prx-gear-hero__quick-link\"\r\n            href=\"#faq-kola-zebate\"\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    <!-- PRAWA KOLUMNA -->\r\n\r\n    <div class=\"prx-gear-hero__visual\">\r\n\r\n      <div\r\n        class=\"prx-gear-hero__gear-ring\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <div class=\"prx-gear-hero__image-frame\">\r\n\r\n        <div class=\"prx-gear-hero__image-shell\">\r\n\r\n          <img\r\n            class=\"prx-gear-hero__image\"\r\n            src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/IMG6054-scaled.jpg\"\r\n            alt=\"Ko\u0142o z\u0119bate przemys\u0142owe wykonane na zam\u00f3wienie przez PROEXPORT\"\r\n            loading=\"eager\"\r\n            decoding=\"async\"\r\n            fetchpriority=\"high\"\r\n          >\r\n\r\n          <div\r\n            class=\"prx-gear-hero__image-overlay\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n          <div\r\n            class=\"prx-gear-hero__image-shine\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n          <div class=\"prx-gear-hero__visual-label\">\r\n            Ko\u0142o z\u0119bate wykonane na zam\u00f3wienie\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"prx-gear-hero__features\">\r\n\r\n        <div class=\"prx-gear-hero__feature\">\r\n          <strong>Dokumentacja<\/strong>\r\n          <span>Produkcja wed\u0142ug rysunku<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-hero__feature\">\r\n          <strong>Dostarczony wz\u00f3r<\/strong>\r\n          <span>Analiza i odtworzenie geometrii<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-hero__feature\">\r\n          <strong>Elastyczna realizacja<\/strong>\r\n          <span>Pojedyncze sztuki i kr\u00f3tkie serie<\/span>\r\n        <\/div>\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\n<\/div>\n<div class=\"elementor-element elementor-element-ed1d104 e-con e-atomic-element e-flexbox-base e-ed1d104-6dfb4b0 \" data-id=\"ed1d104\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ed1d104\">\n    \t\t<div class=\"elementor-element elementor-element-1682c86 elementor-widget elementor-widget-html\" data-id=\"1682c86\" 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 2 \/ ZAKRES PRODUKCJI K\u00d3\u0141 Z\u0118BATYCH\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-gear-types\"\r\n  id=\"parametry-kol-zebatych\"\r\n  aria-labelledby=\"prx-gear-types-title\"\r\n>\r\n  <style>\r\n    .prx-gear-types,\r\n    .prx-gear-types * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-types {\r\n      --prx-navy: #06233d;\r\n      --prx-navy-dark: #031522;\r\n      --prx-blue: #0c385b;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #b90000;\r\n      --prx-text: #30465a;\r\n      --prx-border: #dfe6ed;\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: 96px 24px 104px;\r\n      background: #ffffff;\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-gear-types::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -280px;\r\n      right: -250px;\r\n      width: 650px;\r\n      height: 650px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(10, 68, 108, 0.075) 0%,\r\n          rgba(10, 68, 108, 0.025) 43%,\r\n          transparent 69%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-types::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -190px;\r\n      bottom: -280px;\r\n      width: 520px;\r\n      height: 520px;\r\n      border: 1px solid rgba(6, 35, 61, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 62px rgba(6, 35, 61, 0.018),\r\n        inset 0 0 0 124px rgba(6, 35, 61, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-types__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-types__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.86fr)\r\n        minmax(430px, 1.14fr);\r\n      gap: 76px;\r\n      align-items: end;\r\n      margin-bottom: 55px;\r\n    }\r\n\r\n    .prx-gear-types__heading {\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-gear-types__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 20px;\r\n      padding: 9px 14px;\r\n      border: 1px solid #dce4eb;\r\n      border-radius: 999px;\r\n      background: #f6f8fa;\r\n      color: var(--prx-navy);\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      letter-spacing: 0.075em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-types__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-gear-types h2 {\r\n      max-width: 650px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(36px, 3.7vw, 54px);\r\n      line-height: 1.08;\r\n      font-weight: 830;\r\n      letter-spacing: -0.043em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-types__accent {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .prx-gear-types__accent span {\r\n      display: block;\r\n      height: 4px;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-types__accent span:first-child {\r\n      width: 48px;\r\n    }\r\n\r\n    .prx-gear-types__accent span:nth-child(2),\r\n    .prx-gear-types__accent span:nth-child(3) {\r\n      width: 6px;\r\n    }\r\n\r\n    .prx-gear-types__intro {\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 17px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .prx-gear-types__intro strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 780;\r\n    }\r\n\r\n    \/* ======================================================\r\n       DWIE \u015aCIE\u017bKI REALIZACJI\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-types__paths {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 18px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .prx-gear-types__path {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 55px minmax(0, 1fr);\r\n      gap: 18px;\r\n      align-items: center;\r\n      min-width: 0;\r\n      padding: 22px 24px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 18px;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #ffffff 0%,\r\n          #f7f9fb 100%\r\n        );\r\n      box-shadow:\r\n        0 16px 45px rgba(6, 35, 61, 0.07);\r\n    }\r\n\r\n    .prx-gear-types__path::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -55px;\r\n      top: -70px;\r\n      width: 155px;\r\n      height: 155px;\r\n      border: 1px solid rgba(6, 35, 61, 0.055);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 25px rgba(6, 35, 61, 0.018);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-types__path-icon {\r\n      width: 55px;\r\n      height: 55px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 15px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #0c385b,\r\n          #06233d\r\n        );\r\n      box-shadow:\r\n        0 12px 24px rgba(6, 35, 61, 0.18),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.12);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-gear-types__path-icon svg {\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    .prx-gear-types__path-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-gear-types__path-content span {\r\n      display: block;\r\n      margin-bottom: 5px;\r\n      color: var(--prx-red);\r\n      font-size: 11px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-types__path-content h3 {\r\n      margin: 0 0 6px;\r\n      color: var(--prx-navy);\r\n      font-size: 20px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .prx-gear-types__path-content p {\r\n      margin: 0;\r\n      color: #526779;\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    \/* ======================================================\r\n       KARTY TYP\u00d3W K\u00d3\u0141\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-types__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n\r\n    .prx-gear-types__card {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 285px;\r\n      overflow: hidden;\r\n      padding: 28px 27px 27px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 19px;\r\n      background: #ffffff;\r\n      box-shadow:\r\n        0 14px 38px rgba(6, 35, 61, 0.055);\r\n      transition:\r\n        transform 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-gear-types__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 27px;\r\n      width: 46px;\r\n      height: 3px;\r\n      border-radius: 0 0 4px 4px;\r\n      background: var(--prx-red);\r\n      transition: width 0.25s ease;\r\n    }\r\n\r\n    .prx-gear-types__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -54px;\r\n      bottom: -62px;\r\n      width: 150px;\r\n      height: 150px;\r\n      border: 1px solid rgba(6, 35, 61, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 24px rgba(6, 35, 61, 0.016);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-types__card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(225, 6, 0, 0.27);\r\n      box-shadow:\r\n        0 23px 50px rgba(6, 35, 61, 0.11);\r\n    }\r\n\r\n    .prx-gear-types__card:hover::before {\r\n      width: 75px;\r\n    }\r\n\r\n    .prx-gear-types__card-top {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .prx-gear-types__icon {\r\n      width: 58px;\r\n      height: 58px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dfe7ed;\r\n      border-radius: 16px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #f8fafc,\r\n          #eef3f7\r\n        );\r\n      color: var(--prx-navy);\r\n      transition:\r\n        color 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease;\r\n    }\r\n\r\n    .prx-gear-types__card:hover .prx-gear-types__icon {\r\n      border-color: rgba(225, 6, 0, 0.18);\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #fff7f7,\r\n          #fceaea\r\n        );\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-types__icon svg {\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    .prx-gear-types__tag {\r\n      padding: 7px 10px;\r\n      border: 1px solid #e2e8ed;\r\n      border-radius: 999px;\r\n      background: #f7f9fb;\r\n      color: #647789;\r\n      font-size: 10px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      letter-spacing: 0.055em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-types__card h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0 0 13px;\r\n      color: var(--prx-navy);\r\n      font-size: 21px;\r\n      line-height: 1.27;\r\n      font-weight: 820;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-types__card p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: #526779;\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    \/* ======================================================\r\n       DOLNY PANEL CTA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-types__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 62px minmax(0, 1fr) auto;\r\n      gap: 23px;\r\n      align-items: center;\r\n      margin-top: 28px;\r\n      overflow: hidden;\r\n      padding: 27px 29px;\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 19px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 12%,\r\n          rgba(70, 126, 174, 0.22),\r\n          transparent 28%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #092b47 0%,\r\n          #06233d 58%,\r\n          #031522 100%\r\n        );\r\n      box-shadow:\r\n        0 24px 55px rgba(6, 35, 61, 0.17);\r\n    }\r\n\r\n    .prx-gear-types__cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -72px;\r\n      top: -98px;\r\n      width: 240px;\r\n      height: 240px;\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 38px rgba(255, 255, 255, 0.018);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-types__cta-icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 62px;\r\n      height: 62px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      border-radius: 17px;\r\n      background: rgba(255, 255, 255, 0.07);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-gear-types__cta-icon svg {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .prx-gear-types__cta-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-gear-types__cta-copy h3 {\r\n      margin: 0 0 7px;\r\n      color: #ffffff;\r\n      font-size: 21px;\r\n      line-height: 1.25;\r\n      font-weight: 820;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .prx-gear-types__cta-copy p {\r\n      max-width: 720px;\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.7);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .prx-gear-types__button {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-height: 52px;\r\n      padding: 16px 22px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow:\r\n        0 14px 30px rgba(177, 0, 0, 0.27),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n      color: #ffffff !important;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      text-decoration: none !important;\r\n      white-space: nowrap;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-types__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow:\r\n        0 19px 36px rgba(177, 0, 0, 0.36),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-types__button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-types__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 1050px) {\r\n      .prx-gear-types__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n      }\r\n\r\n      .prx-gear-types__intro {\r\n        max-width: 850px;\r\n      }\r\n\r\n      .prx-gear-types__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-gear-types__cta {\r\n        grid-template-columns: 62px minmax(0, 1fr);\r\n      }\r\n\r\n      .prx-gear-types__button {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 767px) {\r\n      .prx-gear-types {\r\n        padding: 72px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-types__header {\r\n        gap: 23px;\r\n        margin-bottom: 38px;\r\n      }\r\n\r\n      .prx-gear-types__label {\r\n        margin-bottom: 17px;\r\n        padding: 8px 12px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .prx-gear-types h2 {\r\n        font-size: 34px;\r\n        line-height: 1.1;\r\n      }\r\n\r\n      .prx-gear-types__intro {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .prx-gear-types__paths {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n        margin-bottom: 14px;\r\n      }\r\n\r\n      .prx-gear-types__path {\r\n        grid-template-columns: 49px minmax(0, 1fr);\r\n        gap: 15px;\r\n        padding: 19px 17px;\r\n        border-radius: 15px;\r\n      }\r\n\r\n      .prx-gear-types__path-icon {\r\n        width: 49px;\r\n        height: 49px;\r\n        border-radius: 13px;\r\n      }\r\n\r\n      .prx-gear-types__path-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n      }\r\n\r\n      .prx-gear-types__path-content h3 {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .prx-gear-types__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n      }\r\n\r\n      .prx-gear-types__card {\r\n        min-height: auto;\r\n        padding: 25px 21px 24px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-gear-types__card::before {\r\n        left: 21px;\r\n      }\r\n\r\n      .prx-gear-types__card-top {\r\n        margin-bottom: 19px;\r\n      }\r\n\r\n      .prx-gear-types__icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-gear-types__icon svg {\r\n        width: 26px;\r\n        height: 26px;\r\n      }\r\n\r\n      .prx-gear-types__card h3 {\r\n        font-size: 20px;\r\n      }\r\n\r\n      .prx-gear-types__card p {\r\n        font-size: 14px;\r\n      }\r\n\r\n      .prx-gear-types__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n        padding: 23px 20px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-gear-types__cta-icon {\r\n        width: 55px;\r\n        height: 55px;\r\n        border-radius: 15px;\r\n      }\r\n\r\n      .prx-gear-types__button {\r\n        grid-column: auto;\r\n        width: 100%;\r\n        min-height: 54px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-types__card,\r\n      .prx-gear-types__icon,\r\n      .prx-gear-types__button,\r\n      .prx-gear-types__button svg {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-types__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n    <header class=\"prx-gear-types__header\">\r\n\r\n      <div class=\"prx-gear-types__heading\">\r\n\r\n        <span class=\"prx-gear-types__label\">\r\n          Zakres produkcji\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-gear-types-title\">\r\n          Jakie ko\u0142a z\u0119bate mo\u017cemy wykona\u0107?\r\n        <\/h2>\r\n\r\n        <div class=\"prx-gear-types__accent\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-gear-types__intro\">\r\n        Wykonujemy <strong>ko\u0142a z\u0119bate na zam\u00f3wienie<\/strong> wed\u0142ug\r\n        dokumentacji technicznej lub dostarczonego elementu. Typ uz\u0119bienia,\r\n        materia\u0142, obr\u00f3bk\u0119 ciepln\u0105 i spos\u00f3b wyko\u0144czenia dobieramy do wymaga\u0144\r\n        konkretnej przek\u0142adni. Zakres realizacji potwierdzamy po analizie\r\n        rysunku albo wzoru.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <!-- DWIE \u015aCIE\u017bKI REALIZACJI -->\r\n    <div class=\"prx-gear-types__paths\">\r\n\r\n      <article class=\"prx-gear-types__path\">\r\n\r\n        <div class=\"prx-gear-types__path-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path\r\n              d=\"M5 3h10l4 4v14H5V3Z\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n            <path\r\n              d=\"M15 3v5h4M8 12h8M8 16h6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-types__path-content\">\r\n          <span>\u015acie\u017cka realizacji<\/span>\r\n          <h3>Produkcja wed\u0142ug dokumentacji<\/h3>\r\n          <p>\r\n            Wykonanie na podstawie rysunku technicznego, modelu lub\r\n            uzgodnionej specyfikacji.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-types__path\">\r\n\r\n        <div class=\"prx-gear-types__path-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"4\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n            \/>\r\n            <path\r\n              d=\"M12 2.8v2.1M12 19.1v2.1M2.8 12h2.1M19.1 12h2.1\r\n                 M5.5 5.5 7 7M17 17l1.5 1.5M18.5 5.5 17 7M7 17l-1.5 1.5\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-types__path-content\">\r\n          <span>\u015acie\u017cka realizacji<\/span>\r\n          <h3>Analiza dostarczonego wzoru<\/h3>\r\n          <p>\r\n            Ocena zu\u017cytego lub uszkodzonego elementu oraz mo\u017cliwo\u015bci\r\n            odtworzenia jego geometrii.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- RODZAJE K\u00d3\u0141 -->\r\n    <div class=\"prx-gear-types__grid\">\r\n\r\n      <article class=\"prx-gear-types__card\">\r\n\r\n        <div class=\"prx-gear-types__card-top\">\r\n          <div class=\"prx-gear-types__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"7\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"2.6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <path\r\n                d=\"M12 2v3M12 19v3M2 12h3M19 12h3\r\n                   M4.9 4.9 7 7M17 17l2.1 2.1\r\n                   M19.1 4.9 17 7M7 17l-2.1 2.1\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-types__tag\">Uz\u0119bienie proste<\/span>\r\n        <\/div>\r\n\r\n        <h3>Ko\u0142a walcowe o z\u0119bach prostych<\/h3>\r\n\r\n        <p>\r\n          Ko\u0142a wykonywane zgodnie z wymagan\u0105 geometri\u0105, modu\u0142em, liczb\u0105\r\n          z\u0119b\u00f3w oraz sposobem osadzenia w mechanizmie.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-types__card\">\r\n\r\n        <div class=\"prx-gear-types__card-top\">\r\n          <div class=\"prx-gear-types__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"7\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"2.5\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <path\r\n                d=\"m7.2 5.8 1.2 2.1M10.5 5l.6 2.3M14 5.2l-.4 2.3\r\n                   M17.1 6.6l-1.2 2M18.8 9.7l-2.2.8\r\n                   M18.8 13.3l-2.3-.3M17.2 16.5l-2-1.2\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-types__tag\">Uz\u0119bienie sko\u015bne<\/span>\r\n        <\/div>\r\n\r\n        <h3>Ko\u0142a walcowe o z\u0119bach sko\u015bnych<\/h3>\r\n\r\n        <p>\r\n          Uz\u0119bienie wykonywane wed\u0142ug okre\u015blonego modu\u0142u, kierunku oraz\r\n          k\u0105ta linii z\u0119ba wsp\u00f3\u0142pracuj\u0105cych element\u00f3w.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-types__card\">\r\n\r\n        <div class=\"prx-gear-types__card-top\">\r\n          <div class=\"prx-gear-types__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M5 6h14l-3.2 12H8.2L5 6Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M7 9h10M8 12h8M9 15h6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-types__tag\">Przek\u0142adnie k\u0105towe<\/span>\r\n        <\/div>\r\n\r\n        <h3>Ko\u0142a z\u0119bate sto\u017ckowe<\/h3>\r\n\r\n        <p>\r\n          Elementy do przek\u0142adni zmieniaj\u0105cych kierunek przenoszenia\r\n          nap\u0119du, wykonywane wed\u0142ug geometrii wsp\u00f3\u0142pracuj\u0105cego uk\u0142adu.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-types__card\">\r\n\r\n        <div class=\"prx-gear-types__card-top\">\r\n          <div class=\"prx-gear-types__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M4 9h16v6H4V9Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"m6 9 3 6 3-6 3 6 3-6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"1.5\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.5\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-types__tag\">Uk\u0142ad \u015blimakowy<\/span>\r\n        <\/div>\r\n\r\n        <h3>Ko\u0142a \u015blimakowe<\/h3>\r\n\r\n        <p>\r\n          Ko\u0142a przeznaczone do wsp\u00f3\u0142pracy ze \u015blimakiem, wykonywane zgodnie\r\n          z parametrami oraz materia\u0142em okre\u015blonym dla przek\u0142adni.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-types__card\">\r\n\r\n        <div class=\"prx-gear-types__card-top\">\r\n          <div class=\"prx-gear-types__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"8\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"5\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-dasharray=\"2.3 1.8\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"2\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-types__tag\">Wewn\u0119trzne i zewn\u0119trzne<\/span>\r\n        <\/div>\r\n\r\n        <h3>Wie\u0144ce z\u0119bate<\/h3>\r\n\r\n        <p>\r\n          Wie\u0144ce z uz\u0119bieniem wewn\u0119trznym lub zewn\u0119trznym, dopasowane do\r\n          dokumentacji albo geometrii dostarczonego elementu.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-types__card\">\r\n\r\n        <div class=\"prx-gear-types__card-top\">\r\n          <div class=\"prx-gear-types__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M3 15h18v4H3v-4Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M4 15v-3l2-2 2 2 2-2 2 2 2-2 2 2 2-2 2 2v3\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-types__tag\">Element liniowy<\/span>\r\n        <\/div>\r\n\r\n        <h3>Listwy z\u0119bate<\/h3>\r\n\r\n        <p>\r\n          Elementy z uz\u0119bieniem wykonywane wed\u0142ug wymaganej d\u0142ugo\u015bci,\r\n          modu\u0142u, materia\u0142u oraz sposobu monta\u017cu w maszynie.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"prx-gear-types__cta\">\r\n\r\n      <div class=\"prx-gear-types__cta-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path\r\n            d=\"M5 3h10l4 4v14H5V3Z\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.7\"\r\n            stroke-linejoin=\"round\"\r\n          \/>\r\n          <path\r\n            d=\"M15 3v5h4M8 12h8M8 16h5\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.7\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"prx-gear-types__cta-copy\">\r\n        <h3>Masz rysunek albo zu\u017cyte ko\u0142o z\u0119bate?<\/h3>\r\n        <p>\r\n          Prze\u015blij dokumentacj\u0119, zdj\u0119cia i podstawowe wymiary. Je\u015bli nie\r\n          masz rysunku, opisz maszyn\u0119 oraz warunki pracy elementu \u2014\r\n          sprawdzimy mo\u017cliwo\u015b\u0107 przygotowania zamiennika.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        class=\"prx-gear-types__button\"\r\n        href=\"\/kontakt\/\"\r\n        aria-label=\"Prze\u015blij dane ko\u0142a z\u0119batego do analizy\"\r\n      >\r\n        Prze\u015blij dane do analizy\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path\r\n            d=\"M5 12h14M13 6l6 6-6 6\"\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        <\/svg>\r\n      <\/a>\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-6a13882 elementor-widget elementor-widget-html\" data-id=\"6a13882\" 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 3 \/ PARAMETRY K\u00d3\u0141 Z\u0118BATYCH\r\n     ORYGINALNY UK\u0141AD + ANIMACJA K\u00d3\u0141 W TLE\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-gear-params\"\r\n  id=\"charakterystyka-kol-zebatych\"\r\n  aria-labelledby=\"prx-gear-params-title\"\r\n>\r\n  <style>\r\n    .prx-gear-params,\r\n    .prx-gear-params * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-params {\r\n      --prx-navy: #071b33;\r\n      --prx-navy-light: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #4d6072;\r\n      --prx-border: #dfe5ec;\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: 96px 24px 104px;\r\n      background: #f4f6f9;\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    \/* Du\u017ce ko\u0142o w prawym g\u00f3rnym rogu *\/\r\n\r\n    .prx-gear-params::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -245px;\r\n      top: -225px;\r\n      width: 560px;\r\n      height: 560px;\r\n      border-radius: 50%;\r\n      background: rgba(6, 35, 61, 0.052);\r\n      box-shadow:\r\n        inset 0 0 0 73px rgba(255, 255, 255, 0.19),\r\n        inset 0 0 0 145px rgba(6, 35, 61, 0.018);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Drugie, delikatne ko\u0142o *\/\r\n\r\n    .prx-gear-params::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -250px;\r\n      bottom: -360px;\r\n      width: 620px;\r\n      height: 620px;\r\n      border: 1px solid rgba(6, 35, 61, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 75px rgba(6, 35, 61, 0.014),\r\n        inset 0 0 0 150px rgba(6, 35, 61, 0.01);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-params__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-params__head {\r\n      position: relative;\r\n      max-width: none;\r\n      min-height: 275px;\r\n      margin-bottom: 47px;\r\n    }\r\n\r\n    .prx-gear-params__label,\r\n    .prx-gear-params__head h2,\r\n    .prx-gear-params__head p {\r\n      position: relative;\r\n      z-index: 4;\r\n    }\r\n\r\n    .prx-gear-params__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 18px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      box-shadow: 0 10px 26px rgba(7, 27, 51, 0.06);\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: 0.07em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-params__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(225, 6, 0, 0.12);\r\n    }\r\n\r\n    .prx-gear-params h2 {\r\n      max-width: 880px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(34px, 4vw, 56px);\r\n      line-height: 1.03;\r\n      font-weight: 950;\r\n      letter-spacing: -0.052em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-params__head p {\r\n      max-width: 800px;\r\n      margin: 22px 0 0;\r\n      color: var(--prx-text);\r\n      font-size: 18px;\r\n      line-height: 1.7;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .prx-gear-params__head p strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* ======================================================\r\n       BEZRAMKOWA ANIMACJA K\u00d3\u0141\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-params__motion {\r\n      position: absolute;\r\n      z-index: 1;\r\n      top: -90px;\r\n      right: -65px;\r\n      width: 515px;\r\n      height: 370px;\r\n      overflow: visible;\r\n      opacity: 0.82;\r\n      pointer-events: none;\r\n      user-select: none;\r\n\r\n      -webkit-mask-image: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        rgba(0, 0, 0, 0.32) 13%,\r\n        #000000 32%,\r\n        #000000 100%\r\n      );\r\n\r\n      mask-image: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        rgba(0, 0, 0, 0.32) 13%,\r\n        #000000 32%,\r\n        #000000 100%\r\n      );\r\n    }\r\n\r\n    .prx-gear-params__motion svg {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: visible;\r\n    }\r\n\r\n    .prx-gear-params__motion-body {\r\n      stroke: rgba(68, 86, 101, 0.76);\r\n      stroke-width: 1.35;\r\n      stroke-linejoin: round;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-hub {\r\n      stroke: rgba(48, 68, 84, 0.65);\r\n      stroke-width: 1.4;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-ring {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.58);\r\n      stroke-width: 1.15;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-ring--dark {\r\n      stroke: rgba(36, 56, 72, 0.25);\r\n    }\r\n\r\n    .prx-gear-params__motion-bore,\r\n    .prx-gear-params__motion-keyway {\r\n      fill: #0c2439;\r\n      stroke: rgba(255, 255, 255, 0.65);\r\n      stroke-width: 1.3;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-bolt {\r\n      fill: #10283e;\r\n      stroke: rgba(255, 255, 255, 0.72);\r\n      stroke-width: 1.4;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-axis {\r\n      fill: none;\r\n      stroke: rgba(7, 27, 51, 0.08);\r\n      stroke-width: 1;\r\n      stroke-dasharray: 5 8;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-pitch {\r\n      fill: none;\r\n      stroke: rgba(42, 151, 207, 0.2);\r\n      stroke-width: 1.2;\r\n      stroke-dasharray: 6 9;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-params__motion-contact-halo {\r\n      fill: rgba(225, 6, 0, 0.07);\r\n      stroke: rgba(225, 6, 0, 0.2);\r\n      stroke-width: 1;\r\n      transform-box: fill-box;\r\n      transform-origin: center;\r\n      animation: prx-params-contact-pulse 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .prx-gear-params__motion-contact {\r\n      fill: var(--prx-red);\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    @keyframes prx-params-contact-pulse {\r\n      0%,\r\n      100% {\r\n        opacity: 0.35;\r\n        transform: scale(0.75);\r\n      }\r\n\r\n      50% {\r\n        opacity: 0.92;\r\n        transform: scale(1.18);\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       UK\u0141AD\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-params__layout {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 360px;\r\n      gap: 28px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABELA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-params__table-card {\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 24px;\r\n      background: #ffffff;\r\n      box-shadow: 0 22px 60px rgba(7, 27, 51, 0.09);\r\n    }\r\n\r\n    .prx-gear-params__table-top {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 22px;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      padding: 27px 28px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n      background:\r\n        radial-gradient(\r\n          circle at 11% 15%,\r\n          rgba(225, 6, 0, 0.075),\r\n          transparent 32%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #ffffff 0%,\r\n          #f8fafc 100%\r\n        );\r\n    }\r\n\r\n    .prx-gear-params__table-top::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -80px;\r\n      top: -105px;\r\n      width: 220px;\r\n      height: 220px;\r\n      border: 1px solid rgba(6, 35, 61, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 34px rgba(6, 35, 61, 0.014);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-params__table-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-gear-params__table-copy strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 22px;\r\n      line-height: 1.2;\r\n      font-weight: 950;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    .prx-gear-params__table-copy span {\r\n      display: block;\r\n      max-width: 600px;\r\n      margin-top: 7px;\r\n      color: #5a6c7d;\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .prx-gear-params__badge {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 132px;\r\n      padding: 12px 14px;\r\n      border-radius: 14px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 90% 10%,\r\n          rgba(225, 6, 0, 0.19),\r\n          transparent 40%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #071b33,\r\n          #06233d\r\n        );\r\n      box-shadow: 0 14px 26px rgba(6, 35, 61, 0.16);\r\n      color: #ffffff;\r\n      text-align: center;\r\n    }\r\n\r\n    .prx-gear-params__badge strong {\r\n      display: block;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      line-height: 1.1;\r\n      font-weight: 950;\r\n      letter-spacing: 0.02em;\r\n    }\r\n\r\n    .prx-gear-params__badge span {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: #d8e5f0;\r\n      font-size: 10px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-params__table-wrap {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n    }\r\n\r\n    .prx-gear-params table {\r\n      width: 100%;\r\n      min-width: 720px;\r\n      border-collapse: collapse;\r\n    }\r\n\r\n    .prx-gear-params th,\r\n    .prx-gear-params td {\r\n      padding: 19px 24px;\r\n      border-bottom: 1px solid #e6ebf1;\r\n      vertical-align: top;\r\n      text-align: left;\r\n    }\r\n\r\n    .prx-gear-params tr:last-child th,\r\n    .prx-gear-params tr:last-child td {\r\n      border-bottom: 0;\r\n    }\r\n\r\n    .prx-gear-params tbody tr {\r\n      transition: background 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-params tbody tr:hover {\r\n      background: #fafbfd;\r\n    }\r\n\r\n    .prx-gear-params th {\r\n      width: 255px;\r\n      background: #fbfcfe;\r\n      color: var(--prx-navy);\r\n      font-size: 14px;\r\n      line-height: 1.45;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .prx-gear-params td {\r\n      color: #3e5368;\r\n      font-size: 15px;\r\n      line-height: 1.62;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .prx-gear-params td strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-params__note {\r\n      padding: 22px 26px;\r\n      border-top: 1px solid #f0d4d4;\r\n      background: #fff7f7;\r\n      color: #5e2930;\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .prx-gear-params__note strong {\r\n      color: var(--prx-red);\r\n      font-weight: 950;\r\n    }\r\n\r\n    \/* ======================================================\r\n       PANEL BOCZNY\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-params__side {\r\n      position: sticky;\r\n      top: 110px;\r\n      display: grid;\r\n      gap: 16px;\r\n    }\r\n\r\n    .prx-gear-params__image-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 7px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 23px;\r\n      background: #ffffff;\r\n      box-shadow: 0 20px 50px rgba(7, 27, 51, 0.1);\r\n    }\r\n\r\n    .prx-gear-params__image-wrap {\r\n      position: relative;\r\n      overflow: hidden;\r\n      aspect-ratio: 4 \/ 3;\r\n      border-radius: 17px;\r\n      background: #e9eef2;\r\n    }\r\n\r\n    .prx-gear-params__image {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition:\r\n        transform 0.6s ease,\r\n        filter 0.6s ease;\r\n    }\r\n\r\n    .prx-gear-params__image-card:hover\r\n    .prx-gear-params__image {\r\n      transform: scale(1.025);\r\n      filter: contrast(1.03);\r\n    }\r\n\r\n    .prx-gear-params__image-wrap::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 48%,\r\n          rgba(3, 21, 35, 0.67) 100%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-params__image-ring {\r\n      position: absolute;\r\n      right: -48px;\r\n      top: -50px;\r\n      z-index: 2;\r\n      width: 155px;\r\n      height: 155px;\r\n      border: 1px solid rgba(255, 255, 255, 0.28);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 25px rgba(255, 255, 255, 0.07);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-params__image-label {\r\n      position: absolute;\r\n      left: 20px;\r\n      right: 20px;\r\n      bottom: 18px;\r\n      z-index: 3;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      color: #ffffff;\r\n      font-size: 11px;\r\n      line-height: 1.35;\r\n      font-weight: 850;\r\n      letter-spacing: 0.04em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-params__image-label::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-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.15);\r\n    }\r\n\r\n    \/* Ma\u0142y granatowy panel *\/\r\n\r\n    .prx-gear-params__side-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 26px 24px;\r\n      border-radius: 22px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 86% 10%,\r\n          rgba(225, 6, 0, 0.18),\r\n          transparent 34%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #071b33 0%,\r\n          #06233d 100%\r\n        );\r\n      box-shadow: 0 22px 55px rgba(7, 27, 51, 0.16);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-gear-params__side-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -105px;\r\n      bottom: -115px;\r\n      width: 255px;\r\n      height: 255px;\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      box-shadow:\r\n        inset 0 0 0 43px rgba(255, 255, 255, 0.025);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-params__side-card h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: 23px;\r\n      line-height: 1.15;\r\n      font-weight: 950;\r\n      letter-spacing: -0.04em;\r\n    }\r\n\r\n    .prx-gear-params__side-card p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 14px 0 0;\r\n      color: #d8e5f0;\r\n      font-size: 14px;\r\n      line-height: 1.62;\r\n      font-weight: 550;\r\n    }\r\n\r\n    .prx-gear-params__side-list {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      gap: 11px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .prx-gear-params__side-item {\r\n      display: grid;\r\n      grid-template-columns: 27px minmax(0, 1fr);\r\n      gap: 10px;\r\n      align-items: start;\r\n      color: #ffffff;\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      font-weight: 720;\r\n    }\r\n\r\n    .prx-gear-params__side-check {\r\n      width: 27px;\r\n      height: 27px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 2px solid var(--prx-red);\r\n      border-radius: 50%;\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    \/* CTA *\/\r\n\r\n    .prx-gear-params__cta {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 22px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background: #ffffff;\r\n      box-shadow: 0 18px 44px rgba(7, 27, 51, 0.08);\r\n    }\r\n\r\n    .prx-gear-params__cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -45px;\r\n      top: -60px;\r\n      width: 130px;\r\n      height: 130px;\r\n      border: 1px solid rgba(6, 35, 61, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 22px rgba(6, 35, 61, 0.014);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-params__cta strong {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 17px;\r\n      line-height: 1.3;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .prx-gear-params__cta p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 10px 0 18px;\r\n      color: #5a6c7d;\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .prx-gear-params__button {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      width: 100%;\r\n      min-height: 49px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 11px;\r\n      padding: 14px 17px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow: 0 14px 26px rgba(225, 6, 0, 0.22);\r\n      color: #ffffff !important;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 950;\r\n      text-decoration: none !important;\r\n      transition:\r\n        transform 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-params__button:hover {\r\n      transform: translateY(-2px);\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #d90c07,\r\n          #c90000 55%,\r\n          #a90000\r\n        );\r\n      box-shadow: 0 18px 34px rgba(225, 6, 0, 0.3);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-params__button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-params__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 1120px) {\r\n      .prx-gear-params__motion {\r\n        right: -115px;\r\n        width: 455px;\r\n        opacity: 0.43;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1040px) {\r\n      .prx-gear-params {\r\n        padding: 82px 20px 92px;\r\n      }\r\n\r\n      .prx-gear-params__head {\r\n        min-height: 0;\r\n      }\r\n\r\n      .prx-gear-params__motion {\r\n        display: none;\r\n      }\r\n\r\n      .prx-gear-params__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-params__side {\r\n        position: static;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .prx-gear-params__cta {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 720px) {\r\n      .prx-gear-params {\r\n        padding: 70px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-params::before {\r\n        right: -335px;\r\n        top: -300px;\r\n      }\r\n\r\n      .prx-gear-params__head {\r\n        margin-bottom: 34px;\r\n      }\r\n\r\n      .prx-gear-params__label {\r\n        margin-bottom: 16px;\r\n        padding: 8px 12px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .prx-gear-params h2 {\r\n        font-size: clamp(32px, 10vw, 44px);\r\n      }\r\n\r\n      .prx-gear-params__head p {\r\n        font-size: 16px;\r\n        line-height: 1.62;\r\n      }\r\n\r\n      .prx-gear-params__table-card {\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-gear-params__table-top {\r\n        grid-template-columns: 1fr;\r\n        padding: 23px 21px;\r\n      }\r\n\r\n      .prx-gear-params__badge {\r\n        width: fit-content;\r\n      }\r\n\r\n      .prx-gear-params table {\r\n        min-width: 650px;\r\n      }\r\n\r\n      .prx-gear-params th,\r\n      .prx-gear-params td {\r\n        padding: 16px 18px;\r\n      }\r\n\r\n      .prx-gear-params th {\r\n        width: 205px;\r\n      }\r\n\r\n      .prx-gear-params__side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-params__cta {\r\n        grid-column: auto;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-params__image,\r\n      .prx-gear-params__button,\r\n      .prx-gear-params__button svg {\r\n        transition: none !important;\r\n      }\r\n\r\n      .prx-gear-params__motion-contact-halo {\r\n        animation: none;\r\n      }\r\n    }\r\n\r\n}\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-params__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n\r\n    <header class=\"prx-gear-params__head\">\r\n\r\n      <div class=\"prx-gear-params__label\">\r\n        Charakterystyka techniczna\r\n      <\/div>\r\n\r\n      <h2 id=\"prx-gear-params-title\">\r\n        Ko\u0142a z\u0119bate: parametry i zakres wykonania\r\n      <\/h2>\r\n\r\n      <p>\r\n        Parametry ko\u0142a dobieramy do geometrii przek\u0142adni, obci\u0105\u017cenia,\r\n        sposobu monta\u017cu i warunk\u00f3w pracy. Poni\u017csza tabela pokazuje\r\n        <strong>zakres materia\u0142\u00f3w oraz proces\u00f3w<\/strong>, kt\u00f3re mog\u0105 zosta\u0107\r\n        uwzgl\u0119dnione w specyfikacji konkretnego zlecenia.\r\n      <\/p>\r\n\r\n      <!-- ANIMACJA W PUSTYM PRAWYM OBSZARZE -->\r\n\r\n      <div class=\"prx-gear-params__motion\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 850 600\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n          <defs class=\"prx-gear-params__motion-defs\"><\/defs>\r\n\r\n          <circle\r\n            cx=\"440\"\r\n            cy=\"315\"\r\n            r=\"265\"\r\n            fill=\"none\"\r\n            stroke=\"rgba(7,27,51,0.035)\"\r\n            stroke-width=\"1\"\r\n          \/>\r\n\r\n          <circle\r\n            cx=\"440\"\r\n            cy=\"315\"\r\n            r=\"218\"\r\n            fill=\"none\"\r\n            stroke=\"rgba(7,27,51,0.028)\"\r\n            stroke-width=\"1\"\r\n          \/>\r\n\r\n          <line\r\n            class=\"prx-gear-params__motion-axis\"\r\n            x1=\"330\"\r\n            y1=\"360\"\r\n            x2=\"532.65\"\r\n            y2=\"243\"\r\n          \/>\r\n\r\n          <line\r\n            class=\"prx-gear-params__motion-axis\"\r\n            x1=\"532.65\"\r\n            y1=\"243\"\r\n            x2=\"590.7\"\r\n            y2=\"394.2\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-pitch\"\r\n            cx=\"330\"\r\n            cy=\"360\"\r\n            r=\"144\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-pitch\"\r\n            cx=\"532.65\"\r\n            cy=\"243\"\r\n            r=\"90\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-pitch\"\r\n            cx=\"590.7\"\r\n            cy=\"394.2\"\r\n            r=\"72\"\r\n          \/>\r\n\r\n          <g data-prx-params-gear=\"a\"><\/g>\r\n          <g data-prx-params-gear=\"b\"><\/g>\r\n          <g data-prx-params-gear=\"c\"><\/g>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-contact-halo\"\r\n            cx=\"454.7\"\r\n            cy=\"288\"\r\n            r=\"13\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-contact\"\r\n            cx=\"454.7\"\r\n            cy=\"288\"\r\n            r=\"5\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-contact-halo\"\r\n            cx=\"564.9\"\r\n            cy=\"327\"\r\n            r=\"13\"\r\n            style=\"animation-delay:-1.2s\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-params__motion-contact\"\r\n            cx=\"564.9\"\r\n            cy=\"327\"\r\n            r=\"5\"\r\n          \/>\r\n\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-params__layout\">\r\n\r\n      <!-- TABELA -->\r\n\r\n      <div class=\"prx-gear-params__table-card\">\r\n\r\n        <div class=\"prx-gear-params__table-top\">\r\n\r\n          <div class=\"prx-gear-params__table-copy\">\r\n            <strong>Dane techniczne ko\u0142a z\u0119batego<\/strong>\r\n\r\n            <span>\r\n              Zestawienie dla produkcji wed\u0142ug dokumentacji albo\r\n              przygotowania zamiennika na podstawie wzoru.\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-params__badge\">\r\n            <strong>SPEC<\/strong>\r\n            <span>projektowa<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-params__table-wrap\">\r\n\r\n          <table>\r\n            <tbody>\r\n\r\n              <tr>\r\n                <th>Typ uz\u0119bienia<\/th>\r\n                <td>\r\n                  Ko\u0142a walcowe o z\u0119bach prostych i sko\u015bnych, ko\u0142a\r\n                  sto\u017ckowe, \u015blimakowe, wie\u0144ce z\u0119bate oraz listwy z\u0119bate.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Modu\u0142 i geometria<\/th>\r\n                <td>\r\n                  Wed\u0142ug dokumentacji projektu albo na podstawie pomiar\u00f3w\r\n                  mo\u017cliwych do wykonania na dostarczonym wzorze.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Wymiary elementu<\/th>\r\n                <td>\r\n                  Ustalane indywidualnie po analizie \u015brednicy, szeroko\u015bci,\r\n                  otworu, piasty i mo\u017cliwo\u015bci technologicznych.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Klasa dok\u0142adno\u015bci<\/th>\r\n                <td>\r\n                  Dobierana do zastosowania, geometrii przek\u0142adni oraz\r\n                  wymaga\u0144 wskazanych w dokumentacji technicznej.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Materia\u0142y stalowe<\/th>\r\n                <td>\r\n                  Stale konstrukcyjne, stale stopowe do ulepszania\r\n                  cieplnego i naw\u0119glania oraz stale nierdzewne.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Pozosta\u0142e materia\u0142y<\/th>\r\n                <td>\r\n                  \u017beliwa, br\u0105zy, mosi\u0105dze oraz tworzywa konstrukcyjne,\r\n                  mi\u0119dzy innymi PA, POM i PEEK \u2014 po ocenie zastosowania.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Obr\u00f3bka cieplna<\/th>\r\n                <td>\r\n                  Hartowanie obj\u0119to\u015bciowe lub indukcyjne, ulepszanie\r\n                  cieplne, naw\u0119glanie i azotowanie \u2014 zale\u017cnie od materia\u0142u.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n              <tr>\r\n                <th>Obr\u00f3bka wyko\u0144czeniowa<\/th>\r\n                <td>\r\n                  Szlifowanie z\u0119b\u00f3w i otwor\u00f3w oraz wykonanie rowk\u00f3w\r\n                  wpustowych, je\u015bli wymaga tego dokumentacja elementu.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n            <\/tbody>\r\n          <\/table>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-params__note\">\r\n          <strong>Uwaga techniczna:<\/strong> ostateczny zakres wykonania\r\n          potwierdzamy po analizie dokumentacji lub wzoru. Dost\u0119pno\u015b\u0107\r\n          materia\u0142u, obr\u00f3bki cieplnej i wyko\u0144czenia zale\u017cy od geometrii\r\n          oraz przeznaczenia konkretnego ko\u0142a.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- PANEL BOCZNY -->\r\n\r\n      <aside\r\n        class=\"prx-gear-params__side\"\r\n        aria-label=\"Informacje techniczne o ko\u0142ach z\u0119batych\"\r\n      >\r\n\r\n        <!-- ZDJ\u0118CIE -->\r\n\r\n        <div class=\"prx-gear-params__image-card\">\r\n\r\n          <div class=\"prx-gear-params__image-wrap\">\r\n\r\n            <img\r\n              class=\"prx-gear-params__image\"\r\n              src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/IMG6048-scaled.jpg\"\r\n              alt=\"Ko\u0142o z\u0119bate z piast\u0105 i rowkiem wpustowym dla przemys\u0142u\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <div\r\n              class=\"prx-gear-params__image-ring\"\r\n              aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n            <div class=\"prx-gear-params__image-label\">\r\n              Geometria dopasowana do przek\u0142adni\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- MA\u0141Y GRANATOWY PANEL -->\r\n\r\n        <div class=\"prx-gear-params__side-card\">\r\n\r\n          <h3>Najpierw warunki pracy, potem materia\u0142<\/h3>\r\n\r\n          <p>\r\n            Materia\u0142u i technologii nie dobieramy wy\u0142\u0105cznie na podstawie\r\n            nazwy ko\u0142a. Znaczenie ma ca\u0142y uk\u0142ad nap\u0119dowy.\r\n          <\/p>\r\n\r\n          <div class=\"prx-gear-params__side-list\">\r\n\r\n            <div class=\"prx-gear-params__side-item\">\r\n              <span\r\n                class=\"prx-gear-params__side-check\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span>obci\u0105\u017cenie i pr\u0119dko\u015b\u0107 pracy przek\u0142adni,<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-params__side-item\">\r\n              <span\r\n                class=\"prx-gear-params__side-check\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span>temperatura, wilgo\u0107 i kontakt z chemikaliami,<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-params__side-item\">\r\n              <span\r\n                class=\"prx-gear-params__side-check\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span>geometria oraz stan cz\u0119\u015bci wsp\u00f3\u0142pracuj\u0105cych.<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CTA -->\r\n\r\n        <div class=\"prx-gear-params__cta\">\r\n\r\n          <strong>Masz rysunek albo zu\u017cyte ko\u0142o?<\/strong>\r\n\r\n          <p>\r\n            Prze\u015blij dokumentacj\u0119, zdj\u0119cia, podstawowe wymiary i opis\r\n            zastosowania elementu.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"prx-gear-params__button\"\r\n            href=\"\/kontakt\/\"\r\n            aria-label=\"Zapytaj o wycen\u0119 ko\u0142a z\u0119batego\"\r\n          >\r\n            Zapytaj o wycen\u0119\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path\r\n                d=\"M5 12h14M13 6l6 6-6 6\"\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            <\/svg>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const SVG_NS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n      function createSvgElement(name, attributes) {\r\n        const element = document.createElementNS(SVG_NS, name);\r\n\r\n        Object.keys(attributes || {}).forEach(function (key) {\r\n          element.setAttribute(key, attributes[key]);\r\n        });\r\n\r\n        return element;\r\n      }\r\n\r\n      function pointOnCircle(radius, angle) {\r\n        return {\r\n          x: radius * Math.cos(angle),\r\n          y: radius * Math.sin(angle)\r\n        };\r\n      }\r\n\r\n      function pointString(point) {\r\n        return point.x.toFixed(3) + \" \" + point.y.toFixed(3);\r\n      }\r\n\r\n      \/*\r\n       * Profil z\u0119ba zbli\u017cony do ewolwentowego:\r\n       * wsp\u00f3lny modu\u0142 oraz prawid\u0142owe odleg\u0142o\u015bci osi.\r\n       *\/\r\n\r\n      function createGearPath(teeth, moduleSize) {\r\n        const fullCircle = Math.PI * 2;\r\n        const pressureAngle = 20 * Math.PI \/ 180;\r\n\r\n        const pitchRadius = teeth * moduleSize \/ 2;\r\n        const baseRadius = pitchRadius * Math.cos(pressureAngle);\r\n        const outerRadius = pitchRadius + moduleSize;\r\n        const rootRadius = pitchRadius - 1.25 * moduleSize;\r\n\r\n        const toothPitch = fullCircle \/ teeth;\r\n        const halfToothAngle = Math.PI \/ (2 * teeth);\r\n        const involuteAtPitch =\r\n          Math.tan(pressureAngle) - pressureAngle;\r\n\r\n        function involuteValue(radius) {\r\n          const ratio = Math.min(1, baseRadius \/ radius);\r\n          const alpha = Math.acos(ratio);\r\n\r\n          return Math.tan(alpha) - alpha;\r\n        }\r\n\r\n        function flankAngle(radius) {\r\n          return (\r\n            halfToothAngle +\r\n            involuteAtPitch -\r\n            involuteValue(radius)\r\n          );\r\n        }\r\n\r\n        const baseFlankAngle =\r\n          halfToothAngle + involuteAtPitch;\r\n\r\n        const outerFlankAngle =\r\n          flankAngle(outerRadius);\r\n\r\n        const transitionAngle =\r\n          toothPitch * 0.045;\r\n\r\n        const flankSteps = 7;\r\n        let path = \"\";\r\n\r\n        for (let tooth = 0; tooth < teeth; tooth++) {\r\n          const centerAngle = tooth * toothPitch;\r\n\r\n          const gapStartAngle =\r\n            centerAngle - toothPitch \/ 2;\r\n\r\n          const leftRootApproachAngle =\r\n            centerAngle -\r\n            baseFlankAngle -\r\n            transitionAngle;\r\n\r\n          const leftBaseAngle =\r\n            centerAngle - baseFlankAngle;\r\n\r\n          const rightBaseAngle =\r\n            centerAngle + baseFlankAngle;\r\n\r\n          const rightRootDepartureAngle =\r\n            centerAngle +\r\n            baseFlankAngle +\r\n            transitionAngle;\r\n\r\n          const gapEndAngle =\r\n            centerAngle + toothPitch \/ 2;\r\n\r\n          const gapStart =\r\n            pointOnCircle(rootRadius, gapStartAngle);\r\n\r\n          const leftRootApproach =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              leftRootApproachAngle\r\n            );\r\n\r\n          const leftRootControl =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              leftBaseAngle\r\n            );\r\n\r\n          const leftBase =\r\n            pointOnCircle(\r\n              baseRadius,\r\n              leftBaseAngle\r\n            );\r\n\r\n          if (tooth === 0) {\r\n            path += \"M \" + pointString(gapStart) + \" \";\r\n          } else {\r\n            path += \"L \" + pointString(gapStart) + \" \";\r\n          }\r\n\r\n          path +=\r\n            \"A \" +\r\n            rootRadius.toFixed(3) + \" \" +\r\n            rootRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointString(leftRootApproach) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"Q \" +\r\n            pointString(leftRootControl) +\r\n            \" \" +\r\n            pointString(leftBase) +\r\n            \" \";\r\n\r\n          for (let step = 1; step <= flankSteps; step++) {\r\n            const progress = step \/ flankSteps;\r\n\r\n            const radius =\r\n              baseRadius +\r\n              (outerRadius - baseRadius) * progress;\r\n\r\n            const angle =\r\n              centerAngle - flankAngle(radius);\r\n\r\n            path +=\r\n              \"L \" +\r\n              pointString(\r\n                pointOnCircle(radius, angle)\r\n              ) +\r\n              \" \";\r\n          }\r\n\r\n          const rightOuter =\r\n            pointOnCircle(\r\n              outerRadius,\r\n              centerAngle + outerFlankAngle\r\n            );\r\n\r\n          path +=\r\n            \"A \" +\r\n            outerRadius.toFixed(3) + \" \" +\r\n            outerRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointString(rightOuter) +\r\n            \" \";\r\n\r\n          for (\r\n            let step = flankSteps - 1;\r\n            step >= 0;\r\n            step--\r\n          ) {\r\n            const progress = step \/ flankSteps;\r\n\r\n            const radius =\r\n              baseRadius +\r\n              (outerRadius - baseRadius) * progress;\r\n\r\n            const angle =\r\n              centerAngle + flankAngle(radius);\r\n\r\n            path +=\r\n              \"L \" +\r\n              pointString(\r\n                pointOnCircle(radius, angle)\r\n              ) +\r\n              \" \";\r\n          }\r\n\r\n          const rightBase =\r\n            pointOnCircle(\r\n              baseRadius,\r\n              rightBaseAngle\r\n            );\r\n\r\n          const rightRootControl =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              rightBaseAngle\r\n            );\r\n\r\n          const rightRootDeparture =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              rightRootDepartureAngle\r\n            );\r\n\r\n          const gapEnd =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              gapEndAngle\r\n            );\r\n\r\n          path +=\r\n            \"L \" +\r\n            pointString(rightBase) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"Q \" +\r\n            pointString(rightRootControl) +\r\n            \" \" +\r\n            pointString(rightRootDeparture) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"A \" +\r\n            rootRadius.toFixed(3) + \" \" +\r\n            rootRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointString(gapEnd) +\r\n            \" \";\r\n        }\r\n\r\n        path += \"Z\";\r\n\r\n        return {\r\n          path: path,\r\n          pitchRadius: pitchRadius\r\n        };\r\n      }\r\n\r\n      function addCircle(group, attributes, className) {\r\n        const circle = createSvgElement(\r\n          \"circle\",\r\n          attributes\r\n        );\r\n\r\n        circle.setAttribute(\"class\", className);\r\n        group.appendChild(circle);\r\n\r\n        return circle;\r\n      }\r\n\r\n      function buildGear(\r\n        group,\r\n        options,\r\n        bodyGradient,\r\n        hubGradient,\r\n        shadow\r\n      ) {\r\n        const geometry = createGearPath(\r\n          options.teeth,\r\n          options.module\r\n        );\r\n\r\n        const body = createSvgElement(\"path\", {\r\n          d: geometry.path,\r\n          fill: \"url(#\" + bodyGradient + \")\",\r\n          filter: \"url(#\" + shadow + \")\",\r\n          class: \"prx-gear-params__motion-body\"\r\n        });\r\n\r\n        group.appendChild(body);\r\n\r\n        const hubRadius =\r\n          geometry.pitchRadius * options.hubRatio;\r\n\r\n        const boreRadius =\r\n          geometry.pitchRadius * options.boreRatio;\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius,\r\n            fill: \"url(#\" + hubGradient + \")\"\r\n          },\r\n          \"prx-gear-params__motion-hub\"\r\n        );\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius * 0.82\r\n          },\r\n          \"prx-gear-params__motion-ring\"\r\n        );\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius * 0.67\r\n          },\r\n          \"prx-gear-params__motion-ring prx-gear-params__motion-ring--dark\"\r\n        );\r\n\r\n        if (options.bolts) {\r\n          const boltOrbit =\r\n            geometry.pitchRadius * 0.49;\r\n\r\n          const boltRadius =\r\n            options.module * 0.56;\r\n\r\n          for (\r\n            let index = 0;\r\n            index < options.bolts;\r\n            index++\r\n          ) {\r\n            const angle =\r\n              -Math.PI \/ 2 +\r\n              index *\r\n              Math.PI *\r\n              2 \/\r\n              options.bolts;\r\n\r\n            const boltPoint =\r\n              pointOnCircle(boltOrbit, angle);\r\n\r\n            addCircle(\r\n              group,\r\n              {\r\n                cx: boltPoint.x,\r\n                cy: boltPoint.y,\r\n                r: boltRadius\r\n              },\r\n              \"prx-gear-params__motion-bolt\"\r\n            );\r\n          }\r\n        }\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: boreRadius\r\n          },\r\n          \"prx-gear-params__motion-bore\"\r\n        );\r\n\r\n        const keywayWidth =\r\n          options.module * 1.43;\r\n\r\n        const keyway =\r\n          createSvgElement(\"rect\", {\r\n            x: -keywayWidth \/ 2,\r\n            y:\r\n              -boreRadius -\r\n              options.module * 0.52,\r\n            width: keywayWidth,\r\n            height: options.module * 1.5,\r\n            rx: options.module * 0.11,\r\n            class:\r\n              \"prx-gear-params__motion-keyway\"\r\n          });\r\n\r\n        group.appendChild(keyway);\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: boreRadius + 4\r\n          },\r\n          \"prx-gear-params__motion-ring\"\r\n        );\r\n      }\r\n\r\n      function initializeGearParamsMotion() {\r\n        const sections = document.querySelectorAll(\r\n          \".prx-gear-params:not([data-motion-ready])\"\r\n        );\r\n\r\n        sections.forEach(function (section, index) {\r\n          section.setAttribute(\r\n            \"data-motion-ready\",\r\n            \"true\"\r\n          );\r\n\r\n          const defs = section.querySelector(\r\n            \".prx-gear-params__motion-defs\"\r\n          );\r\n\r\n          const gearA = section.querySelector(\r\n            '[data-prx-params-gear=\"a\"]'\r\n          );\r\n\r\n          const gearB = section.querySelector(\r\n            '[data-prx-params-gear=\"b\"]'\r\n          );\r\n\r\n          const gearC = section.querySelector(\r\n            '[data-prx-params-gear=\"c\"]'\r\n          );\r\n\r\n          if (!defs || !gearA || !gearB || !gearC) {\r\n            return;\r\n          }\r\n\r\n          const uniqueId =\r\n            \"prx-params-motion-\" +\r\n            index +\r\n            \"-\" +\r\n            Math.random().toString(36).slice(2, 8);\r\n\r\n          const mainGradient =\r\n            uniqueId + \"-main\";\r\n\r\n          const secondGradient =\r\n            uniqueId + \"-second\";\r\n\r\n          const lightGradient =\r\n            uniqueId + \"-light\";\r\n\r\n          const hubGradient =\r\n            uniqueId + \"-hub\";\r\n\r\n          const shadow =\r\n            uniqueId + \"-shadow\";\r\n\r\n          defs.innerHTML =\r\n            '<linearGradient id=\"' +\r\n            mainGradient +\r\n            '\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#ffffff\"\/>' +\r\n              '<stop offset=\"19%\" stop-color=\"#a7b4bd\"\/>' +\r\n              '<stop offset=\"41%\" stop-color=\"#eef2f4\"\/>' +\r\n              '<stop offset=\"64%\" stop-color=\"#8798a4\"\/>' +\r\n              '<stop offset=\"83%\" stop-color=\"#dce3e7\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#748793\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<linearGradient id=\"' +\r\n            secondGradient +\r\n            '\" x1=\"10%\" y1=\"0%\" x2=\"90%\" y2=\"100%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#e8edf0\"\/>' +\r\n              '<stop offset=\"26%\" stop-color=\"#899aa5\"\/>' +\r\n              '<stop offset=\"51%\" stop-color=\"#d7dfe3\"\/>' +\r\n              '<stop offset=\"76%\" stop-color=\"#70838f\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#b9c4cb\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<linearGradient id=\"' +\r\n            lightGradient +\r\n            '\" x1=\"0%\" y1=\"20%\" x2=\"100%\" y2=\"80%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#f7f9fa\"\/>' +\r\n              '<stop offset=\"31%\" stop-color=\"#9cabb5\"\/>' +\r\n              '<stop offset=\"58%\" stop-color=\"#e2e7ea\"\/>' +\r\n              '<stop offset=\"82%\" stop-color=\"#788a96\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#c4cdd3\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<radialGradient id=\"' +\r\n            hubGradient +\r\n            '\" cx=\"34%\" cy=\"28%\" r=\"78%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#ffffff\"\/>' +\r\n              '<stop offset=\"33%\" stop-color=\"#bdc7cd\"\/>' +\r\n              '<stop offset=\"68%\" stop-color=\"#8696a1\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#5c707d\"\/>' +\r\n            '<\/radialGradient>' +\r\n\r\n            '<filter id=\"' +\r\n            shadow +\r\n            '\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">' +\r\n              '<feDropShadow dx=\"0\" dy=\"8\" stdDeviation=\"8\" flood-color=\"#071b33\" flood-opacity=\"0.18\"\/>' +\r\n            '<\/filter>';\r\n\r\n          buildGear(\r\n            gearA,\r\n            {\r\n              teeth: 32,\r\n              module: 9,\r\n              hubRatio: 0.64,\r\n              boreRatio: 0.22,\r\n              bolts: 6\r\n            },\r\n            mainGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          buildGear(\r\n            gearB,\r\n            {\r\n              teeth: 20,\r\n              module: 9,\r\n              hubRatio: 0.61,\r\n              boreRatio: 0.25,\r\n              bolts: 0\r\n            },\r\n            secondGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          buildGear(\r\n            gearC,\r\n            {\r\n              teeth: 16,\r\n              module: 9,\r\n              hubRatio: 0.6,\r\n              boreRatio: 0.27,\r\n              bolts: 0\r\n            },\r\n            lightGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          const baseAngles = {\r\n            a: -30,\r\n            b: 141,\r\n            c: 237.75\r\n          };\r\n\r\n          let targetAngle = 0;\r\n          let currentAngle = 0;\r\n          let frame = null;\r\n          let visible = true;\r\n\r\n          const reducedMotion =\r\n            window.matchMedia(\r\n              \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n          function applyRotation(masterAngle) {\r\n            const angleA =\r\n              baseAngles.a + masterAngle;\r\n\r\n            const angleB =\r\n              baseAngles.b -\r\n              masterAngle * 32 \/ 20;\r\n\r\n            const angleC =\r\n              baseAngles.c +\r\n              masterAngle * 32 \/ 16;\r\n\r\n            gearA.setAttribute(\r\n              \"transform\",\r\n              \"translate(330 360) rotate(\" +\r\n              angleA +\r\n              \")\"\r\n            );\r\n\r\n            gearB.setAttribute(\r\n              \"transform\",\r\n              \"translate(532.65 243) rotate(\" +\r\n              angleB +\r\n              \")\"\r\n            );\r\n\r\n            gearC.setAttribute(\r\n              \"transform\",\r\n              \"translate(590.7 394.2) rotate(\" +\r\n              angleC +\r\n              \")\"\r\n            );\r\n          }\r\n\r\n          function render() {\r\n            currentAngle +=\r\n              (targetAngle - currentAngle) * 0.11;\r\n\r\n            applyRotation(currentAngle);\r\n\r\n            if (\r\n              Math.abs(targetAngle - currentAngle) >\r\n              0.015\r\n            ) {\r\n              frame = requestAnimationFrame(render);\r\n            } else {\r\n              currentAngle = targetAngle;\r\n              applyRotation(currentAngle);\r\n              frame = null;\r\n            }\r\n          }\r\n\r\n          function requestRender() {\r\n            if (frame === null && visible) {\r\n              frame = requestAnimationFrame(render);\r\n            }\r\n          }\r\n\r\n          function updateFromScroll() {\r\n            if (!visible) return;\r\n\r\n            if (reducedMotion.matches) {\r\n              targetAngle = 0;\r\n              currentAngle = 0;\r\n              applyRotation(0);\r\n              return;\r\n            }\r\n\r\n            const rect =\r\n              section.getBoundingClientRect();\r\n\r\n            const viewportHeight =\r\n              window.innerHeight ||\r\n              document.documentElement.clientHeight;\r\n\r\n            const progress = Math.max(\r\n              0,\r\n              Math.min(\r\n                1,\r\n                (\r\n                  viewportHeight - rect.top\r\n                ) \/\r\n                (\r\n                  viewportHeight + rect.height\r\n                )\r\n              )\r\n            );\r\n\r\n            targetAngle = progress * 190;\r\n            requestRender();\r\n          }\r\n\r\n          if (\"IntersectionObserver\" in window) {\r\n            const observer =\r\n              new IntersectionObserver(\r\n                function (entries) {\r\n                  visible =\r\n                    entries[0].isIntersecting;\r\n\r\n                  if (visible) {\r\n                    updateFromScroll();\r\n                  }\r\n                },\r\n                {\r\n                  rootMargin: \"150px 0px\"\r\n                }\r\n              );\r\n\r\n            observer.observe(section);\r\n          }\r\n\r\n          applyRotation(0);\r\n          updateFromScroll();\r\n\r\n          window.addEventListener(\r\n            \"scroll\",\r\n            updateFromScroll,\r\n            { passive: true }\r\n          );\r\n\r\n          window.addEventListener(\r\n            \"resize\",\r\n            updateFromScroll,\r\n            { passive: true }\r\n          );\r\n        });\r\n      }\r\n\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n          \"DOMContentLoaded\",\r\n          initializeGearParamsMotion\r\n        );\r\n      } else {\r\n        initializeGearParamsMotion();\r\n      }\r\n\r\n      window.addEventListener(\r\n        \"elementor\/frontend\/init\",\r\n        function () {\r\n          setTimeout(\r\n            initializeGearParamsMotion,\r\n            250\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-795cb3c elementor-widget elementor-widget-html\" data-id=\"795cb3c\" 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 6 \/ KORZY\u015aCI\r\n     SZEROKI NAG\u0141\u00d3WEK + ANIMACJA PO PRAWEJ\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-gear-benefits-clear\"\r\n  id=\"korzysci-kola-zebate\"\r\n  aria-labelledby=\"prx-gear-benefits-clear-title\"\r\n>\r\n  <style>\r\n    .prx-gear-benefits-clear,\r\n    .prx-gear-benefits-clear * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-benefits-clear {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #41586b;\r\n      --prx-border: #dce4ea;\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: 96px 24px 104px;\r\n      background: #f4f6f9;\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-gear-benefits-clear::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -230px;\r\n      top: -260px;\r\n      width: 560px;\r\n      height: 560px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 72px rgba(7, 27, 51, 0.012),\r\n        inset 0 0 0 144px rgba(7, 27, 51, 0.008);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-benefits-clear::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -170px;\r\n      bottom: -230px;\r\n      width: 430px;\r\n      height: 430px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(225, 6, 0, 0.035),\r\n          transparent 68%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       SZEROKI NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-benefits-clear__header {\r\n      position: relative;\r\n      min-height: 315px;\r\n      margin-bottom: 48px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__header-copy {\r\n      position: relative;\r\n      z-index: 4;\r\n      width: 100%;\r\n      max-width: 820px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 19px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    .prx-gear-benefits-clear h2 {\r\n      width: 100%;\r\n      max-width: 820px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(36px, 4vw, 50px);\r\n      line-height: 1.1;\r\n      font-weight: 900;\r\n      letter-spacing: -0.04em;\r\n      text-wrap: pretty;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__accent {\r\n      width: 58px;\r\n      height: 4px;\r\n      margin: 25px 0;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-benefits-clear__intro {\r\n      width: 100%;\r\n      max-width: 820px;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 18px;\r\n      line-height: 1.72;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__intro strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 800;\r\n    }\r\n\r\n    \/* ======================================================\r\n       ANIMACJA \u2013 NIE ZMIENIA SZEROKO\u015aCI NAG\u0141\u00d3WKA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-benefits-clear__motion {\r\n      position: absolute;\r\n      z-index: 2;\r\n      top: 3px;\r\n      right: -12px;\r\n      width: 340px;\r\n      height: 285px;\r\n      overflow: visible;\r\n      opacity: 0.84;\r\n      background:\r\n        radial-gradient(\r\n          circle at 52% 50%,\r\n          rgba(7, 27, 51, 0.045),\r\n          transparent 68%\r\n        );\r\n      pointer-events: none;\r\n      user-select: none;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion svg {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: visible;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-body {\r\n      stroke: rgba(68, 86, 101, 0.76);\r\n      stroke-width: 1.35;\r\n      stroke-linejoin: round;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-hub {\r\n      stroke: rgba(48, 68, 84, 0.65);\r\n      stroke-width: 1.4;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-ring {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.58);\r\n      stroke-width: 1.15;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-ring--dark {\r\n      stroke: rgba(36, 56, 72, 0.25);\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-bore,\r\n    .prx-gear-benefits-clear__motion-keyway {\r\n      fill: #0c2439;\r\n      stroke: rgba(255, 255, 255, 0.65);\r\n      stroke-width: 1.3;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-bolt {\r\n      fill: #10283e;\r\n      stroke: rgba(255, 255, 255, 0.72);\r\n      stroke-width: 1.4;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-axis {\r\n      fill: none;\r\n      stroke: rgba(7, 27, 51, 0.08);\r\n      stroke-width: 1;\r\n      stroke-dasharray: 5 8;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-pitch {\r\n      fill: none;\r\n      stroke: rgba(42, 151, 207, 0.2);\r\n      stroke-width: 1.2;\r\n      stroke-dasharray: 6 9;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-contact-halo {\r\n      fill: rgba(225, 6, 0, 0.07);\r\n      stroke: rgba(225, 6, 0, 0.2);\r\n      stroke-width: 1;\r\n      transform-box: fill-box;\r\n      transform-origin: center;\r\n      animation: prx-benefits-contact-pulse 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__motion-contact {\r\n      fill: var(--prx-red);\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    @keyframes prx-benefits-contact-pulse {\r\n      0%,\r\n      100% {\r\n        opacity: 0.35;\r\n        transform: scale(0.75);\r\n      }\r\n\r\n      50% {\r\n        opacity: 0.92;\r\n        transform: scale(1.18);\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       KARTY\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-benefits-clear__grid {\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-gear-benefits-clear__card {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 31px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background: #ffffff;\r\n      box-shadow: 0 16px 40px rgba(7, 27, 51, 0.06);\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(225, 6, 0, 0.22);\r\n      box-shadow: 0 22px 48px rgba(7, 27, 51, 0.09);\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -68px;\r\n      bottom: -78px;\r\n      width: 175px;\r\n      height: 175px;\r\n      border: 1px solid rgba(7, 27, 51, 0.035);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 28px rgba(7, 27, 51, 0.01);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card--main {\r\n      grid-column: 1 \/ -1;\r\n      display: grid;\r\n      grid-template-columns: 78px minmax(0, 1fr);\r\n      gap: 27px;\r\n      align-items: center;\r\n      padding: 35px;\r\n      border-color: #d7e0e7;\r\n      background:\r\n        radial-gradient(\r\n          circle at 94% 12%,\r\n          rgba(225, 6, 0, 0.04),\r\n          transparent 30%\r\n        ),\r\n        #ffffff;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 62px;\r\n      height: 62px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dce4ea;\r\n      border-radius: 17px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #f7f9fb,\r\n          #edf2f5\r\n        );\r\n      color: var(--prx-navy);\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card--main\r\n    .prx-gear-benefits-clear__icon {\r\n      width: 78px;\r\n      height: 78px;\r\n      border: 7px solid #e8edf1;\r\n      border-radius: 50%;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #0c385b,\r\n          #071b33\r\n        );\r\n      box-shadow: 0 16px 32px rgba(7, 27, 51, 0.18);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__icon svg {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card--main\r\n    .prx-gear-benefits-clear__icon svg {\r\n      width: 34px;\r\n      height: 34px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__content {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__content h3 {\r\n      margin: 0 0 12px;\r\n      color: var(--prx-navy);\r\n      font-size: 23px;\r\n      line-height: 1.28;\r\n      font-weight: 880;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card--main\r\n    .prx-gear-benefits-clear__content h3 {\r\n      font-size: 27px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__content p {\r\n      max-width: 850px;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__card-icon-wrap {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__check {\r\n      width: 34px;\r\n      height: 34px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dfe6eb;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 15px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n\r\n    \/* ======================================================\r\n       CTA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-benefits-clear__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 28px;\r\n      align-items: center;\r\n      margin-top: 25px;\r\n      overflow: hidden;\r\n      padding: 28px 30px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background: #ffffff;\r\n      box-shadow: 0 16px 42px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-gear-benefits-clear__cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 4px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-benefits-clear__cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -74px;\r\n      top: -105px;\r\n      width: 220px;\r\n      height: 220px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 35px rgba(7, 27, 51, 0.01);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__cta-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding-left: 4px;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__cta-copy h3 {\r\n      margin: 0 0 8px;\r\n      color: var(--prx-navy);\r\n      font-size: 22px;\r\n      line-height: 1.3;\r\n      font-weight: 880;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__cta-copy p {\r\n      max-width: 720px;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__button {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-height: 54px;\r\n      padding: 17px 23px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.23);\r\n      color: #ffffff !important;\r\n      font-size: 15px;\r\n      line-height: 1;\r\n      font-weight: 850;\r\n      text-decoration: none !important;\r\n      white-space: nowrap;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 19px 35px rgba(225, 6, 0, 0.32);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__button svg {\r\n      width: 19px;\r\n      height: 19px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-benefits-clear__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       MNIEJSZE KOMPUTERY\r\n    ====================================================== *\/\r\n\r\n    @media (min-width: 901px) and (max-width: 1120px) {\r\n      .prx-gear-benefits-clear__header-copy,\r\n      .prx-gear-benefits-clear h2,\r\n      .prx-gear-benefits-clear__intro {\r\n        max-width: 700px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__motion {\r\n        right: 0;\r\n        width: 285px;\r\n        height: 250px;\r\n        opacity: 0.58;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 900px) {\r\n      .prx-gear-benefits-clear__header {\r\n        min-height: 0;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__header-copy,\r\n      .prx-gear-benefits-clear h2,\r\n      .prx-gear-benefits-clear__intro {\r\n        max-width: 880px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__motion {\r\n        display: none;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__card--main {\r\n        grid-column: auto;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__cta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__button {\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 720px) {\r\n      .prx-gear-benefits-clear {\r\n        padding: 70px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__header {\r\n        margin-bottom: 35px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__label {\r\n        margin-bottom: 16px;\r\n        padding: 8px 12px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear h2 {\r\n        font-size: 34px;\r\n        line-height: 1.12;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__intro {\r\n        font-size: 17px;\r\n        line-height: 1.68;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__grid {\r\n        gap: 14px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__card,\r\n      .prx-gear-benefits-clear__card--main {\r\n        display: block;\r\n        padding: 25px 22px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__card--main\r\n      .prx-gear-benefits-clear__icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__content h3,\r\n      .prx-gear-benefits-clear__card--main\r\n      .prx-gear-benefits-clear__content h3 {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__content p {\r\n        font-size: 16px;\r\n        line-height: 1.68;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__cta {\r\n        gap: 20px;\r\n        padding: 24px 22px 24px 25px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__cta-copy h3 {\r\n        font-size: 21px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__cta-copy p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__button {\r\n        width: 100%;\r\n        min-height: 55px;\r\n        padding: 17px;\r\n        white-space: normal;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-benefits-clear__card,\r\n      .prx-gear-benefits-clear__button,\r\n      .prx-gear-benefits-clear__button svg {\r\n        transition: none !important;\r\n      }\r\n\r\n      .prx-gear-benefits-clear__motion-contact-halo {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-benefits-clear__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n\r\n    <header class=\"prx-gear-benefits-clear__header\">\r\n\r\n      <div class=\"prx-gear-benefits-clear__header-copy\">\r\n\r\n        <span class=\"prx-gear-benefits-clear__label\">\r\n          Korzy\u015bci dla firmy\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-gear-benefits-clear-title\">\r\n          Co zyskujesz, zamawiaj\u0105c ko\u0142o z\u0119bate na wymiar?\r\n        <\/h2>\r\n\r\n        <div\r\n          class=\"prx-gear-benefits-clear__accent\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <p class=\"prx-gear-benefits-clear__intro\">\r\n          Wykonanie ko\u0142a na zam\u00f3wienie ma znaczenie przede wszystkim wtedy,\r\n          gdy gotowa cz\u0119\u015b\u0107 nie jest dost\u0119pna albo nie pasuje do istniej\u0105cego\r\n          mechanizmu. <strong>Zakres wykonania ustalamy na podstawie\r\n          dokumentacji, wzoru i warunk\u00f3w pracy.<\/strong>\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- ANIMACJA PO PRAWEJ -->\r\n\r\n      <div\r\n        class=\"prx-gear-benefits-clear__motion\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <svg\r\n          viewBox=\"135 80 600 450\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n        >\r\n          <defs class=\"prx-gear-benefits-clear__motion-defs\"><\/defs>\r\n\r\n          <circle\r\n            cx=\"440\"\r\n            cy=\"315\"\r\n            r=\"260\"\r\n            fill=\"none\"\r\n            stroke=\"rgba(7,27,51,0.032)\"\r\n            stroke-width=\"1\"\r\n          \/>\r\n\r\n          <circle\r\n            cx=\"440\"\r\n            cy=\"315\"\r\n            r=\"215\"\r\n            fill=\"none\"\r\n            stroke=\"rgba(7,27,51,0.025)\"\r\n            stroke-width=\"1\"\r\n          \/>\r\n\r\n          <line\r\n            class=\"prx-gear-benefits-clear__motion-axis\"\r\n            x1=\"330\"\r\n            y1=\"360\"\r\n            x2=\"532.65\"\r\n            y2=\"243\"\r\n          \/>\r\n\r\n          <line\r\n            class=\"prx-gear-benefits-clear__motion-axis\"\r\n            x1=\"532.65\"\r\n            y1=\"243\"\r\n            x2=\"590.7\"\r\n            y2=\"394.2\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-pitch\"\r\n            cx=\"330\"\r\n            cy=\"360\"\r\n            r=\"144\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-pitch\"\r\n            cx=\"532.65\"\r\n            cy=\"243\"\r\n            r=\"90\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-pitch\"\r\n            cx=\"590.7\"\r\n            cy=\"394.2\"\r\n            r=\"72\"\r\n          \/>\r\n\r\n          <g data-prx-benefit-gear=\"a\"><\/g>\r\n          <g data-prx-benefit-gear=\"b\"><\/g>\r\n          <g data-prx-benefit-gear=\"c\"><\/g>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-contact-halo\"\r\n            cx=\"454.7\"\r\n            cy=\"288\"\r\n            r=\"13\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-contact\"\r\n            cx=\"454.7\"\r\n            cy=\"288\"\r\n            r=\"5\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-contact-halo\"\r\n            cx=\"564.9\"\r\n            cy=\"327\"\r\n            r=\"13\"\r\n            style=\"animation-delay:-1.2s\"\r\n          \/>\r\n\r\n          <circle\r\n            class=\"prx-gear-benefits-clear__motion-contact\"\r\n            cx=\"564.9\"\r\n            cy=\"327\"\r\n            r=\"5\"\r\n          \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/header>\r\n\r\n    <!-- KARTY -->\r\n\r\n    <div class=\"prx-gear-benefits-clear__grid\">\r\n\r\n      <article\r\n        class=\"prx-gear-benefits-clear__card\r\n               prx-gear-benefits-clear__card--main\"\r\n      >\r\n        <div class=\"prx-gear-benefits-clear__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"6\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n            \/>\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"2.2\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n            \/>\r\n            <path\r\n              d=\"M12 3v2M12 19v2M3 12h2M19 12h2\r\n                 M5.6 5.6 7 7M17 17l1.4 1.4\r\n                 M18.4 5.6 17 7M7 17l-1.4 1.4\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.7\"\r\n              stroke-linecap=\"round\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-benefits-clear__content\">\r\n          <h3>Mo\u017cliwo\u015b\u0107 odtworzenia niedost\u0119pnej cz\u0119\u015bci<\/h3>\r\n\r\n          <p>\r\n            Ko\u0142o mo\u017ce zosta\u0107 wykonane wed\u0142ug dokumentacji albo na podstawie\r\n            analizy dostarczonego wzoru. Pozwala to rozwa\u017cy\u0107 napraw\u0119\r\n            maszyny tak\u017ce wtedy, gdy gotowy zamiennik nie wyst\u0119puje ju\u017c\r\n            w katalogu producenta.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-benefits-clear__card\">\r\n        <div class=\"prx-gear-benefits-clear__card-icon-wrap\">\r\n\r\n          <div class=\"prx-gear-benefits-clear__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M5 18h14M7 18V8h10v10M9 8V5h6v3\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M10 13h4\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-benefits-clear__check\">\u2713<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-benefits-clear__content\">\r\n          <h3>Mo\u017cliwo\u015b\u0107 wymiany pojedynczego elementu<\/h3>\r\n\r\n          <p>\r\n            Je\u017celi pozosta\u0142e cz\u0119\u015bci mechanizmu nadaj\u0105 si\u0119 do dalszej\r\n            pracy, wykonanie samego ko\u0142a mo\u017ce ograniczy\u0107 zakres naprawy\r\n            bez wymiany ca\u0142ego podzespo\u0142u.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-benefits-clear__card\">\r\n        <div class=\"prx-gear-benefits-clear__card-icon-wrap\">\r\n\r\n          <div class=\"prx-gear-benefits-clear__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M5 3h10l4 4v14H5V3Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M15 3v5h4M8 12h8M8 16h6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-benefits-clear__check\">\u2713<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-benefits-clear__content\">\r\n          <h3>Uporz\u0105dkowana geometria zamiennika<\/h3>\r\n\r\n          <p>\r\n            Analiza wymiar\u00f3w, uz\u0119bienia, piasty i sposobu monta\u017cu tworzy\r\n            sp\u00f3jn\u0105 podstaw\u0119 wykonania elementu oraz ewentualnych kolejnych\r\n            realizacji.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-benefits-clear__card\">\r\n        <div class=\"prx-gear-benefits-clear__card-icon-wrap\">\r\n\r\n          <div class=\"prx-gear-benefits-clear__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M12 3v5M12 16v5M3 12h5M16 12h5\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"4\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-benefits-clear__check\">\u2713<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-benefits-clear__content\">\r\n          <h3>Materia\u0142 dobrany do warunk\u00f3w pracy<\/h3>\r\n\r\n          <p>\r\n            Mo\u017cna ponownie przeanalizowa\u0107 obci\u0105\u017cenie, \u015brodowisko pracy,\r\n            materia\u0142 oraz potrzebn\u0105 obr\u00f3bk\u0119 ciepln\u0105, zamiast automatycznie\r\n            kopiowa\u0107 poprzedni wariant.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"prx-gear-benefits-clear__card\">\r\n        <div class=\"prx-gear-benefits-clear__card-icon-wrap\">\r\n\r\n          <div class=\"prx-gear-benefits-clear__icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle\r\n                cx=\"8\"\r\n                cy=\"12\"\r\n                r=\"4\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <circle\r\n                cx=\"16\"\r\n                cy=\"12\"\r\n                r=\"4\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <path\r\n                d=\"M8 8V5M16 16v3\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"prx-gear-benefits-clear__check\">\u2713<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-benefits-clear__content\">\r\n          <h3>Pojedyncze sztuki i kr\u00f3tkie serie<\/h3>\r\n\r\n          <p>\r\n            Zakres mo\u017ce obejmowa\u0107 pojedynczy element potrzebny do naprawy,\r\n            cz\u0119\u015b\u0107 prototypow\u0105 albo kr\u00f3tk\u0105 seri\u0119 do niestandardowego\r\n            urz\u0105dzenia.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n\r\n    <div class=\"prx-gear-benefits-clear__cta\">\r\n\r\n      <div class=\"prx-gear-benefits-clear__cta-copy\">\r\n        <h3>Sprawd\u017a mo\u017cliwo\u015b\u0107 wykonania zamiennika<\/h3>\r\n\r\n        <p>\r\n          Prze\u015blij rysunek albo zdj\u0119cia zu\u017cytego ko\u0142a, podstawowe wymiary\r\n          oraz opis maszyny. Ocenimy dost\u0119pne mo\u017cliwo\u015bci realizacji.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        class=\"prx-gear-benefits-clear__button\"\r\n        href=\"\/kontakt\/\"\r\n        aria-label=\"Zapytaj o wykonanie zamiennika ko\u0142a z\u0119batego\"\r\n      >\r\n        Wyce\u0144 wykonanie zamiennika\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path\r\n            d=\"M5 12h14M13 6l6 6-6 6\"\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        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const SVG_NS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n      function svgElement(name, attributes) {\r\n        const element = document.createElementNS(SVG_NS, name);\r\n\r\n        Object.keys(attributes || {}).forEach(function (key) {\r\n          element.setAttribute(key, attributes[key]);\r\n        });\r\n\r\n        return element;\r\n      }\r\n\r\n      function point(radius, angle) {\r\n        return {\r\n          x: radius * Math.cos(angle),\r\n          y: radius * Math.sin(angle)\r\n        };\r\n      }\r\n\r\n      function pointText(value) {\r\n        return value.x.toFixed(3) + \" \" + value.y.toFixed(3);\r\n      }\r\n\r\n      function createGearPath(teeth, moduleSize) {\r\n        const fullCircle = Math.PI * 2;\r\n        const pressureAngle = 20 * Math.PI \/ 180;\r\n\r\n        const pitchRadius = teeth * moduleSize \/ 2;\r\n        const baseRadius = pitchRadius * Math.cos(pressureAngle);\r\n        const outerRadius = pitchRadius + moduleSize;\r\n        const rootRadius = pitchRadius - 1.25 * moduleSize;\r\n\r\n        const toothPitch = fullCircle \/ teeth;\r\n        const halfToothAngle = Math.PI \/ (2 * teeth);\r\n        const involuteAtPitch =\r\n          Math.tan(pressureAngle) - pressureAngle;\r\n\r\n        function involuteValue(radius) {\r\n          const ratio = Math.min(1, baseRadius \/ radius);\r\n          const alpha = Math.acos(ratio);\r\n\r\n          return Math.tan(alpha) - alpha;\r\n        }\r\n\r\n        function flankAngle(radius) {\r\n          return (\r\n            halfToothAngle +\r\n            involuteAtPitch -\r\n            involuteValue(radius)\r\n          );\r\n        }\r\n\r\n        const baseFlankAngle =\r\n          halfToothAngle + involuteAtPitch;\r\n\r\n        const outerFlankAngle =\r\n          flankAngle(outerRadius);\r\n\r\n        const transitionAngle =\r\n          toothPitch * 0.045;\r\n\r\n        const flankSteps = 7;\r\n        let path = \"\";\r\n\r\n        for (let tooth = 0; tooth < teeth; tooth++) {\r\n          const centerAngle = tooth * toothPitch;\r\n\r\n          const gapStartAngle =\r\n            centerAngle - toothPitch \/ 2;\r\n\r\n          const leftRootApproachAngle =\r\n            centerAngle -\r\n            baseFlankAngle -\r\n            transitionAngle;\r\n\r\n          const leftBaseAngle =\r\n            centerAngle - baseFlankAngle;\r\n\r\n          const rightBaseAngle =\r\n            centerAngle + baseFlankAngle;\r\n\r\n          const rightRootDepartureAngle =\r\n            centerAngle +\r\n            baseFlankAngle +\r\n            transitionAngle;\r\n\r\n          const gapEndAngle =\r\n            centerAngle + toothPitch \/ 2;\r\n\r\n          const gapStart =\r\n            point(rootRadius, gapStartAngle);\r\n\r\n          const leftRootApproach =\r\n            point(rootRadius, leftRootApproachAngle);\r\n\r\n          const leftRootControl =\r\n            point(rootRadius, leftBaseAngle);\r\n\r\n          const leftBase =\r\n            point(baseRadius, leftBaseAngle);\r\n\r\n          if (tooth === 0) {\r\n            path += \"M \" + pointText(gapStart) + \" \";\r\n          } else {\r\n            path += \"L \" + pointText(gapStart) + \" \";\r\n          }\r\n\r\n          path +=\r\n            \"A \" +\r\n            rootRadius.toFixed(3) + \" \" +\r\n            rootRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointText(leftRootApproach) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"Q \" +\r\n            pointText(leftRootControl) +\r\n            \" \" +\r\n            pointText(leftBase) +\r\n            \" \";\r\n\r\n          for (let step = 1; step <= flankSteps; step++) {\r\n            const progress = step \/ flankSteps;\r\n\r\n            const radius =\r\n              baseRadius +\r\n              (outerRadius - baseRadius) * progress;\r\n\r\n            const angle =\r\n              centerAngle - flankAngle(radius);\r\n\r\n            path +=\r\n              \"L \" +\r\n              pointText(point(radius, angle)) +\r\n              \" \";\r\n          }\r\n\r\n          const rightOuter =\r\n            point(\r\n              outerRadius,\r\n              centerAngle + outerFlankAngle\r\n            );\r\n\r\n          path +=\r\n            \"A \" +\r\n            outerRadius.toFixed(3) + \" \" +\r\n            outerRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointText(rightOuter) +\r\n            \" \";\r\n\r\n          for (\r\n            let step = flankSteps - 1;\r\n            step >= 0;\r\n            step--\r\n          ) {\r\n            const progress = step \/ flankSteps;\r\n\r\n            const radius =\r\n              baseRadius +\r\n              (outerRadius - baseRadius) * progress;\r\n\r\n            const angle =\r\n              centerAngle + flankAngle(radius);\r\n\r\n            path +=\r\n              \"L \" +\r\n              pointText(point(radius, angle)) +\r\n              \" \";\r\n          }\r\n\r\n          const rightBase =\r\n            point(baseRadius, rightBaseAngle);\r\n\r\n          const rightRootControl =\r\n            point(rootRadius, rightBaseAngle);\r\n\r\n          const rightRootDeparture =\r\n            point(rootRadius, rightRootDepartureAngle);\r\n\r\n          const gapEnd =\r\n            point(rootRadius, gapEndAngle);\r\n\r\n          path += \"L \" + pointText(rightBase) + \" \";\r\n\r\n          path +=\r\n            \"Q \" +\r\n            pointText(rightRootControl) +\r\n            \" \" +\r\n            pointText(rightRootDeparture) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"A \" +\r\n            rootRadius.toFixed(3) + \" \" +\r\n            rootRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointText(gapEnd) +\r\n            \" \";\r\n        }\r\n\r\n        path += \"Z\";\r\n\r\n        return {\r\n          path: path,\r\n          pitchRadius: pitchRadius\r\n        };\r\n      }\r\n\r\n      function addCircle(group, attributes, className) {\r\n        const circle = svgElement(\"circle\", attributes);\r\n\r\n        circle.setAttribute(\"class\", className);\r\n        group.appendChild(circle);\r\n\r\n        return circle;\r\n      }\r\n\r\n      function buildGear(\r\n        group,\r\n        options,\r\n        bodyGradient,\r\n        hubGradient,\r\n        shadow\r\n      ) {\r\n        const geometry = createGearPath(\r\n          options.teeth,\r\n          options.module\r\n        );\r\n\r\n        const body = svgElement(\"path\", {\r\n          d: geometry.path,\r\n          fill: \"url(#\" + bodyGradient + \")\",\r\n          filter: \"url(#\" + shadow + \")\",\r\n          class: \"prx-gear-benefits-clear__motion-body\"\r\n        });\r\n\r\n        group.appendChild(body);\r\n\r\n        const hubRadius =\r\n          geometry.pitchRadius * options.hubRatio;\r\n\r\n        const boreRadius =\r\n          geometry.pitchRadius * options.boreRatio;\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius,\r\n            fill: \"url(#\" + hubGradient + \")\"\r\n          },\r\n          \"prx-gear-benefits-clear__motion-hub\"\r\n        );\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius * 0.82\r\n          },\r\n          \"prx-gear-benefits-clear__motion-ring\"\r\n        );\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius * 0.67\r\n          },\r\n          \"prx-gear-benefits-clear__motion-ring prx-gear-benefits-clear__motion-ring--dark\"\r\n        );\r\n\r\n        if (options.bolts) {\r\n          const boltOrbit =\r\n            geometry.pitchRadius * 0.49;\r\n\r\n          const boltRadius =\r\n            options.module * 0.56;\r\n\r\n          for (\r\n            let index = 0;\r\n            index < options.bolts;\r\n            index++\r\n          ) {\r\n            const angle =\r\n              -Math.PI \/ 2 +\r\n              index * Math.PI * 2 \/ options.bolts;\r\n\r\n            const boltPoint =\r\n              point(boltOrbit, angle);\r\n\r\n            addCircle(\r\n              group,\r\n              {\r\n                cx: boltPoint.x,\r\n                cy: boltPoint.y,\r\n                r: boltRadius\r\n              },\r\n              \"prx-gear-benefits-clear__motion-bolt\"\r\n            );\r\n          }\r\n        }\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: boreRadius\r\n          },\r\n          \"prx-gear-benefits-clear__motion-bore\"\r\n        );\r\n\r\n        const keywayWidth =\r\n          options.module * 1.43;\r\n\r\n        const keyway = svgElement(\"rect\", {\r\n          x: -keywayWidth \/ 2,\r\n          y:\r\n            -boreRadius -\r\n            options.module * 0.52,\r\n          width: keywayWidth,\r\n          height: options.module * 1.5,\r\n          rx: options.module * 0.11,\r\n          class:\r\n            \"prx-gear-benefits-clear__motion-keyway\"\r\n        });\r\n\r\n        group.appendChild(keyway);\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: boreRadius + 4\r\n          },\r\n          \"prx-gear-benefits-clear__motion-ring\"\r\n        );\r\n      }\r\n\r\n      function initializeBenefitGears() {\r\n        const sections = document.querySelectorAll(\r\n          \".prx-gear-benefits-clear:not([data-benefit-gears-ready])\"\r\n        );\r\n\r\n        sections.forEach(function (section, index) {\r\n          section.setAttribute(\r\n            \"data-benefit-gears-ready\",\r\n            \"true\"\r\n          );\r\n\r\n          const defs = section.querySelector(\r\n            \".prx-gear-benefits-clear__motion-defs\"\r\n          );\r\n\r\n          const gearA = section.querySelector(\r\n            '[data-prx-benefit-gear=\"a\"]'\r\n          );\r\n\r\n          const gearB = section.querySelector(\r\n            '[data-prx-benefit-gear=\"b\"]'\r\n          );\r\n\r\n          const gearC = section.querySelector(\r\n            '[data-prx-benefit-gear=\"c\"]'\r\n          );\r\n\r\n          if (!defs || !gearA || !gearB || !gearC) {\r\n            return;\r\n          }\r\n\r\n          const uniqueId =\r\n            \"prx-benefit-gears-\" +\r\n            index +\r\n            \"-\" +\r\n            Math.random().toString(36).slice(2, 8);\r\n\r\n          const mainGradient =\r\n            uniqueId + \"-main\";\r\n\r\n          const secondGradient =\r\n            uniqueId + \"-second\";\r\n\r\n          const lightGradient =\r\n            uniqueId + \"-light\";\r\n\r\n          const hubGradient =\r\n            uniqueId + \"-hub\";\r\n\r\n          const shadow =\r\n            uniqueId + \"-shadow\";\r\n\r\n          defs.innerHTML =\r\n            '<linearGradient id=\"' +\r\n            mainGradient +\r\n            '\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#ffffff\"\/>' +\r\n              '<stop offset=\"19%\" stop-color=\"#a7b4bd\"\/>' +\r\n              '<stop offset=\"41%\" stop-color=\"#eef2f4\"\/>' +\r\n              '<stop offset=\"64%\" stop-color=\"#8798a4\"\/>' +\r\n              '<stop offset=\"83%\" stop-color=\"#dce3e7\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#748793\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<linearGradient id=\"' +\r\n            secondGradient +\r\n            '\" x1=\"10%\" y1=\"0%\" x2=\"90%\" y2=\"100%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#e8edf0\"\/>' +\r\n              '<stop offset=\"26%\" stop-color=\"#899aa5\"\/>' +\r\n              '<stop offset=\"51%\" stop-color=\"#d7dfe3\"\/>' +\r\n              '<stop offset=\"76%\" stop-color=\"#70838f\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#b9c4cb\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<linearGradient id=\"' +\r\n            lightGradient +\r\n            '\" x1=\"0%\" y1=\"20%\" x2=\"100%\" y2=\"80%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#f7f9fa\"\/>' +\r\n              '<stop offset=\"31%\" stop-color=\"#9cabb5\"\/>' +\r\n              '<stop offset=\"58%\" stop-color=\"#e2e7ea\"\/>' +\r\n              '<stop offset=\"82%\" stop-color=\"#788a96\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#c4cdd3\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<radialGradient id=\"' +\r\n            hubGradient +\r\n            '\" cx=\"34%\" cy=\"28%\" r=\"78%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#ffffff\"\/>' +\r\n              '<stop offset=\"33%\" stop-color=\"#bdc7cd\"\/>' +\r\n              '<stop offset=\"68%\" stop-color=\"#8696a1\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#5c707d\"\/>' +\r\n            '<\/radialGradient>' +\r\n\r\n            '<filter id=\"' +\r\n            shadow +\r\n            '\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">' +\r\n              '<feDropShadow dx=\"0\" dy=\"8\" stdDeviation=\"8\" flood-color=\"#071b33\" flood-opacity=\"0.18\"\/>' +\r\n            '<\/filter>';\r\n\r\n          buildGear(\r\n            gearA,\r\n            {\r\n              teeth: 32,\r\n              module: 9,\r\n              hubRatio: 0.64,\r\n              boreRatio: 0.22,\r\n              bolts: 6\r\n            },\r\n            mainGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          buildGear(\r\n            gearB,\r\n            {\r\n              teeth: 20,\r\n              module: 9,\r\n              hubRatio: 0.61,\r\n              boreRatio: 0.25,\r\n              bolts: 0\r\n            },\r\n            secondGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          buildGear(\r\n            gearC,\r\n            {\r\n              teeth: 16,\r\n              module: 9,\r\n              hubRatio: 0.6,\r\n              boreRatio: 0.27,\r\n              bolts: 0\r\n            },\r\n            lightGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          const baseAngles = {\r\n            a: -30,\r\n            b: 141,\r\n            c: 237.75\r\n          };\r\n\r\n          let targetAngle = 0;\r\n          let currentAngle = 0;\r\n          let frame = null;\r\n          let visible = true;\r\n\r\n          const reducedMotion =\r\n            window.matchMedia(\r\n              \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n          function applyRotation(masterAngle) {\r\n            const angleA =\r\n              baseAngles.a + masterAngle;\r\n\r\n            const angleB =\r\n              baseAngles.b -\r\n              masterAngle * 32 \/ 20;\r\n\r\n            const angleC =\r\n              baseAngles.c +\r\n              masterAngle * 32 \/ 16;\r\n\r\n            gearA.setAttribute(\r\n              \"transform\",\r\n              \"translate(330 360) rotate(\" +\r\n              angleA +\r\n              \")\"\r\n            );\r\n\r\n            gearB.setAttribute(\r\n              \"transform\",\r\n              \"translate(532.65 243) rotate(\" +\r\n              angleB +\r\n              \")\"\r\n            );\r\n\r\n            gearC.setAttribute(\r\n              \"transform\",\r\n              \"translate(590.7 394.2) rotate(\" +\r\n              angleC +\r\n              \")\"\r\n            );\r\n          }\r\n\r\n          function render() {\r\n            currentAngle +=\r\n              (targetAngle - currentAngle) * 0.11;\r\n\r\n            applyRotation(currentAngle);\r\n\r\n            if (\r\n              Math.abs(targetAngle - currentAngle) >\r\n              0.015\r\n            ) {\r\n              frame = requestAnimationFrame(render);\r\n            } else {\r\n              currentAngle = targetAngle;\r\n              applyRotation(currentAngle);\r\n              frame = null;\r\n            }\r\n          }\r\n\r\n          function requestRender() {\r\n            if (frame === null && visible) {\r\n              frame = requestAnimationFrame(render);\r\n            }\r\n          }\r\n\r\n          function updateFromScroll() {\r\n            if (!visible) return;\r\n\r\n            if (reducedMotion.matches) {\r\n              targetAngle = 0;\r\n              currentAngle = 0;\r\n              applyRotation(0);\r\n              return;\r\n            }\r\n\r\n            const rect =\r\n              section.getBoundingClientRect();\r\n\r\n            const viewportHeight =\r\n              window.innerHeight ||\r\n              document.documentElement.clientHeight;\r\n\r\n            const progress = Math.max(\r\n              0,\r\n              Math.min(\r\n                1,\r\n                (\r\n                  viewportHeight - rect.top\r\n                ) \/\r\n                (\r\n                  viewportHeight + rect.height\r\n                )\r\n              )\r\n            );\r\n\r\n            targetAngle = progress * 200;\r\n            requestRender();\r\n          }\r\n\r\n          if (\"IntersectionObserver\" in window) {\r\n            const observer =\r\n              new IntersectionObserver(\r\n                function (entries) {\r\n                  visible =\r\n                    entries[0].isIntersecting;\r\n\r\n                  if (visible) {\r\n                    updateFromScroll();\r\n                  }\r\n                },\r\n                {\r\n                  rootMargin: \"150px 0px\"\r\n                }\r\n              );\r\n\r\n            observer.observe(section);\r\n          }\r\n\r\n          applyRotation(0);\r\n          updateFromScroll();\r\n\r\n          window.addEventListener(\r\n            \"scroll\",\r\n            updateFromScroll,\r\n            { passive: true }\r\n          );\r\n\r\n          window.addEventListener(\r\n            \"resize\",\r\n            updateFromScroll,\r\n            { passive: true }\r\n          );\r\n        });\r\n      }\r\n\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n          \"DOMContentLoaded\",\r\n          initializeBenefitGears\r\n        );\r\n      } else {\r\n        initializeBenefitGears();\r\n      }\r\n\r\n      window.addEventListener(\r\n        \"elementor\/frontend\/init\",\r\n        function () {\r\n          setTimeout(\r\n            initializeBenefitGears,\r\n            250\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\n<\/div>\n<div class=\"elementor-element elementor-element-f4c197f e-con e-atomic-element e-flexbox-base e-f4c197f-005fae6 \" data-id=\"f4c197f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f4c197f\">\n    \t\t<div class=\"elementor-element elementor-element-ef2171b elementor-widget elementor-widget-html\" data-id=\"ef2171b\" 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 \/ BRAN\u017bE I ZASTOSOWANIA\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-gear-industries\"\r\n  id=\"zastosowania-kol-zebatych\"\r\n  aria-labelledby=\"prx-gear-industries-title\"\r\n>\r\n  <style>\r\n    .prx-gear-industries,\r\n    .prx-gear-industries * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-industries {\r\n      --prx-navy: #071b33;\r\n      --prx-navy-light: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #4d6072;\r\n      --prx-border: #dfe5ec;\r\n      --prx-gray: #f4f6f9;\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: 98px 24px 104px;\r\n      background: #ffffff;\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-gear-industries::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -290px;\r\n      left: -265px;\r\n      width: 620px;\r\n      height: 620px;\r\n      border: 1px solid rgba(6, 35, 61, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 80px rgba(6, 35, 61, 0.013),\r\n        inset 0 0 0 160px rgba(6, 35, 61, 0.009);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-industries::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -190px;\r\n      bottom: -260px;\r\n      width: 500px;\r\n      height: 500px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(225, 6, 0, 0.045),\r\n          rgba(6, 35, 61, 0.018) 48%,\r\n          transparent 70%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-industries__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-industries__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.9fr)\r\n        minmax(430px, 1.1fr);\r\n      gap: 74px;\r\n      align-items: end;\r\n      margin-bottom: 51px;\r\n    }\r\n\r\n    .prx-gear-industries__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 18px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: var(--prx-gray);\r\n      color: var(--prx-red);\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: 0.075em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-industries__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 6px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    .prx-gear-industries h2 {\r\n      max-width: 720px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(34px, 4vw, 56px);\r\n      line-height: 1.03;\r\n      font-weight: 950;\r\n      letter-spacing: -0.052em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-industries__accent {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .prx-gear-industries__accent span {\r\n      display: block;\r\n      height: 4px;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-industries__accent span:first-child {\r\n      width: 48px;\r\n    }\r\n\r\n    .prx-gear-industries__accent span:nth-child(2),\r\n    .prx-gear-industries__accent span:nth-child(3) {\r\n      width: 6px;\r\n    }\r\n\r\n    .prx-gear-industries__intro {\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 17px;\r\n      line-height: 1.75;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .prx-gear-industries__intro strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* ======================================================\r\n       UK\u0141AD\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-industries__layout {\r\n      display: grid;\r\n      grid-template-columns: 410px minmax(0, 1fr);\r\n      gap: 25px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    \/* ======================================================\r\n       GRAFICZNY PANEL Z KO\u0141AMI\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-industries__visual {\r\n      position: relative;\r\n      min-height: 650px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 25px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 44%,\r\n          rgba(6, 35, 61, 0.065),\r\n          transparent 43%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #f7f9fb,\r\n          #edf2f5\r\n        );\r\n      box-shadow: 0 22px 58px rgba(7, 27, 51, 0.08);\r\n    }\r\n\r\n    .prx-gear-industries__visual::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -145px;\r\n      left: -105px;\r\n      width: 330px;\r\n      height: 330px;\r\n      border: 1px solid rgba(6, 35, 61, 0.05);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 45px rgba(6, 35, 61, 0.013);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-industries__visual::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -135px;\r\n      bottom: -155px;\r\n      width: 340px;\r\n      height: 340px;\r\n      border: 1px solid rgba(225, 6, 0, 0.06);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 46px rgba(225, 6, 0, 0.018);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-industries__visual-head {\r\n      position: relative;\r\n      z-index: 3;\r\n      padding: 31px 31px 0;\r\n    }\r\n\r\n    .prx-gear-industries__visual-kicker {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: var(--prx-red);\r\n      font-size: 10px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-industries__visual-head h3 {\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: 25px;\r\n      line-height: 1.15;\r\n      font-weight: 950;\r\n      letter-spacing: -0.04em;\r\n    }\r\n\r\n    .prx-gear-industries__visual-head p {\r\n      margin: 13px 0 0;\r\n      color: #586b7c;\r\n      font-size: 14px;\r\n      line-height: 1.62;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* Centralny mechanizm *\/\r\n\r\n    .prx-gear-industries__mechanism {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 56%;\r\n      width: 325px;\r\n      height: 325px;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .prx-gear-industries__orbit {\r\n      position: absolute;\r\n      inset: 0;\r\n      border: 1px dashed rgba(6, 35, 61, 0.18);\r\n      border-radius: 50%;\r\n      animation: prxGearIndustriesRotate 38s linear infinite;\r\n    }\r\n\r\n    .prx-gear-industries__orbit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 38px;\r\n      border: 1px solid rgba(6, 35, 61, 0.1);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-industries__orbit::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 70px;\r\n      border: 1px dashed rgba(225, 6, 0, 0.18);\r\n      border-radius: 50%;\r\n      animation: prxGearIndustriesRotateBack 25s linear infinite;\r\n    }\r\n\r\n    .prx-gear-industries__center {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 4;\r\n      width: 166px;\r\n      height: 166px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 23px;\r\n      border: 8px solid rgba(255, 255, 255, 0.16);\r\n      border-radius: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background:\r\n        radial-gradient(\r\n          circle at 34% 25%,\r\n          rgba(255, 255, 255, 0.12),\r\n          transparent 28%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #0c385b,\r\n          #071b33\r\n        );\r\n      box-shadow:\r\n        0 25px 48px rgba(7, 27, 51, 0.22),\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.11);\r\n      color: #ffffff;\r\n      text-align: center;\r\n    }\r\n\r\n    .prx-gear-industries__center::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -19px;\r\n      z-index: -1;\r\n      border: 1px solid rgba(6, 35, 61, 0.12);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-industries__center span {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      color: #ff514c;\r\n      font-size: 9px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-industries__center strong {\r\n      display: block;\r\n      color: #ffffff;\r\n      font-size: 20px;\r\n      line-height: 1.15;\r\n      font-weight: 950;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    .prx-gear-industries__center small {\r\n      display: block;\r\n      margin-top: 7px;\r\n      color: #d6e1ea;\r\n      font-size: 10px;\r\n      line-height: 1.35;\r\n      font-weight: 650;\r\n    }\r\n\r\n    \/* Cztery punkty wok\u00f3\u0142 ko\u0142a *\/\r\n\r\n    .prx-gear-industries__node {\r\n      position: absolute;\r\n      z-index: 5;\r\n      min-width: 85px;\r\n      padding: 9px 11px;\r\n      border: 1px solid #d9e1e7;\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      box-shadow: 0 10px 24px rgba(7, 27, 51, 0.09);\r\n      color: var(--prx-navy);\r\n      font-size: 10px;\r\n      line-height: 1;\r\n      font-weight: 850;\r\n      text-align: center;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-industries__node::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-industries__node--top {\r\n      top: -6px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--top::before {\r\n      left: 50%;\r\n      bottom: -22px;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--right {\r\n      top: 50%;\r\n      right: -19px;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--right::before {\r\n      left: -21px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--bottom {\r\n      left: 50%;\r\n      bottom: -6px;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--bottom::before {\r\n      left: 50%;\r\n      top: -22px;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--left {\r\n      left: -18px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__node--left::before {\r\n      right: -21px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .prx-gear-industries__visual-note {\r\n      position: absolute;\r\n      left: 29px;\r\n      right: 29px;\r\n      bottom: 27px;\r\n      z-index: 5;\r\n      display: grid;\r\n      grid-template-columns: 34px minmax(0, 1fr);\r\n      gap: 12px;\r\n      align-items: start;\r\n      padding: 15px 16px;\r\n      border: 1px solid #dce3e9;\r\n      border-radius: 13px;\r\n      background: rgba(255, 255, 255, 0.89);\r\n      box-shadow: 0 13px 30px rgba(7, 27, 51, 0.07);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .prx-gear-industries__visual-note-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 10px;\r\n      background: rgba(225, 6, 0, 0.09);\r\n      color: var(--prx-red);\r\n      font-size: 16px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    .prx-gear-industries__visual-note p {\r\n      margin: 0;\r\n      color: #526678;\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .prx-gear-industries__visual-note strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 900;\r\n    }\r\n\r\n    \/* ======================================================\r\n       KARTY BRAN\u017b\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-industries__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 17px;\r\n    }\r\n\r\n    .prx-gear-industries__card {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 25px 24px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #ffffff,\r\n          #fafbfd\r\n        );\r\n      box-shadow: 0 15px 38px rgba(7, 27, 51, 0.055);\r\n      transition:\r\n        transform 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .prx-gear-industries__card:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(225, 6, 0, 0.26);\r\n      box-shadow: 0 22px 46px rgba(7, 27, 51, 0.1);\r\n    }\r\n\r\n    .prx-gear-industries__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -54px;\r\n      bottom: -67px;\r\n      width: 150px;\r\n      height: 150px;\r\n      border: 1px solid rgba(6, 35, 61, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 24px rgba(6, 35, 61, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-industries__card--wide {\r\n      grid-column: 1 \/ -1;\r\n      display: grid;\r\n      grid-template-columns: 68px minmax(0, 1fr) auto;\r\n      gap: 20px;\r\n      align-items: center;\r\n      min-height: 150px;\r\n    }\r\n\r\n    .prx-gear-industries__card-icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 57px;\r\n      height: 57px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dfe6ec;\r\n      border-radius: 16px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #f6f8fa,\r\n          #edf2f5\r\n        );\r\n      color: var(--prx-navy);\r\n      transition:\r\n        color 0.25s ease,\r\n        background 0.25s ease;\r\n    }\r\n\r\n    .prx-gear-industries__card:hover\r\n    .prx-gear-industries__card-icon {\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #fff5f5,\r\n          #fce8e8\r\n        );\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-industries__card-icon svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .prx-gear-industries__card-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n    }\r\n\r\n    .prx-gear-industries__card-tag {\r\n      display: inline-flex;\r\n      margin-bottom: 9px;\r\n      padding: 6px 9px;\r\n      border: 1px solid #e1e7ec;\r\n      border-radius: 999px;\r\n      background: #f6f8fa;\r\n      color: #677989;\r\n      font-size: 9px;\r\n      line-height: 1;\r\n      font-weight: 850;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-industries__card h3 {\r\n      margin: 0 0 9px;\r\n      color: var(--prx-navy);\r\n      font-size: 20px;\r\n      line-height: 1.25;\r\n      font-weight: 950;\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    .prx-gear-industries__card p {\r\n      margin: 0;\r\n      color: #526678;\r\n      font-size: 14px;\r\n      line-height: 1.62;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .prx-gear-industries__card-side {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: 10px 13px;\r\n      border-radius: 11px;\r\n      background: var(--prx-gray);\r\n      color: var(--prx-navy);\r\n      font-size: 11px;\r\n      line-height: 1.3;\r\n      font-weight: 850;\r\n      text-align: center;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    \/* ======================================================\r\n       CTA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-industries__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 58px minmax(0, 1fr) auto;\r\n      gap: 20px;\r\n      align-items: center;\r\n      margin-top: 27px;\r\n      overflow: hidden;\r\n      padding: 25px 27px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 92% 10%,\r\n          rgba(6, 35, 61, 0.045),\r\n          transparent 32%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #f7f9fb,\r\n          #edf2f5\r\n        );\r\n      box-shadow: 0 18px 44px rgba(7, 27, 51, 0.07);\r\n    }\r\n\r\n    .prx-gear-industries__cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -72px;\r\n      top: -97px;\r\n      width: 220px;\r\n      height: 220px;\r\n      border: 1px solid rgba(6, 35, 61, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 35px rgba(6, 35, 61, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-industries__cta-icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 58px;\r\n      height: 58px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 16px;\r\n      background: var(--prx-navy);\r\n      box-shadow: 0 13px 28px rgba(7, 27, 51, 0.16);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-gear-industries__cta-icon svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .prx-gear-industries__cta-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .prx-gear-industries__cta-copy h3 {\r\n      margin: 0 0 6px;\r\n      color: var(--prx-navy);\r\n      font-size: 20px;\r\n      line-height: 1.25;\r\n      font-weight: 950;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-industries__cta-copy p {\r\n      margin: 0;\r\n      color: #526678;\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .prx-gear-industries__button {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 11px;\r\n      min-height: 50px;\r\n      padding: 15px 21px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.23);\r\n      color: #ffffff !important;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      text-decoration: none !important;\r\n      white-space: nowrap;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-industries__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 19px 35px rgba(225, 6, 0, 0.32);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-industries__button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-industries__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       ANIMACJE\r\n    ====================================================== *\/\r\n\r\n    @keyframes prxGearIndustriesRotate {\r\n      from {\r\n        transform: rotate(0deg);\r\n      }\r\n\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    @keyframes prxGearIndustriesRotateBack {\r\n      from {\r\n        transform: rotate(0deg);\r\n      }\r\n\r\n      to {\r\n        transform: rotate(-360deg);\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 1050px) {\r\n      .prx-gear-industries__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      .prx-gear-industries__intro {\r\n        max-width: 850px;\r\n      }\r\n\r\n      .prx-gear-industries__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-industries__visual {\r\n        min-height: 610px;\r\n      }\r\n\r\n      .prx-gear-industries__cta {\r\n        grid-template-columns: 58px minmax(0, 1fr);\r\n      }\r\n\r\n      .prx-gear-industries__button {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 720px) {\r\n      .prx-gear-industries {\r\n        padding: 70px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-industries__header {\r\n        gap: 22px;\r\n        margin-bottom: 36px;\r\n      }\r\n\r\n      .prx-gear-industries__label {\r\n        margin-bottom: 16px;\r\n        padding: 8px 12px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .prx-gear-industries h2 {\r\n        font-size: clamp(32px, 10vw, 44px);\r\n      }\r\n\r\n      .prx-gear-industries__intro {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .prx-gear-industries__visual {\r\n        min-height: 570px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .prx-gear-industries__visual-head {\r\n        padding: 25px 22px 0;\r\n      }\r\n\r\n      .prx-gear-industries__visual-head h3 {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .prx-gear-industries__mechanism {\r\n        top: 56%;\r\n        width: 280px;\r\n        height: 280px;\r\n      }\r\n\r\n      .prx-gear-industries__center {\r\n        width: 145px;\r\n        height: 145px;\r\n      }\r\n\r\n      .prx-gear-industries__node {\r\n        min-width: 73px;\r\n        padding: 8px 9px;\r\n        font-size: 8px;\r\n      }\r\n\r\n      .prx-gear-industries__node--right {\r\n        right: -10px;\r\n      }\r\n\r\n      .prx-gear-industries__node--left {\r\n        left: -10px;\r\n      }\r\n\r\n      .prx-gear-industries__visual-note {\r\n        left: 20px;\r\n        right: 20px;\r\n        bottom: 20px;\r\n      }\r\n\r\n      .prx-gear-industries__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 13px;\r\n      }\r\n\r\n      .prx-gear-industries__card,\r\n      .prx-gear-industries__card--wide {\r\n        grid-column: auto;\r\n        display: block;\r\n        min-height: auto;\r\n        padding: 23px 21px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-industries__card-icon {\r\n        margin-bottom: 19px;\r\n      }\r\n\r\n      .prx-gear-industries__card-side {\r\n        display: inline-flex;\r\n        margin-top: 15px;\r\n      }\r\n\r\n      .prx-gear-industries__cta {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n        padding: 22px 20px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-industries__button {\r\n        grid-column: auto;\r\n        width: 100%;\r\n        min-height: 53px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-industries__orbit,\r\n      .prx-gear-industries__orbit::after {\r\n        animation: none !important;\r\n      }\r\n\r\n      .prx-gear-industries__card,\r\n      .prx-gear-industries__card-icon,\r\n      .prx-gear-industries__button,\r\n      .prx-gear-industries__button svg {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-industries__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n    <header class=\"prx-gear-industries__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-gear-industries__label\">\r\n          Bran\u017ce i zastosowania\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-gear-industries-title\">\r\n          Gdzie pracuj\u0105 ko\u0142a z\u0119bate wykonywane na zam\u00f3wienie?\r\n        <\/h2>\r\n\r\n        <div class=\"prx-gear-industries__accent\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-gear-industries__intro\">\r\n        Ko\u0142a wykonywane wed\u0142ug dokumentacji lub wzoru znajduj\u0105 zastosowanie\r\n        przede wszystkim tam, gdzie standardowa cz\u0119\u015b\u0107 nie jest dost\u0119pna.\r\n        <strong>Geometri\u0119, materia\u0142 i technologi\u0119<\/strong> trzeba w\u00f3wczas\r\n        dopasowa\u0107 do konkretnego mechanizmu oraz warunk\u00f3w jego pracy.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-industries__layout\">\r\n\r\n      <!-- PANEL GRAFICZNY -->\r\n      <div class=\"prx-gear-industries__visual\">\r\n\r\n        <div class=\"prx-gear-industries__visual-head\">\r\n          <span class=\"prx-gear-industries__visual-kicker\">\r\n            Punkt wsp\u00f3lny\r\n          <\/span>\r\n\r\n          <h3>Ko\u0142o jest cz\u0119\u015bci\u0105 ca\u0142ego uk\u0142adu<\/h3>\r\n\r\n          <p>\r\n            Dob\u00f3r rozpoczyna si\u0119 od funkcji elementu w maszynie,\r\n            a nie wy\u0142\u0105cznie od jego wymiar\u00f3w.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"prx-gear-industries__mechanism\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <div class=\"prx-gear-industries__orbit\"><\/div>\r\n\r\n          <div class=\"prx-gear-industries__center\">\r\n            <span>Zastosowanie<\/span>\r\n            <strong>Nap\u0119d przemys\u0142owy<\/strong>\r\n            <small>dob\u00f3r wed\u0142ug warunk\u00f3w pracy<\/small>\r\n          <\/div>\r\n\r\n          <div\r\n            class=\"prx-gear-industries__node prx-gear-industries__node--top\"\r\n          >\r\n            Obci\u0105\u017cenie\r\n          <\/div>\r\n\r\n          <div\r\n            class=\"prx-gear-industries__node prx-gear-industries__node--right\"\r\n          >\r\n            Pr\u0119dko\u015b\u0107\r\n          <\/div>\r\n\r\n          <div\r\n            class=\"prx-gear-industries__node prx-gear-industries__node--bottom\"\r\n          >\r\n            \u015arodowisko\r\n          <\/div>\r\n\r\n          <div\r\n            class=\"prx-gear-industries__node prx-gear-industries__node--left\"\r\n          >\r\n            Monta\u017c\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-industries__visual-note\">\r\n\r\n          <div\r\n            class=\"prx-gear-industries__visual-note-icon\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            i\r\n          <\/div>\r\n\r\n          <p>\r\n            <strong>Ta sama geometria nie zawsze oznacza ten sam materia\u0142.<\/strong>\r\n            Istotne s\u0105 obci\u0105\u017cenia, smarowanie, \u015brodowisko i cz\u0119\u015bci\r\n            wsp\u00f3\u0142pracuj\u0105ce.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- KARTY BRAN\u017b -->\r\n      <div class=\"prx-gear-industries__grid\">\r\n\r\n        <!-- UTRZYMANIE RUCHU -->\r\n        <article\r\n          class=\"prx-gear-industries__card prx-gear-industries__card--wide\"\r\n        >\r\n\r\n          <div class=\"prx-gear-industries__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"m14 5 5 5-9 9H5v-5l9-9Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"m12 7 5 5M4 20h16\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-industries__card-content\">\r\n            <span class=\"prx-gear-industries__card-tag\">\r\n              Serwis i cz\u0119\u015bci zamienne\r\n            <\/span>\r\n\r\n            <h3>Utrzymanie ruchu<\/h3>\r\n\r\n            <p>\r\n              Odtwarzanie niedost\u0119pnych cz\u0119\u015bci do istniej\u0105cych maszyn,\r\n              analiza zu\u017cytych element\u00f3w i przygotowanie zamiennik\u00f3w\r\n              potrzebnych do przywr\u00f3cenia pracy mechanizmu.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-industries__card-side\">\r\n            Dokumentacja lub wz\u00f3r\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- PRZEMYS\u0141 MASZYNOWY -->\r\n        <article class=\"prx-gear-industries__card\">\r\n\r\n          <div class=\"prx-gear-industries__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M4 20V8l5 3V8l5 3V5h6v15H4Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M7 16h2M12 16h2M17 16h1\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-industries__card-content\">\r\n            <span class=\"prx-gear-industries__card-tag\">\r\n              Maszyny produkcyjne\r\n            <\/span>\r\n\r\n            <h3>Przemys\u0142 ci\u0119\u017cki i maszynowy<\/h3>\r\n\r\n            <p>\r\n              Ko\u0142a do przek\u0142adni maszyn produkcyjnych, obrabiarek,\r\n              pras i niestandardowych mechanizm\u00f3w przemys\u0142owych.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- ROLNICTWO -->\r\n        <article class=\"prx-gear-industries__card\">\r\n\r\n          <div class=\"prx-gear-industries__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle\r\n                cx=\"7\"\r\n                cy=\"17\"\r\n                r=\"3\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <circle\r\n                cx=\"17\"\r\n                cy=\"17\"\r\n                r=\"2\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n              \/>\r\n              <path\r\n                d=\"M4 14V8h8l3 4h4v3M9 8V5h4l2 3\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-industries__card-content\">\r\n            <span class=\"prx-gear-industries__card-tag\">\r\n              Maszyny rolnicze\r\n            <\/span>\r\n\r\n            <h3>Rolnictwo<\/h3>\r\n\r\n            <p>\r\n              Elementy do skrzy\u0144 bieg\u00f3w, przystawek oraz mechanizm\u00f3w\r\n              stosowanych w ci\u0105gnikach i maszynach rolniczych.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- PROTOTYPOWANIE -->\r\n        <article class=\"prx-gear-industries__card\">\r\n\r\n          <div class=\"prx-gear-industries__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"m4 7.5 8 4.5 8-4.5M12 12v9\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-industries__card-content\">\r\n            <span class=\"prx-gear-industries__card-tag\">\r\n              Nowe konstrukcje\r\n            <\/span>\r\n\r\n            <h3>Prototypowanie i budowa maszyn<\/h3>\r\n\r\n            <p>\r\n              Pojedyncze elementy oraz kr\u00f3tkie serie do test\u00f3w,\r\n              prototyp\u00f3w i niestandardowych urz\u0105dze\u0144.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- SPO\u017bYWCZY I FARMACEUTYCZNY -->\r\n        <article class=\"prx-gear-industries__card\">\r\n\r\n          <div class=\"prx-gear-industries__card-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path\r\n                d=\"M7 4h10v16H7V4Z\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M9 8h6M9 12h6M9 16h4\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linecap=\"round\"\r\n              \/>\r\n              <path\r\n                d=\"M10 4V2h4v2\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.7\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-industries__card-content\">\r\n            <span class=\"prx-gear-industries__card-tag\">\r\n              Wymagaj\u0105ce \u015brodowisko\r\n            <\/span>\r\n\r\n            <h3>Przemys\u0142 spo\u017cywczy i farmaceutyczny<\/h3>\r\n\r\n            <p>\r\n              Warianty ze stali nierdzewnych lub tworzyw konstrukcyjnych,\r\n              dobierane po analizie warunk\u00f3w pracy elementu.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"prx-gear-industries__cta\">\r\n\r\n      <div class=\"prx-gear-industries__cta-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <circle\r\n            cx=\"12\"\r\n            cy=\"12\"\r\n            r=\"6\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.7\"\r\n          \/>\r\n          <circle\r\n            cx=\"12\"\r\n            cy=\"12\"\r\n            r=\"2.2\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.7\"\r\n          \/>\r\n          <path\r\n            d=\"M12 3v2M12 19v2M3 12h2M19 12h2\r\n               M5.6 5.6 7 7M17 17l1.4 1.4\r\n               M18.4 5.6 17 7M7 17l-1.4 1.4\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.7\"\r\n            stroke-linecap=\"round\"\r\n          \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"prx-gear-industries__cta-copy\">\r\n        <h3>Nie widzisz swojej bran\u017cy na li\u015bcie?<\/h3>\r\n\r\n        <p>\r\n          Opisz maszyn\u0119, funkcj\u0119 ko\u0142a, warunki pracy oraz dost\u0119pne dane\r\n          techniczne. Sprawdzimy mo\u017cliwo\u015b\u0107 wykonania elementu.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        class=\"prx-gear-industries__button\"\r\n        href=\"\/kontakt\/\"\r\n        aria-label=\"Opisz zastosowanie ko\u0142a z\u0119batego\"\r\n      >\r\n        Opisz zastosowanie\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path\r\n            d=\"M5 12h14M13 6l6 6-6 6\"\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        <\/svg>\r\n      <\/a>\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-3d5e04f elementor-widget elementor-widget-html\" data-id=\"3d5e04f\" 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 INTERAKTYWNY MODEL 3D KO\u0141A Z\u0118BATEGO\r\n     WERSJA Z AKTYWNYMI PUNKTAMI\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-gear-explorer\"\r\n  id=\"prx-gear-explorer\"\r\n  aria-labelledby=\"prx-gear-explorer-title\"\r\n>\r\n  <style>\r\n    #prx-gear-explorer,\r\n    #prx-gear-explorer * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #prx-gear-explorer {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #465d70;\r\n      --prx-muted: #718396;\r\n      --prx-border: #dce4eb;\r\n      --prx-soft: #f4f6f9;\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: 94px 24px 104px;\r\n      background:\r\n        radial-gradient(circle at 91% 12%, rgba(7, 27, 51, 0.045), transparent 25%),\r\n        #f4f6f9;\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    #prx-gear-explorer::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -235px;\r\n      top: -275px;\r\n      width: 570px;\r\n      height: 570px;\r\n      border: 1px solid rgba(7, 27, 51, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 74px rgba(7, 27, 51, 0.012),\r\n        inset 0 0 0 148px rgba(7, 27, 51, 0.008);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-explorer::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -235px;\r\n      bottom: -335px;\r\n      width: 560px;\r\n      height: 560px;\r\n      border: 1px solid rgba(225, 6, 0, 0.055);\r\n      border-radius: 50%;\r\n      box-shadow: inset 0 0 0 76px rgba(225, 6, 0, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* NAG\u0141\u00d3WEK *\/\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__header {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 760px) minmax(240px, 1fr);\r\n      gap: 48px;\r\n      align-items: end;\r\n      margin-bottom: 43px;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      width: fit-content;\r\n      margin-bottom: 18px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      box-shadow: 0 10px 28px rgba(7, 27, 51, 0.055);\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: 0.065em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    #prx-gear-explorer h2 {\r\n      max-width: 760px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(36px, 4.3vw, 56px);\r\n      line-height: 1.04;\r\n      font-weight: 950;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__header-copy {\r\n      margin: 0 0 2px;\r\n      padding: 3px 0 3px 22px;\r\n      border-left: 3px solid var(--prx-red);\r\n      color: var(--prx-text);\r\n      font-size: 17px;\r\n      line-height: 1.7;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__header-copy strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* G\u0141\u00d3WNY UK\u0141AD *\/\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__workspace {\r\n      display: grid;\r\n      grid-template-columns: 390px minmax(0, 1fr);\r\n      min-height: 650px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 27px;\r\n      background: #ffffff;\r\n      box-shadow: 0 28px 75px rgba(7, 27, 51, 0.105);\r\n    }\r\n\r\n    \/* PANEL INFORMACYJNY *\/\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__panel {\r\n      position: relative;\r\n      z-index: 5;\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n      padding: 32px 28px 28px;\r\n      border-right: 1px solid var(--prx-border);\r\n      background:\r\n        radial-gradient(circle at 5% 6%, rgba(225, 6, 0, 0.055), transparent 26%),\r\n        linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__selection-label {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin-bottom: 11px;\r\n      color: var(--prx-red);\r\n      font-size: 12px;\r\n      line-height: 1.25;\r\n      font-weight: 900;\r\n      letter-spacing: 0.07em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__selection-label::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: currentColor;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__detail h3 {\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: 27px;\r\n      line-height: 1.14;\r\n      font-weight: 930;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__detail p {\r\n      min-height: 78px;\r\n      margin: 13px 0 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.62;\r\n      font-weight: 520;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__detail-meta {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 11px;\r\n      margin-top: 17px;\r\n      padding: 14px 15px;\r\n      border: 1px solid #e0e7ed;\r\n      border-radius: 13px;\r\n      background: #f5f8fa;\r\n      color: #52687a;\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n      font-weight: 650;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__detail-meta svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex: 0 0 20px;\r\n      margin-top: 1px;\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__divider {\r\n      height: 1px;\r\n      margin: 25px 0 19px;\r\n      background: var(--prx-border);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__points-title {\r\n      margin: 0 0 12px;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.3;\r\n      font-weight: 900;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-list {\r\n      display: grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-button {\r\n      width: 100%;\r\n      display: grid;\r\n      grid-template-columns: 36px minmax(0, 1fr) 20px;\r\n      gap: 12px;\r\n      align-items: center;\r\n      min-height: 52px;\r\n      padding: 9px 11px;\r\n      border: 1px solid transparent;\r\n      border-radius: 12px;\r\n      background: transparent;\r\n      color: var(--prx-navy);\r\n      font: inherit;\r\n      text-align: left;\r\n      cursor: pointer;\r\n      transition:\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-gear-explorer .prx-gear-explorer__point-button:hover {\r\n      transform: translateX(3px);\r\n      border-color: #e0e7ed;\r\n      background: #f5f8fa;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-button:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.22);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-button[aria-pressed=\"true\"] {\r\n      border-color: rgba(225, 6, 0, 0.18);\r\n      background: #fff4f4;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-number {\r\n      width: 36px;\r\n      height: 36px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dce4ea;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-button[aria-pressed=\"true\"]\r\n    .prx-gear-explorer__point-number {\r\n      border-color: var(--prx-red);\r\n      background: var(--prx-red);\r\n      color: #ffffff;\r\n      box-shadow: 0 7px 16px rgba(225, 6, 0, 0.2);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-copy strong {\r\n      display: block;\r\n      color: inherit;\r\n      font-size: 15px;\r\n      line-height: 1.24;\r\n      font-weight: 880;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-copy small {\r\n      display: block;\r\n      margin-top: 2px;\r\n      color: #718396;\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 600;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-arrow {\r\n      color: #9ba9b5;\r\n      font-size: 19px;\r\n      line-height: 1;\r\n      transition: transform 0.2s ease, color 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__point-button[aria-pressed=\"true\"]\r\n    .prx-gear-explorer__point-arrow {\r\n      transform: translateX(2px);\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__panel-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 11px;\r\n      width: 100%;\r\n      min-height: 51px;\r\n      margin-top: auto;\r\n      padding: 14px 17px;\r\n      border-radius: 10px;\r\n      background: linear-gradient(180deg, #ed110b, var(--prx-red) 52%, var(--prx-red-dark));\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.22);\r\n      color: #ffffff !important;\r\n      font-size: 15px;\r\n      line-height: 1.25;\r\n      font-weight: 900;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__panel-cta:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 19px 36px rgba(225, 6, 0, 0.3);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__panel-cta svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    \/* SCENA 3D *\/\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__stage {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 650px;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      background:\r\n        radial-gradient(circle at 51% 44%, rgba(255, 255, 255, 0.98) 0 18%, rgba(238, 243, 247, 0.83) 48%, rgba(219, 228, 235, 0.9) 100%);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__stage::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 0;\r\n      width: 560px;\r\n      height: 560px;\r\n      transform: translate(-50%, -50%);\r\n      border: 1px solid rgba(7, 27, 51, 0.06);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 54px rgba(255, 255, 255, 0.2),\r\n        inset 0 0 0 108px rgba(7, 27, 51, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__stage::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 72px;\r\n      z-index: 0;\r\n      width: 58%;\r\n      height: 54px;\r\n      transform: translateX(-50%);\r\n      border-radius: 50%;\r\n      background: rgba(7, 27, 51, 0.12);\r\n      filter: blur(25px);\r\n      opacity: 0.38;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__canvas {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      cursor: grab;\r\n      touch-action: none;\r\n      user-select: none;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__canvas.is-dragging {\r\n      cursor: grabbing;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__stage-top {\r\n      position: absolute;\r\n      left: 22px;\r\n      right: 22px;\r\n      top: 20px;\r\n      z-index: 8;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__status,\r\n    #prx-gear-explorer .prx-gear-explorer__hint {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      min-height: 35px;\r\n      padding: 8px 12px;\r\n      border: 1px solid rgba(7, 27, 51, 0.1);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.84);\r\n      box-shadow: 0 8px 22px rgba(7, 27, 51, 0.07);\r\n      backdrop-filter: blur(10px);\r\n      color: var(--prx-navy);\r\n      font-size: 13px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__status::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #27a979;\r\n      box-shadow: 0 0 0 5px rgba(39, 169, 121, 0.11);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hint svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    \/* Punkty \u015bledz\u0105 rzeczywiste cz\u0119\u015bci modelu *\/\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot-layer {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 7;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: 31px;\r\n      height: 31px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0;\r\n      transform: translate(-50%, -50%);\r\n      border: 2px solid #ffffff;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow:\r\n        0 7px 18px rgba(7, 27, 51, 0.2),\r\n        0 0 0 7px rgba(225, 6, 0, 0.12);\r\n      color: #ffffff;\r\n      font: inherit;\r\n      cursor: pointer;\r\n      pointer-events: auto;\r\n      opacity: 1;\r\n      transition:\r\n        opacity 0.18s ease,\r\n        transform 0.18s ease,\r\n        box-shadow 0.18s ease;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot::before,\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot::before {\r\n      width: 7px;\r\n      height: 7px;\r\n      background: #ffffff;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot::after {\r\n      width: 45px;\r\n      height: 45px;\r\n      border: 1px solid rgba(225, 6, 0, 0.42);\r\n      animation: prxGearHotspotPulse 2.2s ease-out infinite;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot span {\r\n      position: absolute;\r\n      left: 39px;\r\n      top: 50%;\r\n      width: max-content;\r\n      max-width: 190px;\r\n      padding: 8px 11px;\r\n      transform: translateY(-50%) translateX(-4px);\r\n      border: 1px solid rgba(7, 27, 51, 0.14);\r\n      border-radius: 9px;\r\n      background: rgba(7, 27, 51, 0.92);\r\n      box-shadow: 0 9px 22px rgba(7, 27, 51, 0.18);\r\n      color: #ffffff;\r\n      font-size: 12px;\r\n      line-height: 1.25;\r\n      font-weight: 850;\r\n      white-space: nowrap;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: opacity 0.18s ease, transform 0.18s ease;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot.is-label-left span {\r\n      right: 39px;\r\n      left: auto;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot:hover,\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot:focus-visible,\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot.is-active {\r\n      transform: translate(-50%, -50%) scale(1.08);\r\n      box-shadow:\r\n        0 9px 22px rgba(7, 27, 51, 0.24),\r\n        0 0 0 9px rgba(225, 6, 0, 0.14);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot:hover span,\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot:focus-visible span,\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot.is-active span {\r\n      transform: translateY(-50%) translateX(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__hotspot.is-behind {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    @keyframes prxGearHotspotPulse {\r\n      0% { transform: translate(-50%, -50%) scale(0.7); opacity: 0.8; }\r\n      75%, 100% { transform: translate(-50%, -50%) scale(1.28); opacity: 0; }\r\n    }\r\n\r\n    \/* Sterowanie *\/\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__controls {\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 20px;\r\n      z-index: 9;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 7px;\r\n      transform: translateX(-50%);\r\n      border: 1px solid rgba(7, 27, 51, 0.11);\r\n      border-radius: 13px;\r\n      background: rgba(255, 255, 255, 0.88);\r\n      box-shadow: 0 12px 28px rgba(7, 27, 51, 0.1);\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__control {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      min-height: 39px;\r\n      padding: 9px 12px;\r\n      border: 0;\r\n      border-radius: 8px;\r\n      background: transparent;\r\n      color: var(--prx-navy);\r\n      font: inherit;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      cursor: pointer;\r\n      white-space: nowrap;\r\n      transition: background 0.2s ease, color 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__control:hover {\r\n      background: #eef3f6;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__control.is-active {\r\n      background: var(--prx-navy);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__control:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.22);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__control svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      flex: 0 0 17px;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__control-divider {\r\n      width: 1px;\r\n      height: 25px;\r\n      background: #dce4ea;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__fallback {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 12;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 35px;\r\n      background: #eef3f6;\r\n      color: var(--prx-navy);\r\n      font-size: 17px;\r\n      line-height: 1.6;\r\n      font-weight: 750;\r\n      text-align: center;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__fallback.is-visible {\r\n      display: flex;\r\n    }\r\n\r\n    #prx-gear-explorer .prx-gear-explorer__sr-only {\r\n      position: absolute !important;\r\n      width: 1px !important;\r\n      height: 1px !important;\r\n      padding: 0 !important;\r\n      margin: -1px !important;\r\n      overflow: hidden !important;\r\n      clip: rect(0, 0, 0, 0) !important;\r\n      white-space: nowrap !important;\r\n      border: 0 !important;\r\n    }\r\n\r\n    \/* TABLET *\/\r\n\r\n    @media (max-width: 1040px) {\r\n      #prx-gear-explorer {\r\n        padding: 82px 20px 92px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__header-copy {\r\n        max-width: 780px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__stage {\r\n        min-height: 600px;\r\n        order: 1;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__panel {\r\n        order: 2;\r\n        display: grid;\r\n        grid-template-columns: minmax(260px, 0.85fr) minmax(360px, 1.15fr);\r\n        gap: 28px;\r\n        border-top: 1px solid var(--prx-border);\r\n        border-right: 0;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__panel-main {\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__divider {\r\n        display: none;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__panel-cta {\r\n        margin-top: 22px;\r\n      }\r\n    }\r\n\r\n    \/* MOBILE *\/\r\n\r\n    @media (max-width: 720px) {\r\n      #prx-gear-explorer {\r\n        padding: 68px 16px 76px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__header {\r\n        margin-bottom: 32px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__label {\r\n        padding: 8px 12px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      #prx-gear-explorer h2 {\r\n        font-size: clamp(33px, 10vw, 43px);\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__header-copy {\r\n        padding-left: 16px;\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__workspace {\r\n        border-radius: 20px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__stage {\r\n        min-height: 480px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__stage::before {\r\n        width: 390px;\r\n        height: 390px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__stage-top {\r\n        left: 13px;\r\n        right: 13px;\r\n        top: 13px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__status,\r\n      #prx-gear-explorer .prx-gear-explorer__hint {\r\n        min-height: 32px;\r\n        padding: 7px 10px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__hint span {\r\n        display: none;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__hotspot {\r\n        width: 28px;\r\n        height: 28px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__hotspot span {\r\n        display: none;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__controls {\r\n        bottom: 13px;\r\n        max-width: calc(100% - 24px);\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__control {\r\n        padding: 9px 10px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__control span {\r\n        display: none;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__panel {\r\n        display: block;\r\n        padding: 27px 20px 22px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__detail h3 {\r\n        font-size: 24px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__detail p {\r\n        min-height: 0;\r\n        font-size: 16px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__divider {\r\n        display: block;\r\n        margin: 23px 0 17px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__point-button {\r\n        grid-template-columns: 36px minmax(0, 1fr) 18px;\r\n        min-height: 56px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__point-copy strong {\r\n        font-size: 15px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__point-copy small {\r\n        font-size: 13px;\r\n      }\r\n\r\n      #prx-gear-explorer .prx-gear-explorer__panel-cta {\r\n        margin-top: 22px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #prx-gear-explorer *,\r\n      #prx-gear-explorer *::before,\r\n      #prx-gear-explorer *::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-gear-explorer__inner\">\r\n\r\n    <header class=\"prx-gear-explorer__header\">\r\n      <div>\r\n        <span class=\"prx-gear-explorer__label\">\r\n          Interaktywny model 3D\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-gear-explorer-title\">\r\n          Poznaj budow\u0119 ko\u0142a z\u0119batego z ka\u017cdej strony\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"prx-gear-explorer__header-copy\">\r\n        Obr\u00f3\u0107 model, przybli\u017c go i wybierz jeden z aktywnych punkt\u00f3w.\r\n        <strong>Model automatycznie ustawi najlepszy widok<\/strong> oraz\r\n        wska\u017ce wybrany detal konstrukcyjny.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-explorer__workspace\">\r\n\r\n      <!-- PANEL INFORMACYJNY -->\r\n      <aside\r\n        class=\"prx-gear-explorer__panel\"\r\n        aria-label=\"Opis element\u00f3w modelu ko\u0142a z\u0119batego\"\r\n      >\r\n        <div class=\"prx-gear-explorer__panel-main\">\r\n          <div class=\"prx-gear-explorer__detail\">\r\n            <div class=\"prx-gear-explorer__selection-label\">\r\n              Wybrany detal <span data-detail-number>01 \/ 06<\/span>\r\n            <\/div>\r\n\r\n            <h3 data-detail-title>Uz\u0119bienie zewn\u0119trzne<\/h3>\r\n\r\n            <p data-detail-description>\r\n              Cz\u0119\u015b\u0107 robocza ko\u0142a odpowiedzialna za przekazywanie ruchu\r\n              i momentu obrotowego. W modelu odwzorowano 36 z\u0119b\u00f3w prostych\r\n              o p\u0142ynnie ukszta\u0142towanych bokach.\r\n            <\/p>\r\n\r\n            <div class=\"prx-gear-explorer__detail-meta\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" \/>\r\n                <path d=\"M12 10.5v6M12 7.4h.01\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\r\n              <\/svg>\r\n\r\n              <span data-detail-meta>\r\n                Geometri\u0119 uz\u0119bienia dobiera si\u0119 do przek\u0142adni, obci\u0105\u017cenia\r\n                i wymaganej dok\u0142adno\u015bci pracy.\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <a\r\n            class=\"prx-gear-explorer__panel-cta\"\r\n            href=\"\/kontakt\/\"\r\n            aria-label=\"Zapytaj o wykonanie ko\u0142a z\u0119batego\"\r\n          >\r\n            Zapytaj o wykonanie ko\u0142a\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-explorer__panel-points\">\r\n          <div class=\"prx-gear-explorer__divider\"><\/div>\r\n\r\n          <p class=\"prx-gear-explorer__points-title\">\r\n            Wybierz element, kt\u00f3ry chcesz zobaczy\u0107:\r\n          <\/p>\r\n\r\n          <div class=\"prx-gear-explorer__point-list\">\r\n            <button class=\"prx-gear-explorer__point-button\" type=\"button\" data-view=\"teeth\" aria-pressed=\"true\">\r\n              <span class=\"prx-gear-explorer__point-number\">01<\/span>\r\n              <span class=\"prx-gear-explorer__point-copy\">\r\n                <strong>Uz\u0119bienie<\/strong>\r\n                <small>profil i cz\u0119\u015b\u0107 robocza<\/small>\r\n              <\/span>\r\n              <span class=\"prx-gear-explorer__point-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"prx-gear-explorer__point-button\" type=\"button\" data-view=\"hub\" aria-pressed=\"false\">\r\n              <span class=\"prx-gear-explorer__point-number\">02<\/span>\r\n              <span class=\"prx-gear-explorer__point-copy\">\r\n                <strong>Piasta<\/strong>\r\n                <small>stopniowana cz\u0119\u015b\u0107 czo\u0142owa<\/small>\r\n              <\/span>\r\n              <span class=\"prx-gear-explorer__point-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"prx-gear-explorer__point-button\" type=\"button\" data-view=\"bore\" aria-pressed=\"false\">\r\n              <span class=\"prx-gear-explorer__point-number\">03<\/span>\r\n              <span class=\"prx-gear-explorer__point-copy\">\r\n                <strong>Otw\u00f3r monta\u017cowy<\/strong>\r\n                <small>osadzenie ko\u0142a na wale<\/small>\r\n              <\/span>\r\n              <span class=\"prx-gear-explorer__point-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"prx-gear-explorer__point-button\" type=\"button\" data-view=\"keyway\" aria-pressed=\"false\">\r\n              <span class=\"prx-gear-explorer__point-number\">04<\/span>\r\n              <span class=\"prx-gear-explorer__point-copy\">\r\n                <strong>Rowek wpustowy<\/strong>\r\n                <small>przenoszenie momentu<\/small>\r\n              <\/span>\r\n              <span class=\"prx-gear-explorer__point-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"prx-gear-explorer__point-button\" type=\"button\" data-view=\"screw\" aria-pressed=\"false\">\r\n              <span class=\"prx-gear-explorer__point-number\">05<\/span>\r\n              <span class=\"prx-gear-explorer__point-copy\">\r\n                <strong>Otw\u00f3r boczny<\/strong>\r\n                <small>miejsce ustalenia elementu<\/small>\r\n              <\/span>\r\n              <span class=\"prx-gear-explorer__point-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"prx-gear-explorer__point-button\" type=\"button\" data-view=\"back\" aria-pressed=\"false\">\r\n              <span class=\"prx-gear-explorer__point-number\">06<\/span>\r\n              <span class=\"prx-gear-explorer__point-copy\">\r\n                <strong>Tylna p\u0142aszczyzna<\/strong>\r\n                <small>oparcie i baza monta\u017cowa<\/small>\r\n              <\/span>\r\n              <span class=\"prx-gear-explorer__point-arrow\" aria-hidden=\"true\">\u203a<\/span>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <!-- INTERAKTYWNA SCENA -->\r\n      <div class=\"prx-gear-explorer__stage\" data-stage>\r\n        <div class=\"prx-gear-explorer__stage-top\">\r\n          <span class=\"prx-gear-explorer__status\">Model aktywny<\/span>\r\n\r\n          <span class=\"prx-gear-explorer__hint\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M8 11V7.5a1.5 1.5 0 0 1 3 0V10m0 0V5.5a1.5 1.5 0 0 1 3 0V10m0 0V7a1.5 1.5 0 0 1 3 0v5.5m0-2a1.5 1.5 0 0 1 3 0V14c0 4-2.5 7-7 7h-1c-2.2 0-4-.8-5.3-2.4L4 15.4A1.5 1.5 0 0 1 6.2 13L8 14.6V11Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n            <\/svg>\r\n            <span>Przeci\u0105gnij model lub u\u017cyj punkt\u00f3w<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <canvas\r\n          class=\"prx-gear-explorer__canvas\"\r\n          data-canvas\r\n          role=\"img\"\r\n          aria-label=\"Interaktywny model 3D ko\u0142a z\u0119batego. Przeci\u0105gnij, aby obr\u00f3ci\u0107.\"\r\n        ><\/canvas>\r\n\r\n        <div class=\"prx-gear-explorer__hotspot-layer\" aria-label=\"Aktywne punkty modelu\">\r\n          <button class=\"prx-gear-explorer__hotspot is-active\" type=\"button\" data-hotspot=\"teeth\" aria-label=\"Poka\u017c uz\u0119bienie\">\r\n            <span>Uz\u0119bienie<\/span>\r\n          <\/button>\r\n          <button class=\"prx-gear-explorer__hotspot\" type=\"button\" data-hotspot=\"hub\" aria-label=\"Poka\u017c piast\u0119\">\r\n            <span>Piasta<\/span>\r\n          <\/button>\r\n          <button class=\"prx-gear-explorer__hotspot\" type=\"button\" data-hotspot=\"bore\" aria-label=\"Poka\u017c otw\u00f3r monta\u017cowy\">\r\n            <span>Otw\u00f3r monta\u017cowy<\/span>\r\n          <\/button>\r\n          <button class=\"prx-gear-explorer__hotspot\" type=\"button\" data-hotspot=\"keyway\" aria-label=\"Poka\u017c rowek wpustowy\">\r\n            <span>Rowek wpustowy<\/span>\r\n          <\/button>\r\n          <button class=\"prx-gear-explorer__hotspot\" type=\"button\" data-hotspot=\"screw\" aria-label=\"Poka\u017c otw\u00f3r boczny\">\r\n            <span>Otw\u00f3r boczny<\/span>\r\n          <\/button>\r\n          <button class=\"prx-gear-explorer__hotspot\" type=\"button\" data-hotspot=\"back\" aria-label=\"Poka\u017c tyln\u0105 p\u0142aszczyzn\u0119\">\r\n            <span>Tylna p\u0142aszczyzna<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-explorer__controls\" aria-label=\"Sterowanie modelem\">\r\n          <button class=\"prx-gear-explorer__control\" type=\"button\" data-reset>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4.8 8A8 8 0 1 1 4 15M4.8 8V3.5M4.8 8h4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n            <\/svg>\r\n            <span>Widok pocz\u0105tkowy<\/span>\r\n          <\/button>\r\n\r\n          <span class=\"prx-gear-explorer__control-divider\" aria-hidden=\"true\"><\/span>\r\n\r\n          <button class=\"prx-gear-explorer__control\" type=\"button\" data-spin aria-pressed=\"false\">\r\n            <svg data-spin-icon viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M8.5 6.5v11l9-5.5-9-5.5Z\" fill=\"currentColor\" \/>\r\n            <\/svg>\r\n            <span data-spin-label>W\u0142\u0105cz obr\u00f3t<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-explorer__fallback\" data-fallback>\r\n          Model 3D wymaga przegl\u0105darki obs\u0142uguj\u0105cej WebGL. Zaktualizuj\r\n          przegl\u0105dark\u0119 albo otw\u00f3rz stron\u0119 na innym urz\u0105dzeniu.\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-explorer__sr-only\" aria-live=\"polite\" data-live><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script type=\"module\">\r\n    import * as THREE from \"https:\/\/esm.sh\/three@0.160.1\";\r\n    import { RoomEnvironment } from \"https:\/\/esm.sh\/three@0.160.1\/examples\/jsm\/environments\/RoomEnvironment.js\";\r\n\r\n    (() => {\r\n      const root = document.getElementById(\"prx-gear-explorer\");\r\n      if (!root || root.dataset.initialized === \"true\") return;\r\n      root.dataset.initialized = \"true\";\r\n\r\n      const canvas = root.querySelector(\"[data-canvas]\");\r\n      const stage = root.querySelector(\"[data-stage]\");\r\n      const fallback = root.querySelector(\"[data-fallback]\");\r\n      const detailTitle = root.querySelector(\"[data-detail-title]\");\r\n      const detailDescription = root.querySelector(\"[data-detail-description]\");\r\n      const detailMeta = root.querySelector(\"[data-detail-meta]\");\r\n      const detailNumber = root.querySelector(\"[data-detail-number]\");\r\n      const liveRegion = root.querySelector(\"[data-live]\");\r\n      const spinButton = root.querySelector(\"[data-spin]\");\r\n      const spinLabel = root.querySelector(\"[data-spin-label]\");\r\n      const resetButton = root.querySelector(\"[data-reset]\");\r\n      const viewButtons = [...root.querySelectorAll(\"[data-view]\")];\r\n      const hotspotButtons = [...root.querySelectorAll(\"[data-hotspot]\")];\r\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n      const views = {\r\n        teeth: {\r\n          number: \"01 \/ 06\",\r\n          title: \"Uz\u0119bienie zewn\u0119trzne\",\r\n          description: \"Cz\u0119\u015b\u0107 robocza ko\u0142a odpowiedzialna za przekazywanie ruchu i momentu obrotowego. W modelu odwzorowano 36 z\u0119b\u00f3w prostych o p\u0142ynnie ukszta\u0142towanych bokach.\",\r\n          meta: \"Geometri\u0119 uz\u0119bienia dobiera si\u0119 do przek\u0142adni, obci\u0105\u017cenia i wymaganej dok\u0142adno\u015bci pracy.\",\r\n          rotation: [-0.16, -0.48, -0.08],\r\n          zoom: 11.8,\r\n          highlight: [\"gear\"]\r\n        },\r\n        hub: {\r\n          number: \"02 \/ 06\",\r\n          title: \"Stopniowana piasta\",\r\n          description: \"Wysuni\u0119ta cz\u0119\u015b\u0107 czo\u0142owa wzmacnia stref\u0119 otworu i tworzy powierzchni\u0119 potrzebn\u0105 do prawid\u0142owego osadzenia ko\u0142a na wale.\",\r\n          meta: \"\u015arednic\u0119, d\u0142ugo\u015b\u0107 i kszta\u0142t piasty ustala si\u0119 na podstawie miejsca monta\u017cu oraz warunk\u00f3w pracy.\",\r\n          rotation: [-0.08, -0.34, 0.18],\r\n          zoom: 10.8,\r\n          highlight: [\"hub\", \"rings\"]\r\n        },\r\n        bore: {\r\n          number: \"03 \/ 06\",\r\n          title: \"Otw\u00f3r monta\u017cowy\",\r\n          description: \"Otw\u00f3r przelotowy odpowiada za wsp\u00f3\u0142osiowe osadzenie ko\u0142a na wale. Jego \u015brednica, tolerancja i wyko\u0144czenie zale\u017c\u0105 od sposobu monta\u017cu.\",\r\n          meta: \"Wymiar otworu potwierdzamy na podstawie dokumentacji albo pomiaru dostarczonego elementu.\",\r\n          rotation: [0.01, -0.12, 0],\r\n          zoom: 10.6,\r\n          highlight: [\"bore\", \"boreRim\"]\r\n        },\r\n        keyway: {\r\n          number: \"04 \/ 06\",\r\n          title: \"Rowek wpustowy\",\r\n          description: \"Rowek tworzy miejsce dla wpustu \u0142\u0105cz\u0105cego ko\u0142o z wa\u0142em. Pomaga przenosi\u0107 moment obrotowy i utrzyma\u0107 ustalone po\u0142o\u017cenie elementu.\",\r\n          meta: \"Szeroko\u015b\u0107, g\u0142\u0119boko\u015b\u0107 i po\u0142o\u017cenie rowka musz\u0105 odpowiada\u0107 wymiarom wa\u0142u oraz zastosowanego wpustu.\",\r\n          rotation: [0.08, -0.23, 0.03],\r\n          zoom: 10.2,\r\n          highlight: [\"keyway\"]\r\n        },\r\n        screw: {\r\n          number: \"05 \/ 06\",\r\n          title: \"Otw\u00f3r boczny w pia\u015bcie\",\r\n          description: \"Promieniowy otw\u00f3r mo\u017ce s\u0142u\u017cy\u0107 do dodatkowego ustalenia ko\u0142a na wale, na przyk\u0142ad za pomoc\u0105 wkr\u0119tu dociskowego.\",\r\n          meta: \"Obecno\u015b\u0107, gwint i po\u0142o\u017cenie otworu bocznego wykonuje si\u0119 zgodnie z dokumentacj\u0105 konkretnego elementu.\",\r\n          rotation: [-0.32, 0.94, 0.9],\r\n          zoom: 10.5,\r\n          highlight: [\"screw\"]\r\n        },\r\n        back: {\r\n          number: \"06 \/ 06\",\r\n          title: \"Tylna p\u0142aszczyzna ko\u0142a\",\r\n          description: \"P\u0142aska powierzchnia tylna stanowi baz\u0119 monta\u017cow\u0105 i mo\u017ce wsp\u00f3\u0142pracowa\u0107 z oporem wa\u0142u, tulej\u0105 dystansow\u0105 albo s\u0105siednim elementem zespo\u0142u.\",\r\n          meta: \"Bicie czo\u0142owe i jako\u015b\u0107 tej powierzchni mog\u0105 mie\u0107 znaczenie dla poprawnego ustawienia ca\u0142ej przek\u0142adni.\",\r\n          rotation: [0.04, 2.72, -0.03],\r\n          zoom: 11.1,\r\n          highlight: [\"back\"]\r\n        }\r\n      };\r\n\r\n      let renderer;\r\n      let scene;\r\n      let camera;\r\n      let pivot;\r\n      let gearGroup;\r\n      let frameId = 0;\r\n      let lastTime = performance.now();\r\n      let isVisible = true;\r\n      let isDragging = false;\r\n      let autoSpin = false;\r\n      let activeKey = \"teeth\";\r\n      let startX = 0;\r\n      let startY = 0;\r\n      let desiredCameraZ = views.teeth.zoom;\r\n      let responsiveZoomFactor = 1;\r\n      const desiredRotation = new THREE.Euler(...views.teeth.rotation, \"XYZ\");\r\n      const componentMeshes = {};\r\n      const anchors = {};\r\n      const originalMaterialState = new Map();\r\n      const hotspotMap = new Map(hotspotButtons.map((button) => [button.dataset.hotspot, button]));\r\n\r\n      function showFallback() {\r\n        fallback.classList.add(\"is-visible\");\r\n      }\r\n\r\n      try {\r\n        renderer = new THREE.WebGLRenderer({\r\n          canvas,\r\n          antialias: true,\r\n          alpha: true,\r\n          powerPreference: \"high-performance\"\r\n        });\r\n      } catch (error) {\r\n        showFallback();\r\n        return;\r\n      }\r\n\r\n      renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 1.8));\r\n      renderer.outputColorSpace = THREE.SRGBColorSpace;\r\n      renderer.toneMapping = THREE.ACESFilmicToneMapping;\r\n      renderer.toneMappingExposure = 1.18;\r\n      renderer.shadowMap.enabled = true;\r\n      renderer.shadowMap.type = THREE.PCFSoftShadowMap;\r\n\r\n      scene = new THREE.Scene();\r\n      camera = new THREE.PerspectiveCamera(34, 1, 0.1, 100);\r\n      camera.position.set(0, 0.25, desiredCameraZ);\r\n      camera.lookAt(0, 0, 0);\r\n\r\n      const pmrem = new THREE.PMREMGenerator(renderer);\r\n      const room = new RoomEnvironment(renderer);\r\n      scene.environment = pmrem.fromScene(room, 0.04).texture;\r\n      room.dispose();\r\n      pmrem.dispose();\r\n\r\n      const ambient = new THREE.HemisphereLight(0xeaf5ff, 0x213041, 2.1);\r\n      scene.add(ambient);\r\n\r\n      const keyLight = new THREE.DirectionalLight(0xffffff, 4.2);\r\n      keyLight.position.set(-4.5, 7.5, 8.5);\r\n      keyLight.castShadow = true;\r\n      keyLight.shadow.mapSize.set(1024, 1024);\r\n      keyLight.shadow.camera.left = -7;\r\n      keyLight.shadow.camera.right = 7;\r\n      keyLight.shadow.camera.top = 7;\r\n      keyLight.shadow.camera.bottom = -7;\r\n      keyLight.shadow.bias = -0.0006;\r\n      scene.add(keyLight);\r\n\r\n      const rimLight = new THREE.DirectionalLight(0xaed9ff, 3.2);\r\n      rimLight.position.set(7, 3, -5);\r\n      scene.add(rimLight);\r\n\r\n      const redLight = new THREE.PointLight(0xe10600, 7, 12, 2);\r\n      redLight.position.set(-5, -2, 4);\r\n      scene.add(redLight);\r\n\r\n      pivot = new THREE.Group();\r\n      pivot.rotation.copy(desiredRotation);\r\n      scene.add(pivot);\r\n\r\n      gearGroup = new THREE.Group();\r\n      gearGroup.position.y = 0.15;\r\n      pivot.add(gearGroup);\r\n\r\n      function createMachiningTexture() {\r\n        const textureCanvas = document.createElement(\"canvas\");\r\n        textureCanvas.width = 512;\r\n        textureCanvas.height = 512;\r\n        const context = textureCanvas.getContext(\"2d\");\r\n        const image = context.createImageData(512, 512);\r\n\r\n        for (let i = 0; i < image.data.length; i += 4) {\r\n          const noise = 122 + Math.floor(Math.random() * 34);\r\n          image.data[i] = noise;\r\n          image.data[i + 1] = noise;\r\n          image.data[i + 2] = noise;\r\n          image.data[i + 3] = 255;\r\n        }\r\n\r\n        context.putImageData(image, 0, 0);\r\n        context.globalAlpha = 0.12;\r\n\r\n        for (let radius = 28; radius < 350; radius += 4.5) {\r\n          context.beginPath();\r\n          context.arc(256, 256, radius, 0, Math.PI * 2);\r\n          context.strokeStyle = radius % 9 === 0 ? \"#f5f5f5\" : \"#303030\";\r\n          context.lineWidth = 0.7;\r\n          context.stroke();\r\n        }\r\n\r\n        const texture = new THREE.CanvasTexture(textureCanvas);\r\n        texture.colorSpace = THREE.NoColorSpace;\r\n        texture.wrapS = THREE.RepeatWrapping;\r\n        texture.wrapT = THREE.RepeatWrapping;\r\n        texture.repeat.set(1.5, 1.5);\r\n        texture.anisotropy = Math.min(8, renderer.capabilities.getMaxAnisotropy());\r\n        return texture;\r\n      }\r\n\r\n      const machiningTexture = createMachiningTexture();\r\n\r\n      function makeMaterial(options) {\r\n        const material = new THREE.MeshStandardMaterial({\r\n          color: options.color,\r\n          metalness: options.metalness ?? 0.92,\r\n          roughness: options.roughness ?? 0.3,\r\n          roughnessMap: options.useTexture === false ? null : machiningTexture,\r\n          bumpMap: options.useTexture === false ? null : machiningTexture,\r\n          bumpScale: options.bumpScale ?? 0.018,\r\n          envMapIntensity: options.envMapIntensity ?? 1.2,\r\n          side: options.side ?? THREE.FrontSide\r\n        });\r\n\r\n        material.emissive = new THREE.Color(0x000000);\r\n        material.emissiveIntensity = 0;\r\n        return material;\r\n      }\r\n\r\n      const gearMaterial = makeMaterial({ color: 0x5d656c, roughness: 0.34, bumpScale: 0.024 });\r\n      const hubMaterial = makeMaterial({ color: 0x969da1, roughness: 0.25, bumpScale: 0.015 });\r\n      const ringMaterial = makeMaterial({ color: 0xc1c7ca, roughness: 0.2, bumpScale: 0.01 });\r\n      const boreMaterial = makeMaterial({ color: 0x27323a, roughness: 0.42, metalness: 0.8, side: THREE.DoubleSide });\r\n      const keywayMaterial = makeMaterial({ color: 0x1a242b, roughness: 0.46, metalness: 0.7 });\r\n      const screwMaterial = makeMaterial({ color: 0x121a20, roughness: 0.38, metalness: 0.82 });\r\n      const backMaterial = makeMaterial({ color: 0x515960, roughness: 0.38, bumpScale: 0.022 });\r\n\r\n      function involuteAngle(radius, baseRadius) {\r\n        if (radius <= baseRadius) return 0;\r\n        const ratio = radius \/ baseRadius;\r\n        return Math.sqrt(ratio * ratio - 1) - Math.acos(1 \/ ratio);\r\n      }\r\n\r\n      function createInvoluteGearShape(teeth = 36, outerRadius = 3.25) {\r\n        const moduleSize = (outerRadius * 2) \/ (teeth + 2);\r\n        const pitchRadius = (moduleSize * teeth) \/ 2;\r\n        const rootRadius = pitchRadius - 1.25 * moduleSize;\r\n        const baseRadius = pitchRadius * Math.cos(THREE.MathUtils.degToRad(20));\r\n        const pressureAtPitch = involuteAngle(pitchRadius, baseRadius);\r\n        const halfToothAtPitch = Math.PI \/ (2 * teeth);\r\n        const halfAtBase = halfToothAtPitch + pressureAtPitch;\r\n        const halfAtOuter = halfToothAtPitch + pressureAtPitch - involuteAngle(outerRadius, baseRadius);\r\n        const pitchAngle = (Math.PI * 2) \/ teeth;\r\n        const points = [];\r\n\r\n        function polar(radius, angle) {\r\n          points.push(new THREE.Vector2(Math.cos(angle) * radius, Math.sin(angle) * radius));\r\n        }\r\n\r\n        for (let tooth = 0; tooth < teeth; tooth += 1) {\r\n          const center = tooth * pitchAngle;\r\n          const rootShoulder = halfAtBase + (pitchAngle \/ 2 - halfAtBase) * 0.34;\r\n\r\n          polar(rootRadius, center - pitchAngle \/ 2);\r\n          polar(rootRadius, center - rootShoulder);\r\n          polar(baseRadius, center - halfAtBase);\r\n\r\n          for (let step = 1; step <= 5; step += 1) {\r\n            const radius = baseRadius + (outerRadius - baseRadius) * (step \/ 5);\r\n            const halfAngle = halfToothAtPitch + pressureAtPitch - involuteAngle(radius, baseRadius);\r\n            polar(radius, center - halfAngle);\r\n          }\r\n\r\n          polar(outerRadius, center);\r\n\r\n          for (let step = 5; step >= 1; step -= 1) {\r\n            const radius = baseRadius + (outerRadius - baseRadius) * (step \/ 5);\r\n            const halfAngle = halfToothAtPitch + pressureAtPitch - involuteAngle(radius, baseRadius);\r\n            polar(radius, center + halfAngle);\r\n          }\r\n\r\n          polar(baseRadius, center + halfAtBase);\r\n          polar(rootRadius, center + rootShoulder);\r\n          polar(rootRadius, center + pitchAngle \/ 2);\r\n        }\r\n\r\n        return new THREE.Shape(points);\r\n      }\r\n\r\n      function createBoreKeywayPath(radius = 1.14, keyWidth = 0.58, keyDepth = 0.38) {\r\n        const path = new THREE.Path();\r\n        const halfWidth = keyWidth \/ 2;\r\n        const yAtWidth = -Math.sqrt(radius * radius - halfWidth * halfWidth);\r\n        const startAngle = Math.atan2(yAtWidth, halfWidth);\r\n        const endAngle = Math.atan2(yAtWidth, -halfWidth) + Math.PI * 2;\r\n        const segments = 70;\r\n\r\n        path.moveTo(halfWidth, yAtWidth);\r\n\r\n        for (let index = 1; index <= segments; index += 1) {\r\n          const angle = startAngle + (endAngle - startAngle) * (index \/ segments);\r\n          path.lineTo(Math.cos(angle) * radius, Math.sin(angle) * radius);\r\n        }\r\n\r\n        path.lineTo(-halfWidth, -radius - keyDepth);\r\n        path.lineTo(halfWidth, -radius - keyDepth);\r\n        path.closePath();\r\n        return path;\r\n      }\r\n\r\n      function createRingShape(outerRadius, boreRadius, keyWidth, keyDepth) {\r\n        const shape = new THREE.Shape();\r\n        shape.absarc(0, 0, outerRadius, 0, Math.PI * 2, false);\r\n        shape.holes.push(createBoreKeywayPath(boreRadius, keyWidth, keyDepth));\r\n        return shape;\r\n      }\r\n\r\n      function extrude(shape, depth, bevelSize, material, bevelSegments = 3) {\r\n        const geometry = new THREE.ExtrudeGeometry(shape, {\r\n          depth,\r\n          steps: 1,\r\n          curveSegments: 80,\r\n          bevelEnabled: true,\r\n          bevelThickness: bevelSize,\r\n          bevelSize,\r\n          bevelOffset: -bevelSize * 0.4,\r\n          bevelSegments\r\n        });\r\n\r\n        geometry.translate(0, 0, -depth \/ 2);\r\n        geometry.computeVertexNormals();\r\n        const mesh = new THREE.Mesh(geometry, material);\r\n        mesh.castShadow = true;\r\n        mesh.receiveShadow = true;\r\n        gearGroup.add(mesh);\r\n        return mesh;\r\n      }\r\n\r\n      const gearShape = createInvoluteGearShape(36, 3.25);\r\n      gearShape.holes.push(createBoreKeywayPath(1.14, 0.58, 0.38));\r\n      const gearMesh = extrude(gearShape, 1.12, 0.055, gearMaterial, 3);\r\n      componentMeshes.gear = [gearMesh];\r\n      componentMeshes.back = [gearMesh];\r\n\r\n      const hubShape = createRingShape(2.08, 1.14, 0.58, 0.38);\r\n      const hubMesh = extrude(hubShape, 0.52, 0.045, hubMaterial, 4);\r\n      hubMesh.position.z = 0.77;\r\n      componentMeshes.hub = [hubMesh];\r\n\r\n      const shoulderGeometry = new THREE.TorusGeometry(2.25, 0.09, 16, 144);\r\n      const shoulderRing = new THREE.Mesh(shoulderGeometry, ringMaterial);\r\n      shoulderRing.position.z = 0.58;\r\n      shoulderRing.castShadow = true;\r\n      gearGroup.add(shoulderRing);\r\n\r\n      const hubOuterRing = new THREE.Mesh(\r\n        new THREE.TorusGeometry(2.02, 0.065, 14, 144),\r\n        ringMaterial\r\n      );\r\n      hubOuterRing.position.z = 1.04;\r\n      hubOuterRing.castShadow = true;\r\n      gearGroup.add(hubOuterRing);\r\n\r\n      const boreRim = new THREE.Mesh(\r\n        new THREE.TorusGeometry(1.14, 0.06, 14, 128),\r\n        ringMaterial\r\n      );\r\n      boreRim.position.z = 1.045;\r\n      boreRim.castShadow = true;\r\n      gearGroup.add(boreRim);\r\n      componentMeshes.rings = [shoulderRing, hubOuterRing];\r\n      componentMeshes.boreRim = [boreRim];\r\n\r\n      const boreLiner = new THREE.Mesh(\r\n        new THREE.CylinderGeometry(1.14, 1.14, 1.72, 96, 1, true),\r\n        boreMaterial\r\n      );\r\n      boreLiner.rotation.x = Math.PI \/ 2;\r\n      boreLiner.position.z = 0.2;\r\n      gearGroup.add(boreLiner);\r\n      componentMeshes.bore = [boreLiner, boreRim];\r\n\r\n      const keywayParts = new THREE.Group();\r\n      const keyHalf = 0.29;\r\n      const keyDepth = 0.38;\r\n      const keyBottomY = -1.14 - keyDepth;\r\n      const keyZ = 0.22;\r\n      const keyLength = 1.76;\r\n\r\n      const keyBottom = new THREE.Mesh(\r\n        new THREE.BoxGeometry(0.58, 0.055, keyLength),\r\n        keywayMaterial\r\n      );\r\n      keyBottom.position.set(0, keyBottomY + 0.027, keyZ);\r\n      keywayParts.add(keyBottom);\r\n\r\n      [-1, 1].forEach((direction) => {\r\n        const side = new THREE.Mesh(\r\n          new THREE.BoxGeometry(0.055, keyDepth, keyLength),\r\n          keywayMaterial\r\n        );\r\n        side.position.set(direction * (keyHalf - 0.027), -1.14 - keyDepth \/ 2, keyZ);\r\n        keywayParts.add(side);\r\n      });\r\n\r\n      gearGroup.add(keywayParts);\r\n      componentMeshes.keyway = [...keywayParts.children];\r\n\r\n      const screwAngle = THREE.MathUtils.degToRad(-145);\r\n      const screwRadius = 2.08;\r\n      const screw = new THREE.Mesh(\r\n        new THREE.CylinderGeometry(0.14, 0.14, 0.18, 28, 1, false),\r\n        screwMaterial\r\n      );\r\n      screw.rotation.z = screwAngle - Math.PI \/ 2;\r\n      screw.position.set(\r\n        Math.cos(screwAngle) * screwRadius,\r\n        Math.sin(screwAngle) * screwRadius,\r\n        0.8\r\n      );\r\n      screw.castShadow = true;\r\n      gearGroup.add(screw);\r\n\r\n      const screwFace = new THREE.Mesh(\r\n        new THREE.CylinderGeometry(0.105, 0.105, 0.03, 28, 1, false),\r\n        screwMaterial\r\n      );\r\n      screwFace.rotation.z = screwAngle - Math.PI \/ 2;\r\n      screwFace.position.set(\r\n        Math.cos(screwAngle) * (screwRadius + 0.1),\r\n        Math.sin(screwAngle) * (screwRadius + 0.1),\r\n        0.8\r\n      );\r\n      gearGroup.add(screwFace);\r\n      componentMeshes.screw = [screw, screwFace];\r\n\r\n      const rearDisc = new THREE.Mesh(\r\n        new THREE.RingGeometry(1.18, 2.83, 128),\r\n        backMaterial\r\n      );\r\n      rearDisc.position.z = -0.615;\r\n      rearDisc.rotation.y = Math.PI;\r\n      rearDisc.receiveShadow = true;\r\n      gearGroup.add(rearDisc);\r\n      componentMeshes.back.push(rearDisc);\r\n\r\n      const floor = new THREE.Mesh(\r\n        new THREE.PlaneGeometry(17, 12),\r\n        new THREE.ShadowMaterial({ color: 0x071b33, opacity: 0.17 })\r\n      );\r\n      floor.rotation.x = -Math.PI \/ 2;\r\n      floor.position.y = -3.22;\r\n      floor.position.z = 0.2;\r\n      floor.receiveShadow = true;\r\n      scene.add(floor);\r\n\r\n      function addAnchor(key, position, normal) {\r\n        const anchor = new THREE.Object3D();\r\n        anchor.position.copy(position);\r\n        gearGroup.add(anchor);\r\n        anchors[key] = {\r\n          object: anchor,\r\n          normal: normal.clone().normalize()\r\n        };\r\n      }\r\n\r\n      addAnchor(\"teeth\", new THREE.Vector3(2.72, 1.36, 0.56), new THREE.Vector3(0, 0, 1));\r\n      addAnchor(\"hub\", new THREE.Vector3(1.5, 1.17, 1.06), new THREE.Vector3(0, 0, 1));\r\n      addAnchor(\"bore\", new THREE.Vector3(0.72, 0.2, 1.07), new THREE.Vector3(0, 0, 1));\r\n      addAnchor(\"keyway\", new THREE.Vector3(0, -1.43, 1.02), new THREE.Vector3(0, 0, 1));\r\n      addAnchor(\r\n        \"screw\",\r\n        new THREE.Vector3(\r\n          Math.cos(screwAngle) * (screwRadius + 0.14),\r\n          Math.sin(screwAngle) * (screwRadius + 0.14),\r\n          0.8\r\n        ),\r\n        new THREE.Vector3(Math.cos(screwAngle), Math.sin(screwAngle), 0)\r\n      );\r\n      addAnchor(\"back\", new THREE.Vector3(1.35, 1.22, -0.64), new THREE.Vector3(0, 0, -1));\r\n\r\n      Object.values(componentMeshes).flat().forEach((mesh) => {\r\n        if (!mesh || !mesh.material || originalMaterialState.has(mesh.material)) return;\r\n        originalMaterialState.set(mesh.material, {\r\n          emissive: mesh.material.emissive.clone(),\r\n          emissiveIntensity: mesh.material.emissiveIntensity\r\n        });\r\n      });\r\n\r\n      function clearHighlight() {\r\n        originalMaterialState.forEach((state, material) => {\r\n          material.emissive.copy(state.emissive);\r\n          material.emissiveIntensity = state.emissiveIntensity;\r\n        });\r\n      }\r\n\r\n      function highlightComponents(keys) {\r\n        clearHighlight();\r\n        const highlightedMaterials = new Set();\r\n\r\n        keys.forEach((key) => {\r\n          (componentMeshes[key] || []).forEach((mesh) => {\r\n            if (!mesh.material || highlightedMaterials.has(mesh.material)) return;\r\n            mesh.material.emissive.set(0xe10600);\r\n            mesh.material.emissiveIntensity = 0.28;\r\n            highlightedMaterials.add(mesh.material);\r\n          });\r\n        });\r\n      }\r\n\r\n      function shortestAngle(current, target) {\r\n        let difference = (target - current + Math.PI) % (Math.PI * 2) - Math.PI;\r\n        if (difference < -Math.PI) difference += Math.PI * 2;\r\n        return current + difference;\r\n      }\r\n\r\n      function selectView(key, announce = true) {\r\n        const view = views[key];\r\n        if (!view) return;\r\n\r\n        activeKey = key;\r\n        autoSpin = false;\r\n        desiredRotation.x = view.rotation[0];\r\n        desiredRotation.y = shortestAngle(pivot.rotation.y, view.rotation[1]);\r\n        desiredRotation.z = shortestAngle(pivot.rotation.z, view.rotation[2]);\r\n        desiredCameraZ = view.zoom;\r\n\r\n        detailNumber.textContent = view.number;\r\n        detailTitle.textContent = view.title;\r\n        detailDescription.textContent = view.description;\r\n        detailMeta.textContent = view.meta;\r\n\r\n        viewButtons.forEach((button) => {\r\n          button.setAttribute(\"aria-pressed\", String(button.dataset.view === key));\r\n        });\r\n\r\n        hotspotButtons.forEach((button) => {\r\n          button.classList.toggle(\"is-active\", button.dataset.hotspot === key);\r\n        });\r\n\r\n        spinButton.classList.remove(\"is-active\");\r\n        spinButton.setAttribute(\"aria-pressed\", \"false\");\r\n        spinLabel.textContent = \"W\u0142\u0105cz obr\u00f3t\";\r\n        highlightComponents(view.highlight);\r\n\r\n        if (announce) {\r\n          liveRegion.textContent = `Wybrano detal: ${view.title}. Model ustawia odpowiedni widok.`;\r\n        }\r\n      }\r\n\r\n      viewButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => selectView(button.dataset.view));\r\n      });\r\n\r\n      hotspotButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => selectView(button.dataset.hotspot));\r\n      });\r\n\r\n      resetButton.addEventListener(\"click\", () => {\r\n        selectView(\"teeth\", false);\r\n        liveRegion.textContent = \"Przywr\u00f3cono pocz\u0105tkowy widok modelu.\";\r\n      });\r\n\r\n      spinButton.addEventListener(\"click\", () => {\r\n        autoSpin = !autoSpin;\r\n        spinButton.classList.toggle(\"is-active\", autoSpin);\r\n        spinButton.setAttribute(\"aria-pressed\", String(autoSpin));\r\n        spinLabel.textContent = autoSpin ? \"Zatrzymaj obr\u00f3t\" : \"W\u0142\u0105cz obr\u00f3t\";\r\n        liveRegion.textContent = autoSpin ? \"W\u0142\u0105czono automatyczny obr\u00f3t modelu.\" : \"Zatrzymano automatyczny obr\u00f3t modelu.\";\r\n      });\r\n\r\n      canvas.addEventListener(\"pointerdown\", (event) => {\r\n        isDragging = true;\r\n        autoSpin = false;\r\n        spinButton.classList.remove(\"is-active\");\r\n        spinButton.setAttribute(\"aria-pressed\", \"false\");\r\n        spinLabel.textContent = \"W\u0142\u0105cz obr\u00f3t\";\r\n        startX = event.clientX;\r\n        startY = event.clientY;\r\n        canvas.setPointerCapture(event.pointerId);\r\n        canvas.classList.add(\"is-dragging\");\r\n      });\r\n\r\n      canvas.addEventListener(\"pointermove\", (event) => {\r\n        if (!isDragging) return;\r\n        const deltaX = event.clientX - startX;\r\n        const deltaY = event.clientY - startY;\r\n        startX = event.clientX;\r\n        startY = event.clientY;\r\n        desiredRotation.y += deltaX * 0.008;\r\n        desiredRotation.x = THREE.MathUtils.clamp(desiredRotation.x + deltaY * 0.007, -1.18, 1.18);\r\n      });\r\n\r\n      function endDrag(event) {\r\n        if (!isDragging) return;\r\n        isDragging = false;\r\n        canvas.classList.remove(\"is-dragging\");\r\n        if (event && canvas.hasPointerCapture(event.pointerId)) {\r\n          canvas.releasePointerCapture(event.pointerId);\r\n        }\r\n      }\r\n\r\n      canvas.addEventListener(\"pointerup\", endDrag);\r\n      canvas.addEventListener(\"pointercancel\", endDrag);\r\n\r\n      canvas.addEventListener(\"wheel\", (event) => {\r\n        event.preventDefault();\r\n        desiredCameraZ = THREE.MathUtils.clamp(desiredCameraZ + event.deltaY * 0.006, 9.4, 14.2);\r\n      }, { passive: false });\r\n\r\n      canvas.addEventListener(\"dblclick\", () => selectView(\"teeth\", false));\r\n\r\n      canvas.addEventListener(\"webglcontextlost\", (event) => {\r\n        event.preventDefault();\r\n        showFallback();\r\n      });\r\n\r\n      function resize() {\r\n        const rect = stage.getBoundingClientRect();\r\n        const width = Math.max(1, Math.round(rect.width));\r\n        const height = Math.max(1, Math.round(rect.height));\r\n        renderer.setSize(width, height, false);\r\n        camera.aspect = width \/ height;\r\n        responsiveZoomFactor = Math.max(1, 0.96 \/ camera.aspect);\r\n        camera.updateProjectionMatrix();\r\n      }\r\n\r\n      const resizeObserver = new ResizeObserver(resize);\r\n      resizeObserver.observe(stage);\r\n      resize();\r\n\r\n      const visibilityObserver = new IntersectionObserver((entries) => {\r\n        isVisible = entries[0]?.isIntersecting ?? true;\r\n        if (isVisible) lastTime = performance.now();\r\n      }, { rootMargin: \"180px 0px\" });\r\n      visibilityObserver.observe(root);\r\n\r\n      const worldPosition = new THREE.Vector3();\r\n      const projected = new THREE.Vector3();\r\n      const cameraDirection = new THREE.Vector3();\r\n      const worldNormal = new THREE.Vector3();\r\n      const anchorToCamera = new THREE.Vector3();\r\n      const normalMatrix = new THREE.Matrix3();\r\n\r\n      function updateHotspots() {\r\n        const rect = stage.getBoundingClientRect();\r\n        camera.getWorldDirection(cameraDirection);\r\n        camera.updateMatrixWorld();\r\n        gearGroup.updateWorldMatrix(true, true);\r\n        normalMatrix.getNormalMatrix(gearGroup.matrixWorld);\r\n\r\n        Object.entries(anchors).forEach(([key, anchorData]) => {\r\n          const button = hotspotMap.get(key);\r\n          if (!button) return;\r\n\r\n          anchorData.object.getWorldPosition(worldPosition);\r\n          projected.copy(worldPosition).project(camera);\r\n          worldNormal.copy(anchorData.normal).applyMatrix3(normalMatrix).normalize();\r\n          anchorToCamera.copy(camera.position).sub(worldPosition).normalize();\r\n\r\n          const facesCamera = worldNormal.dot(anchorToCamera) > 0.02;\r\n          const isInDepth = projected.z > -1 && projected.z < 1;\r\n          button.classList.toggle(\"is-behind\", (!facesCamera && key !== activeKey) || !isInDepth);\r\n\r\n          const x = THREE.MathUtils.clamp((projected.x * 0.5 + 0.5) * rect.width, 24, rect.width - 24);\r\n          const y = THREE.MathUtils.clamp((-projected.y * 0.5 + 0.5) * rect.height, 24, rect.height - 24);\r\n          button.classList.toggle(\"is-label-left\", x > rect.width * 0.7);\r\n          button.style.left = `${x}px`;\r\n          button.style.top = `${y}px`;\r\n        });\r\n      }\r\n\r\n      function animate(now) {\r\n        frameId = requestAnimationFrame(animate);\r\n        if (!isVisible || document.hidden) return;\r\n\r\n        const delta = Math.min((now - lastTime) \/ 1000, 0.05);\r\n        lastTime = now;\r\n\r\n        if (autoSpin && !reduceMotion && !isDragging) {\r\n          desiredRotation.z += delta * 0.34;\r\n        }\r\n\r\n        pivot.rotation.x = THREE.MathUtils.damp(pivot.rotation.x, desiredRotation.x, 7.5, delta);\r\n        pivot.rotation.y = THREE.MathUtils.damp(pivot.rotation.y, desiredRotation.y, 7.5, delta);\r\n        pivot.rotation.z = THREE.MathUtils.damp(pivot.rotation.z, desiredRotation.z, 7.5, delta);\r\n        camera.position.z = THREE.MathUtils.damp(camera.position.z, desiredCameraZ * responsiveZoomFactor, 7, delta);\r\n        camera.lookAt(0, 0.08, 0);\r\n\r\n        updateHotspots();\r\n        renderer.render(scene, camera);\r\n      }\r\n\r\n      selectView(\"teeth\", false);\r\n      frameId = requestAnimationFrame(animate);\r\n\r\n      window.addEventListener(\"pagehide\", () => {\r\n        cancelAnimationFrame(frameId);\r\n      }, { once: true });\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-dc65963 e-con e-atomic-element e-flexbox-base e-dc65963-24ffa45 \" data-id=\"dc65963\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dc65963\">\n    \t\t<div class=\"elementor-element elementor-element-e1d08ac elementor-widget elementor-widget-html\" data-id=\"e1d08ac\" 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 4\r\n     DOKUMENTACJA LUB DOSTARCZONY WZ\u00d3R\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-gear-source\"\r\n  id=\"wykonanie-kola-zebatego\"\r\n  aria-labelledby=\"prx-gear-source-title\"\r\n>\r\n  <style>\r\n    .prx-gear-source,\r\n    .prx-gear-source * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-source {\r\n      --prx-navy: #06233d;\r\n      --prx-navy-dark: #020d18;\r\n      --prx-navy-mid: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #b90000;\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: 100px 24px 108px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 88% 18%,\r\n          rgba(72, 132, 183, 0.2),\r\n          transparent 32%\r\n        ),\r\n        radial-gradient(\r\n          circle at 8% 92%,\r\n          rgba(225, 6, 0, 0.09),\r\n          transparent 30%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          #020d18 0%,\r\n          #06233d 53%,\r\n          #031522 100%\r\n        );\r\n      color: #ffffff;\r\n      font-family: inherit;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .prx-gear-source::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(255, 255, 255, 0.016) 0 1px,\r\n          transparent 1px 88px\r\n        ),\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(255, 255, 255, 0.013) 0 1px,\r\n          transparent 1px 88px\r\n        );\r\n      opacity: 0.45;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-source::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -230px;\r\n      bottom: -330px;\r\n      z-index: -1;\r\n      width: 650px;\r\n      height: 650px;\r\n      border: 1px solid rgba(255, 255, 255, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 72px rgba(255, 255, 255, 0.016),\r\n        inset 0 0 0 144px rgba(255, 255, 255, 0.011);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-source__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-source__header {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 0.9fr)\r\n        minmax(430px, 1.1fr);\r\n      gap: 74px;\r\n      align-items: end;\r\n      margin-bottom: 55px;\r\n    }\r\n\r\n    .prx-gear-source__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 20px;\r\n      padding: 10px 15px;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      color: rgba(255, 255, 255, 0.83);\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      letter-spacing: 0.075em;\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-gear-source__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.14);\r\n    }\r\n\r\n    .prx-gear-source h2 {\r\n      max-width: 660px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(36px, 3.7vw, 54px);\r\n      line-height: 1.08;\r\n      font-weight: 830;\r\n      letter-spacing: -0.043em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-source__accent {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .prx-gear-source__accent span {\r\n      display: block;\r\n      height: 4px;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-source__accent span:first-child {\r\n      width: 48px;\r\n    }\r\n\r\n    .prx-gear-source__accent span:nth-child(2),\r\n    .prx-gear-source__accent span:nth-child(3) {\r\n      width: 6px;\r\n    }\r\n\r\n    .prx-gear-source__intro {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.73);\r\n      font-size: 17px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .prx-gear-source__intro strong {\r\n      color: #ffffff;\r\n      font-weight: 780;\r\n    }\r\n\r\n    \/* ======================================================\r\n       UK\u0141AD G\u0141\u00d3WNY\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-source__layout {\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(0, 1.04fr)\r\n        minmax(390px, 0.96fr);\r\n      gap: 29px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    \/* ======================================================\r\n       DWIE DROGI REALIZACJI\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-source__options {\r\n      display: grid;\r\n      gap: 18px;\r\n    }\r\n\r\n    .prx-gear-source__option {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 28px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 20px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.085),\r\n          rgba(255, 255, 255, 0.035)\r\n        );\r\n      box-shadow:\r\n        0 22px 52px rgba(0, 0, 0, 0.19),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      transition:\r\n        transform 0.25s ease,\r\n        border-color 0.25s ease,\r\n        background 0.25s ease;\r\n    }\r\n\r\n    .prx-gear-source__option:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(225, 6, 0, 0.37);\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.105),\r\n          rgba(255, 255, 255, 0.045)\r\n        );\r\n    }\r\n\r\n    .prx-gear-source__option::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -62px;\r\n      top: -79px;\r\n      width: 190px;\r\n      height: 190px;\r\n      border: 1px solid rgba(255, 255, 255, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 30px rgba(255, 255, 255, 0.013);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-source__option-head {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: 59px minmax(0, 1fr);\r\n      gap: 18px;\r\n      align-items: center;\r\n      margin-bottom: 21px;\r\n    }\r\n\r\n    .prx-gear-source__option-icon {\r\n      width: 59px;\r\n      height: 59px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 16px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(225, 6, 0, 0.22),\r\n          rgba(225, 6, 0, 0.07)\r\n        );\r\n      color: #ff514c;\r\n    }\r\n\r\n    .prx-gear-source__option-icon svg {\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    .prx-gear-source__option-kicker {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      color: #ff514c;\r\n      font-size: 10px;\r\n      line-height: 1;\r\n      font-weight: 850;\r\n      letter-spacing: 0.09em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-source__option h3 {\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: 23px;\r\n      line-height: 1.25;\r\n      font-weight: 820;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-source__option-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0 0 20px;\r\n      color: rgba(255, 255, 255, 0.68);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .prx-gear-source__list {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      gap: 11px;\r\n    }\r\n\r\n    .prx-gear-source__item {\r\n      display: grid;\r\n      grid-template-columns: 24px minmax(0, 1fr);\r\n      gap: 11px;\r\n      align-items: start;\r\n    }\r\n\r\n    .prx-gear-source__check {\r\n      width: 23px;\r\n      height: 23px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 7px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      color: #ff514c;\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-source__item p {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.85);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* ======================================================\r\n       ZDJ\u0118CIE ZE SKANOWANIEM\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-source__visual {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 100%;\r\n    }\r\n\r\n    .prx-gear-source__image-frame {\r\n      position: relative;\r\n      height: 100%;\r\n      min-height: 570px;\r\n      overflow: hidden;\r\n      padding: 9px;\r\n      border: 1px solid rgba(255, 255, 255, 0.17);\r\n      border-radius: 22px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.1),\r\n          rgba(255, 255, 255, 0.025)\r\n        );\r\n      box-shadow:\r\n        0 30px 70px rgba(0, 0, 0, 0.31),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-gear-source__image-wrap {\r\n      position: relative;\r\n      height: 100%;\r\n      min-height: 550px;\r\n      overflow: hidden;\r\n      border-radius: 15px;\r\n      background: #041524;\r\n    }\r\n\r\n    .prx-gear-source__image {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 550px;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      filter: contrast(1.04) saturate(0.92);\r\n      transition:\r\n        transform 0.7s ease,\r\n        filter 0.7s ease;\r\n    }\r\n\r\n    .prx-gear-source__image-frame:hover .prx-gear-source__image {\r\n      transform: scale(1.025);\r\n      filter: contrast(1.07) saturate(1);\r\n    }\r\n\r\n    .prx-gear-source__image-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(2, 14, 24, 0.06) 35%,\r\n          rgba(2, 14, 24, 0.76) 100%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Poruszaj\u0105ca si\u0119 linia pomiarowa *\/\r\n\r\n    .prx-gear-source__scan {\r\n      position: absolute;\r\n      left: 8%;\r\n      right: 8%;\r\n      top: 18%;\r\n      z-index: 3;\r\n      height: 2px;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          transparent,\r\n          rgba(255, 72, 67, 0.95) 18%,\r\n          rgba(255, 255, 255, 0.9) 50%,\r\n          rgba(255, 72, 67, 0.95) 82%,\r\n          transparent\r\n        );\r\n      box-shadow:\r\n        0 0 10px rgba(225, 6, 0, 0.8),\r\n        0 0 25px rgba(225, 6, 0, 0.4);\r\n      opacity: 0.85;\r\n      animation: prxGearScan 5.5s ease-in-out infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-source__scan::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 72px;\r\n      background:\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(225, 6, 0, 0.08),\r\n          transparent\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Naro\u017cniki pomiarowe *\/\r\n\r\n    .prx-gear-source__corner {\r\n      position: absolute;\r\n      z-index: 4;\r\n      width: 37px;\r\n      height: 37px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-source__corner--tl {\r\n      top: 28px;\r\n      left: 28px;\r\n      border-top: 2px solid rgba(255, 255, 255, 0.75);\r\n      border-left: 2px solid rgba(255, 255, 255, 0.75);\r\n    }\r\n\r\n    .prx-gear-source__corner--tr {\r\n      top: 28px;\r\n      right: 28px;\r\n      border-top: 2px solid rgba(255, 255, 255, 0.75);\r\n      border-right: 2px solid rgba(255, 255, 255, 0.75);\r\n    }\r\n\r\n    .prx-gear-source__corner--bl {\r\n      bottom: 28px;\r\n      left: 28px;\r\n      border-bottom: 2px solid rgba(255, 255, 255, 0.75);\r\n      border-left: 2px solid rgba(255, 255, 255, 0.75);\r\n    }\r\n\r\n    .prx-gear-source__corner--br {\r\n      right: 28px;\r\n      bottom: 28px;\r\n      border-right: 2px solid rgba(255, 255, 255, 0.75);\r\n      border-bottom: 2px solid rgba(255, 255, 255, 0.75);\r\n    }\r\n\r\n    .prx-gear-source__visual-label {\r\n      position: absolute;\r\n      left: 30px;\r\n      right: 30px;\r\n      bottom: 31px;\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      padding: 14px 16px;\r\n      border: 1px solid rgba(255, 255, 255, 0.17);\r\n      border-radius: 12px;\r\n      background: rgba(3, 17, 29, 0.76);\r\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);\r\n      color: #ffffff;\r\n      font-size: 13px;\r\n      line-height: 1.4;\r\n      font-weight: 800;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-gear-source__visual-label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.14);\r\n    }\r\n\r\n    .prx-gear-source__data {\r\n      position: absolute;\r\n      top: 29px;\r\n      left: 50%;\r\n      z-index: 5;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 7px;\r\n      width: calc(100% - 90px);\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .prx-gear-source__data span {\r\n      padding: 8px 10px;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      border-radius: 999px;\r\n      background: rgba(3, 17, 29, 0.7);\r\n      color: rgba(255, 255, 255, 0.78);\r\n      font-size: 9px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      letter-spacing: 0.045em;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(9px);\r\n      -webkit-backdrop-filter: blur(9px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       DOLNY PANEL\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-source__bottom {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 57px minmax(0, 1fr) auto;\r\n      gap: 20px;\r\n      align-items: center;\r\n      margin-top: 28px;\r\n      overflow: hidden;\r\n      padding: 25px 27px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 18px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255, 255, 255, 0.085),\r\n          rgba(255, 255, 255, 0.035)\r\n        );\r\n      box-shadow:\r\n        0 19px 45px rgba(0, 0, 0, 0.17),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .prx-gear-source__bottom-icon {\r\n      width: 57px;\r\n      height: 57px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 15px;\r\n      background: rgba(225, 6, 0, 0.13);\r\n      color: #ff514c;\r\n    }\r\n\r\n    .prx-gear-source__bottom-icon svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .prx-gear-source__bottom-copy h3 {\r\n      margin: 0 0 6px;\r\n      color: #ffffff;\r\n      font-size: 20px;\r\n      line-height: 1.25;\r\n      font-weight: 820;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .prx-gear-source__bottom-copy p {\r\n      max-width: 720px;\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.66);\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .prx-gear-source__button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-height: 52px;\r\n      padding: 16px 22px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow:\r\n        0 14px 30px rgba(177, 0, 0, 0.28),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n      color: #ffffff !important;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      text-decoration: none !important;\r\n      white-space: nowrap;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-source__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow:\r\n        0 19px 36px rgba(177, 0, 0, 0.38),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-source__button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-source__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       ANIMACJA SKANOWANIA\r\n    ====================================================== *\/\r\n\r\n    @keyframes prxGearScan {\r\n      0%,\r\n      100% {\r\n        top: 18%;\r\n        opacity: 0.42;\r\n      }\r\n\r\n      50% {\r\n        top: 76%;\r\n        opacity: 0.95;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 1050px) {\r\n      .prx-gear-source__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n      }\r\n\r\n      .prx-gear-source__intro {\r\n        max-width: 860px;\r\n      }\r\n\r\n      .prx-gear-source__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-source__image-frame,\r\n      .prx-gear-source__image-wrap,\r\n      .prx-gear-source__image {\r\n        min-height: 560px;\r\n      }\r\n\r\n      .prx-gear-source__bottom {\r\n        grid-template-columns: 57px minmax(0, 1fr);\r\n      }\r\n\r\n      .prx-gear-source__button {\r\n        grid-column: 2;\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 767px) {\r\n      .prx-gear-source {\r\n        padding: 72px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-source__header {\r\n        gap: 23px;\r\n        margin-bottom: 38px;\r\n      }\r\n\r\n      .prx-gear-source__label {\r\n        margin-bottom: 17px;\r\n        padding: 9px 12px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .prx-gear-source h2 {\r\n        font-size: 34px;\r\n        line-height: 1.1;\r\n      }\r\n\r\n      .prx-gear-source__accent {\r\n        margin-top: 22px;\r\n      }\r\n\r\n      .prx-gear-source__intro {\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .prx-gear-source__option {\r\n        padding: 23px 20px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-gear-source__option-head {\r\n        grid-template-columns: 52px minmax(0, 1fr);\r\n        gap: 15px;\r\n      }\r\n\r\n      .prx-gear-source__option-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-gear-source__option-icon svg {\r\n        width: 26px;\r\n        height: 26px;\r\n      }\r\n\r\n      .prx-gear-source__option h3 {\r\n        font-size: 20px;\r\n      }\r\n\r\n      .prx-gear-source__image-frame {\r\n        min-height: 450px;\r\n        padding: 6px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-source__image-wrap,\r\n      .prx-gear-source__image {\r\n        min-height: 438px;\r\n      }\r\n\r\n      .prx-gear-source__image-wrap {\r\n        border-radius: 12px;\r\n      }\r\n\r\n      .prx-gear-source__data {\r\n        top: 18px;\r\n        width: calc(100% - 55px);\r\n      }\r\n\r\n      .prx-gear-source__data span {\r\n        padding: 7px 8px;\r\n        font-size: 8px;\r\n      }\r\n\r\n      .prx-gear-source__corner--tl,\r\n      .prx-gear-source__corner--tr {\r\n        top: 18px;\r\n      }\r\n\r\n      .prx-gear-source__corner--bl,\r\n      .prx-gear-source__corner--br {\r\n        bottom: 18px;\r\n      }\r\n\r\n      .prx-gear-source__corner--tl,\r\n      .prx-gear-source__corner--bl {\r\n        left: 18px;\r\n      }\r\n\r\n      .prx-gear-source__corner--tr,\r\n      .prx-gear-source__corner--br {\r\n        right: 18px;\r\n      }\r\n\r\n      .prx-gear-source__visual-label {\r\n        left: 18px;\r\n        right: 18px;\r\n        bottom: 20px;\r\n        padding: 12px 13px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .prx-gear-source__bottom {\r\n        grid-template-columns: 1fr;\r\n        gap: 15px;\r\n        padding: 22px 20px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-gear-source__bottom-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .prx-gear-source__button {\r\n        grid-column: auto;\r\n        width: 100%;\r\n        min-height: 54px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-source__scan {\r\n        animation: none !important;\r\n        top: 48%;\r\n      }\r\n\r\n      .prx-gear-source__image,\r\n      .prx-gear-source__option,\r\n      .prx-gear-source__button,\r\n      .prx-gear-source__button svg {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-source__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n    <header class=\"prx-gear-source__header\">\r\n\r\n      <div>\r\n\r\n        <span class=\"prx-gear-source__label\">\r\n          Punkt wyj\u015bcia do produkcji\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-gear-source-title\">\r\n          Dokumentacja techniczna czy dostarczone ko\u0142o z\u0119bate?\r\n        <\/h2>\r\n\r\n        <div class=\"prx-gear-source__accent\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"prx-gear-source__intro\">\r\n        Produkcj\u0119 mo\u017cemy rozpocz\u0105\u0107 od kompletnego rysunku albo od\r\n        fizycznego elementu pracuj\u0105cego dotychczas w maszynie.\r\n        <strong>Najpierw analizujemy dost\u0119pne dane<\/strong>, a nast\u0119pnie\r\n        okre\u015blamy zakres pomiar\u00f3w, materia\u0142 i mo\u017cliw\u0105 technologi\u0119 wykonania.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-source__layout\">\r\n\r\n      <!-- DWIE DROGI -->\r\n      <div class=\"prx-gear-source__options\">\r\n\r\n        <!-- DOKUMENTACJA -->\r\n        <article class=\"prx-gear-source__option\">\r\n\r\n          <div class=\"prx-gear-source__option-head\">\r\n\r\n            <div class=\"prx-gear-source__option-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M5 3h10l4 4v14H5V3Z\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.7\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n                <path\r\n                  d=\"M15 3v5h4M8 12h8M8 16h6\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span class=\"prx-gear-source__option-kicker\">\r\n                Wariant wykonania\r\n              <\/span>\r\n\r\n              <h3>Produkcja wed\u0142ug dokumentacji<\/h3>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"prx-gear-source__option-text\">\r\n            Rysunek techniczny lub model pozwala bezpo\u015brednio okre\u015bli\u0107\r\n            geometri\u0119 ko\u0142a oraz wymagania dotycz\u0105ce materia\u0142u i obr\u00f3bki.\r\n          <\/p>\r\n\r\n          <div class=\"prx-gear-source__list\">\r\n\r\n            <div class=\"prx-gear-source__item\">\r\n              <span class=\"prx-gear-source__check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <p>\r\n                modu\u0142, liczba z\u0119b\u00f3w, k\u0105t i pozosta\u0142e wymiary,\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-source__item\">\r\n              <span class=\"prx-gear-source__check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <p>\r\n                materia\u0142, obr\u00f3bka cieplna i wymagane wyko\u0144czenie,\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-source__item\">\r\n              <span class=\"prx-gear-source__check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <p>\r\n                otw\u00f3r, piasta, rowek wpustowy i spos\u00f3b monta\u017cu.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <!-- WZ\u00d3R -->\r\n        <article class=\"prx-gear-source__option\">\r\n\r\n          <div class=\"prx-gear-source__option-head\">\r\n\r\n            <div class=\"prx-gear-source__option-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"4\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.7\"\r\n                \/>\r\n                <path\r\n                  d=\"M12 2.8v2.1M12 19.1v2.1M2.8 12h2.1M19.1 12h2.1\r\n                     M5.5 5.5 7 7M17 17l1.5 1.5M18.5 5.5 17 7\r\n                     M7 17l-1.5 1.5\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.7\"\r\n                  stroke-linecap=\"round\"\r\n                \/>\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"8\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.2\"\r\n                  stroke-dasharray=\"2 2\"\r\n                \/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div>\r\n              <span class=\"prx-gear-source__option-kicker\">\r\n                Wariant wykonania\r\n              <\/span>\r\n\r\n              <h3>Odtworzenie na podstawie wzoru<\/h3>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"prx-gear-source__option-text\">\r\n            Gdy dokumentacja nie jest dost\u0119pna, punktem wyj\u015bcia mo\u017ce by\u0107\r\n            zu\u017cyte albo uszkodzone ko\u0142o z\u0119bate dostarczone do analizy.\r\n          <\/p>\r\n\r\n          <div class=\"prx-gear-source__list\">\r\n\r\n            <div class=\"prx-gear-source__item\">\r\n              <span class=\"prx-gear-source__check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <p>\r\n                pomiary mo\u017cliwych do odczytania element\u00f3w geometrii,\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-source__item\">\r\n              <span class=\"prx-gear-source__check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <p>\r\n                ocena zu\u017cycia, uszkodze\u0144 oraz stanu powierzchni,\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-source__item\">\r\n              <span class=\"prx-gear-source__check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <p>\r\n                weryfikacja cz\u0119\u015bci wsp\u00f3\u0142pracuj\u0105cych, je\u015bli jest potrzebna.\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <!-- ZDJ\u0118CIE -->\r\n      <div class=\"prx-gear-source__visual\">\r\n\r\n        <div class=\"prx-gear-source__image-frame\">\r\n\r\n          <div class=\"prx-gear-source__image-wrap\">\r\n\r\n            <img\r\n              class=\"prx-gear-source__image\"\r\n              src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/IMG6067-scaled.jpg\"\r\n              alt=\"Ko\u0142o z\u0119bate analizowane jako wz\u00f3r do wykonania zamiennika\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n            <div\r\n              class=\"prx-gear-source__image-overlay\"\r\n              aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n            <div\r\n              class=\"prx-gear-source__scan\"\r\n              aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n            <span\r\n              class=\"prx-gear-source__corner prx-gear-source__corner--tl\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <span\r\n              class=\"prx-gear-source__corner prx-gear-source__corner--tr\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <span\r\n              class=\"prx-gear-source__corner prx-gear-source__corner--bl\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <span\r\n              class=\"prx-gear-source__corner prx-gear-source__corner--br\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n            <div class=\"prx-gear-source__data\">\r\n              <span>Geometria<\/span>\r\n              <span>Materia\u0142<\/span>\r\n              <span>Monta\u017c<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-source__visual-label\">\r\n              Analiza wzoru przed przygotowaniem dokumentacji\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- DOLNY PANEL -->\r\n    <div class=\"prx-gear-source__bottom\">\r\n\r\n      <div class=\"prx-gear-source__bottom-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path\r\n            d=\"M12 3 3.5 19h17L12 3Z\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.7\"\r\n            stroke-linejoin=\"round\"\r\n          \/>\r\n          <path\r\n            d=\"M12 9v4M12 16.5v.1\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.9\"\r\n            stroke-linecap=\"round\"\r\n          \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"prx-gear-source__bottom-copy\">\r\n        <h3>Co, je\u015bli dostarczony element jest mocno uszkodzony?<\/h3>\r\n        <p>\r\n          Stopie\u0144 zu\u017cycia mo\u017ce ogranicza\u0107 mo\u017cliwo\u015b\u0107 odczytania cz\u0119\u015bci\r\n          parametr\u00f3w. W takiej sytuacji pomocne s\u0105 zdj\u0119cia mechanizmu,\r\n          dane drugiego ko\u0142a, informacje o maszynie oraz warunkach pracy.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        class=\"prx-gear-source__button\"\r\n        href=\"\/kontakt\/\"\r\n        aria-label=\"Prze\u015blij ko\u0142o z\u0119bate do wst\u0119pnej analizy\"\r\n      >\r\n        Zle\u0107 wst\u0119pn\u0105 analiz\u0119\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path\r\n            d=\"M5 12h14M13 6l6 6-6 6\"\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        <\/svg>\r\n      <\/a>\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\n<\/div>\n<div class=\"elementor-element elementor-element-0d02bf2 e-con e-atomic-element e-flexbox-base e-0d02bf2-4c06a9b \" data-id=\"0d02bf2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0d02bf2\">\n    \t\t<div class=\"elementor-element elementor-element-c57708e elementor-widget elementor-widget-html\" data-id=\"c57708e\" 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 7 \/ PROCES REALIZACJI\r\n     Z ANIMACJ\u0104 K\u00d3\u0141 W LEWEJ KOLUMNIE\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"prx-gear-process\"\r\n  id=\"proces-produkcji-kol-zebatych\"\r\n  aria-labelledby=\"prx-gear-process-title\"\r\n>\r\n  <style>\r\n    .prx-gear-process,\r\n    .prx-gear-process * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-process {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #41586b;\r\n      --prx-border: #dce4ea;\r\n      --prx-gray: #f4f6f9;\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: 98px 24px 104px;\r\n      background: #ffffff;\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-gear-process::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -250px;\r\n      top: -300px;\r\n      width: 600px;\r\n      height: 600px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 76px rgba(7, 27, 51, 0.012),\r\n        inset 0 0 0 152px rgba(7, 27, 51, 0.008);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -210px;\r\n      bottom: -280px;\r\n      width: 500px;\r\n      height: 500px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(225, 6, 0, 0.04),\r\n          transparent 68%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-process__header {\r\n      max-width: 880px;\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .prx-gear-process__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 19px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: var(--prx-gray);\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-process__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    .prx-gear-process h2 {\r\n      max-width: 850px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(36px, 4vw, 50px);\r\n      line-height: 1.1;\r\n      font-weight: 900;\r\n      letter-spacing: -0.04em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-process__accent {\r\n      width: 58px;\r\n      height: 4px;\r\n      margin: 25px 0;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-process__intro {\r\n      max-width: 830px;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 18px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    .prx-gear-process__intro strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 800;\r\n    }\r\n\r\n    \/* ======================================================\r\n       UK\u0141AD\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-process__layout {\r\n      display: grid;\r\n      grid-template-columns: 350px minmax(0, 1fr);\r\n      gap: 42px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* Lewa szyna zawiera panel oraz animacj\u0119 *\/\r\n\r\n    .prx-gear-process__left-rail {\r\n      position: relative;\r\n      display: grid;\r\n      gap: 28px;\r\n      align-content: start;\r\n      min-width: 0;\r\n    }\r\n\r\n    \/* ======================================================\r\n       LEWY PANEL\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-process__overview {\r\n      position: sticky;\r\n      top: 110px;\r\n      z-index: 4;\r\n      overflow: hidden;\r\n      padding: 32px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 24px;\r\n      background:\r\n        radial-gradient(\r\n          circle at 50% 34%,\r\n          rgba(7, 27, 51, 0.055),\r\n          transparent 38%\r\n        ),\r\n        linear-gradient(\r\n          145deg,\r\n          #f7f9fb,\r\n          #edf2f5\r\n        );\r\n      box-shadow: 0 20px 50px rgba(7, 27, 51, 0.08);\r\n    }\r\n\r\n    .prx-gear-process__overview::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -95px;\r\n      bottom: -110px;\r\n      width: 240px;\r\n      height: 240px;\r\n      border: 1px solid rgba(7, 27, 51, 0.045);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 39px rgba(7, 27, 51, 0.012);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process__wheel {\r\n      position: relative;\r\n      width: 190px;\r\n      height: 190px;\r\n      margin: 5px auto 29px;\r\n    }\r\n\r\n    .prx-gear-process__wheel-ring {\r\n      position: absolute;\r\n      inset: 0;\r\n      border: 1px dashed rgba(7, 27, 51, 0.17);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-process__wheel-ring::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 20px;\r\n      border: 1px solid rgba(7, 27, 51, 0.09);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-process__wheel-ring::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 39px;\r\n      border: 1px dashed rgba(225, 6, 0, 0.2);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-process__wheel-center {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: 116px;\r\n      height: 116px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transform: translate(-50%, -50%);\r\n      border: 7px solid rgba(255, 255, 255, 0.19);\r\n      border-radius: 50%;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #0c385b,\r\n          #071b33\r\n        );\r\n      box-shadow: 0 18px 37px rgba(7, 27, 51, 0.2);\r\n      color: #ffffff;\r\n      text-align: center;\r\n    }\r\n\r\n    .prx-gear-process__wheel-center strong {\r\n      display: block;\r\n      color: #ffffff;\r\n      font-size: 41px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-process__wheel-center span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: #d9e5ee;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 750;\r\n    }\r\n\r\n    .prx-gear-process__overview h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0 0 13px;\r\n      color: var(--prx-navy);\r\n      font-size: 24px;\r\n      line-height: 1.25;\r\n      font-weight: 880;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-process__overview p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-gear-process__overview-note {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin-top: 22px;\r\n      padding: 16px 17px;\r\n      border: 1px solid #dce4ea;\r\n      border-radius: 13px;\r\n      background: rgba(255, 255, 255, 0.84);\r\n      color: #526678;\r\n      font-size: 15px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .prx-gear-process__overview-note strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* ======================================================\r\n       ANIMACJA POD LEWYM PANELEM\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-process__motion {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      height: 255px;\r\n      overflow: visible;\r\n      opacity: 0.88;\r\n      background:\r\n        radial-gradient(\r\n          circle at 52% 50%,\r\n          rgba(7, 27, 51, 0.045),\r\n          transparent 65%\r\n        );\r\n      pointer-events: none;\r\n      user-select: none;\r\n    }\r\n\r\n    .prx-gear-process__motion::before,\r\n    .prx-gear-process__motion::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process__motion::before {\r\n      top: 8px;\r\n      right: 22px;\r\n      width: 210px;\r\n      height: 210px;\r\n    }\r\n\r\n    .prx-gear-process__motion::after {\r\n      left: 40px;\r\n      bottom: 5px;\r\n      width: 135px;\r\n      height: 135px;\r\n      border-style: dashed;\r\n    }\r\n\r\n    .prx-gear-process__motion svg {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      overflow: visible;\r\n    }\r\n\r\n    .prx-gear-process__motion-body {\r\n      stroke: rgba(68, 86, 101, 0.78);\r\n      stroke-width: 1.35;\r\n      stroke-linejoin: round;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-hub {\r\n      stroke: rgba(48, 68, 84, 0.66);\r\n      stroke-width: 1.4;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-ring {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.6);\r\n      stroke-width: 1.15;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-ring--dark {\r\n      stroke: rgba(36, 56, 72, 0.26);\r\n    }\r\n\r\n    .prx-gear-process__motion-bore,\r\n    .prx-gear-process__motion-keyway {\r\n      fill: #0c2439;\r\n      stroke: rgba(255, 255, 255, 0.66);\r\n      stroke-width: 1.3;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-bolt {\r\n      fill: #10283e;\r\n      stroke: rgba(255, 255, 255, 0.72);\r\n      stroke-width: 1.4;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-axis {\r\n      fill: none;\r\n      stroke: rgba(7, 27, 51, 0.09);\r\n      stroke-width: 1;\r\n      stroke-dasharray: 5 8;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-pitch {\r\n      fill: none;\r\n      stroke: rgba(42, 151, 207, 0.22);\r\n      stroke-width: 1.2;\r\n      stroke-dasharray: 6 9;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    .prx-gear-process__motion-contact-halo {\r\n      fill: rgba(225, 6, 0, 0.08);\r\n      stroke: rgba(225, 6, 0, 0.21);\r\n      stroke-width: 1;\r\n      transform-box: fill-box;\r\n      transform-origin: center;\r\n      animation: prx-process-contact-pulse 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .prx-gear-process__motion-contact {\r\n      fill: var(--prx-red);\r\n      stroke: #ffffff;\r\n      stroke-width: 2;\r\n      vector-effect: non-scaling-stroke;\r\n    }\r\n\r\n    @keyframes prx-process-contact-pulse {\r\n      0%,\r\n      100% {\r\n        opacity: 0.35;\r\n        transform: scale(0.75);\r\n      }\r\n\r\n      50% {\r\n        opacity: 0.95;\r\n        transform: scale(1.18);\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       PIONOWA O\u015a PROCESU\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-process__steps {\r\n      position: relative;\r\n      display: grid;\r\n      gap: 19px;\r\n    }\r\n\r\n    .prx-gear-process__steps::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 32px;\r\n      top: 32px;\r\n      bottom: 32px;\r\n      width: 2px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(225, 6, 0, 0.18),\r\n          var(--prx-red) 15%,\r\n          var(--prx-red) 85%,\r\n          rgba(225, 6, 0, 0.18)\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process__step {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 66px minmax(0, 1fr);\r\n      gap: 20px;\r\n      align-items: start;\r\n    }\r\n\r\n    .prx-gear-process__number {\r\n      position: relative;\r\n      z-index: 3;\r\n      width: 66px;\r\n      height: 66px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 2px solid var(--prx-navy);\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      box-shadow:\r\n        0 9px 23px rgba(7, 27, 51, 0.1),\r\n        0 0 0 7px #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 19px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-process__step-content {\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 26px 28px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 18px;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #f8fafb,\r\n          #f2f5f7\r\n        );\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-process__step-content:hover {\r\n      transform: translateX(4px);\r\n      border-color: rgba(225, 6, 0, 0.23);\r\n      box-shadow: 0 16px 35px rgba(7, 27, 51, 0.07);\r\n    }\r\n\r\n    .prx-gear-process__step-content::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -55px;\r\n      bottom: -64px;\r\n      width: 145px;\r\n      height: 145px;\r\n      border: 1px solid rgba(7, 27, 51, 0.035);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 23px rgba(7, 27, 51, 0.009);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process__step-content h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0 0 10px;\r\n      color: var(--prx-navy);\r\n      font-size: 23px;\r\n      line-height: 1.28;\r\n      font-weight: 880;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-process__step-content p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .prx-gear-process__step:last-child\r\n    .prx-gear-process__number {\r\n      border-color: var(--prx-red);\r\n      background: var(--prx-red);\r\n      color: #ffffff;\r\n    }\r\n\r\n    .prx-gear-process__step:last-child\r\n    .prx-gear-process__step-content {\r\n      border-color: rgba(225, 6, 0, 0.18);\r\n      background:\r\n        radial-gradient(\r\n          circle at 94% 10%,\r\n          rgba(225, 6, 0, 0.045),\r\n          transparent 32%\r\n        ),\r\n        #ffffff;\r\n    }\r\n\r\n    \/* ======================================================\r\n       CTA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-process__cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 28px;\r\n      align-items: center;\r\n      margin-top: 32px;\r\n      overflow: hidden;\r\n      padding: 28px 30px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 20px;\r\n      background: var(--prx-gray);\r\n      box-shadow: 0 17px 42px rgba(7, 27, 51, 0.06);\r\n    }\r\n\r\n    .prx-gear-process__cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 4px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-process__cta::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -75px;\r\n      top: -100px;\r\n      width: 220px;\r\n      height: 220px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 35px rgba(7, 27, 51, 0.01);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-process__cta-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding-left: 4px;\r\n    }\r\n\r\n    .prx-gear-process__cta-copy h3 {\r\n      margin: 0 0 8px;\r\n      color: var(--prx-navy);\r\n      font-size: 22px;\r\n      line-height: 1.3;\r\n      font-weight: 880;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .prx-gear-process__cta-copy p {\r\n      max-width: 720px;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .prx-gear-process__button {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-height: 54px;\r\n      padding: 17px 23px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.23);\r\n      color: #ffffff !important;\r\n      font-size: 15px;\r\n      line-height: 1;\r\n      font-weight: 850;\r\n      text-decoration: none !important;\r\n      white-space: nowrap;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-process__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 19px 35px rgba(225, 6, 0, 0.32);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-process__button svg {\r\n      width: 19px;\r\n      height: 19px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-process__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 1000px) {\r\n      .prx-gear-process__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-process__left-rail {\r\n        display: block;\r\n      }\r\n\r\n      .prx-gear-process__overview {\r\n        position: static;\r\n        display: grid;\r\n        grid-template-columns: 200px minmax(0, 1fr);\r\n        gap: 28px;\r\n        align-items: center;\r\n      }\r\n\r\n      .prx-gear-process__wheel {\r\n        margin: 0;\r\n      }\r\n\r\n      .prx-gear-process__motion {\r\n        display: none;\r\n      }\r\n\r\n      .prx-gear-process__cta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-process__button {\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 720px) {\r\n      .prx-gear-process {\r\n        padding: 70px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-process__header {\r\n        margin-bottom: 36px;\r\n      }\r\n\r\n      .prx-gear-process__label {\r\n        margin-bottom: 16px;\r\n        padding: 8px 12px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .prx-gear-process h2 {\r\n        font-size: 34px;\r\n        line-height: 1.12;\r\n      }\r\n\r\n      .prx-gear-process__intro {\r\n        font-size: 17px;\r\n        line-height: 1.68;\r\n      }\r\n\r\n      .prx-gear-process__layout {\r\n        gap: 28px;\r\n      }\r\n\r\n      .prx-gear-process__overview {\r\n        display: block;\r\n        padding: 25px 22px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-gear-process__wheel {\r\n        width: 170px;\r\n        height: 170px;\r\n        margin: 0 auto 26px;\r\n      }\r\n\r\n      .prx-gear-process__wheel-center {\r\n        width: 105px;\r\n        height: 105px;\r\n      }\r\n\r\n      .prx-gear-process__wheel-center strong {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .prx-gear-process__steps {\r\n        gap: 15px;\r\n      }\r\n\r\n      .prx-gear-process__steps::before {\r\n        left: 25px;\r\n        top: 27px;\r\n        bottom: 27px;\r\n      }\r\n\r\n      .prx-gear-process__step {\r\n        grid-template-columns: 52px minmax(0, 1fr);\r\n        gap: 13px;\r\n      }\r\n\r\n      .prx-gear-process__number {\r\n        width: 52px;\r\n        height: 52px;\r\n        box-shadow:\r\n          0 7px 18px rgba(7, 27, 51, 0.1),\r\n          0 0 0 5px #ffffff;\r\n        font-size: 16px;\r\n      }\r\n\r\n      .prx-gear-process__step-content {\r\n        padding: 22px 20px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .prx-gear-process__step-content:hover {\r\n        transform: none;\r\n      }\r\n\r\n      .prx-gear-process__step-content h3 {\r\n        font-size: 21px;\r\n      }\r\n\r\n      .prx-gear-process__step-content p {\r\n        font-size: 16px;\r\n        line-height: 1.67;\r\n      }\r\n\r\n      .prx-gear-process__cta {\r\n        gap: 20px;\r\n        padding: 24px 22px 24px 25px;\r\n        border-radius: 17px;\r\n      }\r\n\r\n      .prx-gear-process__cta-copy h3 {\r\n        font-size: 21px;\r\n      }\r\n\r\n      .prx-gear-process__button {\r\n        width: 100%;\r\n        min-height: 55px;\r\n        white-space: normal;\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-process__step-content,\r\n      .prx-gear-process__button,\r\n      .prx-gear-process__button svg {\r\n        transition: none !important;\r\n      }\r\n\r\n      .prx-gear-process__motion-contact-halo {\r\n        animation: none;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-process__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n\r\n    <header class=\"prx-gear-process__header\">\r\n\r\n      <span class=\"prx-gear-process__label\">\r\n        Od zapytania do gotowego elementu\r\n      <\/span>\r\n\r\n      <h2 id=\"prx-gear-process-title\">\r\n        Jak przebiega realizacja ko\u0142a z\u0119batego na zam\u00f3wienie?\r\n      <\/h2>\r\n\r\n      <div\r\n        class=\"prx-gear-process__accent\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <p class=\"prx-gear-process__intro\">\r\n        Kolejne dzia\u0142ania zale\u017c\u0105 od tego, czy punktem wyj\u015bcia jest gotowa\r\n        dokumentacja, czy dostarczony wz\u00f3r. <strong>Ka\u017cd\u0105 realizacj\u0119\r\n        rozpoczynamy od analizy dost\u0119pnych danych<\/strong> i okre\u015blenia\r\n        mo\u017cliwego zakresu wykonania.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-process__layout\">\r\n\r\n      <!-- LEWA KOLUMNA -->\r\n\r\n      <div class=\"prx-gear-process__left-rail\">\r\n\r\n        <aside\r\n          class=\"prx-gear-process__overview\"\r\n          aria-label=\"Podsumowanie procesu realizacji\"\r\n        >\r\n\r\n          <div class=\"prx-gear-process__wheel\" aria-hidden=\"true\">\r\n            <div class=\"prx-gear-process__wheel-ring\"><\/div>\r\n\r\n            <div class=\"prx-gear-process__wheel-center\">\r\n              <strong>6<\/strong>\r\n              <span>etap\u00f3w<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>Uporz\u0105dkowany proces realizacji<\/h3>\r\n\r\n            <p>\r\n              Ka\u017cdy etap ma okre\u015blony cel: od zebrania danych, przez\r\n              przygotowanie geometrii i wykonanie, a\u017c do kontroli gotowego\r\n              elementu.\r\n            <\/p>\r\n\r\n            <div class=\"prx-gear-process__overview-note\">\r\n              <strong>Nie masz dokumentacji?<\/strong><br>\r\n              Proces mo\u017ce rozpocz\u0105\u0107 si\u0119 od zdj\u0119\u0107, wymiar\u00f3w i dostarczonego\r\n              ko\u0142a z\u0119batego.\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n        <!-- ANIMACJA W PUSTEJ PRZESTRZENI -->\r\n\r\n        <div\r\n          class=\"prx-gear-process__motion\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <svg\r\n            viewBox=\"135 80 600 450\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n          >\r\n            <defs class=\"prx-gear-process__motion-defs\"><\/defs>\r\n\r\n            <line\r\n              class=\"prx-gear-process__motion-axis\"\r\n              x1=\"330\"\r\n              y1=\"360\"\r\n              x2=\"532.65\"\r\n              y2=\"243\"\r\n            \/>\r\n\r\n            <line\r\n              class=\"prx-gear-process__motion-axis\"\r\n              x1=\"532.65\"\r\n              y1=\"243\"\r\n              x2=\"590.7\"\r\n              y2=\"394.2\"\r\n            \/>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-pitch\"\r\n              cx=\"330\"\r\n              cy=\"360\"\r\n              r=\"144\"\r\n            \/>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-pitch\"\r\n              cx=\"532.65\"\r\n              cy=\"243\"\r\n              r=\"90\"\r\n            \/>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-pitch\"\r\n              cx=\"590.7\"\r\n              cy=\"394.2\"\r\n              r=\"72\"\r\n            \/>\r\n\r\n            <g data-prx-process-gear=\"a\"><\/g>\r\n            <g data-prx-process-gear=\"b\"><\/g>\r\n            <g data-prx-process-gear=\"c\"><\/g>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-contact-halo\"\r\n              cx=\"454.7\"\r\n              cy=\"288\"\r\n              r=\"13\"\r\n            \/>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-contact\"\r\n              cx=\"454.7\"\r\n              cy=\"288\"\r\n              r=\"5\"\r\n            \/>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-contact-halo\"\r\n              cx=\"564.9\"\r\n              cy=\"327\"\r\n              r=\"13\"\r\n              style=\"animation-delay:-1.2s\"\r\n            \/>\r\n\r\n            <circle\r\n              class=\"prx-gear-process__motion-contact\"\r\n              cx=\"564.9\"\r\n              cy=\"327\"\r\n              r=\"5\"\r\n            \/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ETAPY -->\r\n\r\n      <div class=\"prx-gear-process__steps\">\r\n\r\n        <article class=\"prx-gear-process__step\">\r\n          <div class=\"prx-gear-process__number\">01<\/div>\r\n\r\n          <div class=\"prx-gear-process__step-content\">\r\n            <h3>Analiza zapytania i wst\u0119pna ocena<\/h3>\r\n\r\n            <p>\r\n              Sprawdzamy rysunek, model albo dostarczony wz\u00f3r. Ustalamy\r\n              zastosowanie elementu, dost\u0119pne dane, stan ko\u0142a oraz\r\n              informacje potrzebne do przygotowania zakresu realizacji.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"prx-gear-process__step\">\r\n          <div class=\"prx-gear-process__number\">02<\/div>\r\n\r\n          <div class=\"prx-gear-process__step-content\">\r\n            <h3>Odtworzenie lub weryfikacja geometrii<\/h3>\r\n\r\n            <p>\r\n              Weryfikujemy modu\u0142, liczb\u0119 z\u0119b\u00f3w, wymiary, otw\u00f3r, piast\u0119\r\n              i spos\u00f3b monta\u017cu. Je\u017celi dokumentacji nie ma, analizujemy\r\n              parametry mo\u017cliwe do odczytania z dostarczonego elementu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"prx-gear-process__step\">\r\n          <div class=\"prx-gear-process__number\">03<\/div>\r\n\r\n          <div class=\"prx-gear-process__step-content\">\r\n            <h3>Dob\u00f3r materia\u0142u i technologii<\/h3>\r\n\r\n            <p>\r\n              Uwzgl\u0119dniamy obci\u0105\u017cenie, pr\u0119dko\u015b\u0107 pracy, \u015brodowisko,\r\n              wsp\u00f3\u0142pracuj\u0105ce cz\u0119\u015bci oraz wymagania dotycz\u0105ce obr\u00f3bki\r\n              cieplnej i wyko\u0144czenia powierzchni.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"prx-gear-process__step\">\r\n          <div class=\"prx-gear-process__number\">04<\/div>\r\n\r\n          <div class=\"prx-gear-process__step-content\">\r\n            <h3>Produkcja elementu<\/h3>\r\n\r\n            <p>\r\n              Przygotowujemy materia\u0142 i wykonujemy kolejne operacje\r\n              obr\u00f3bcze zgodnie z ustalon\u0105 dokumentacj\u0105. Zakres obejmuje\r\n              geometri\u0119 ko\u0142a, uz\u0119bienie, otw\u00f3r, piast\u0119 oraz elementy\r\n              monta\u017cowe przewidziane w projekcie.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"prx-gear-process__step\">\r\n          <div class=\"prx-gear-process__number\">05<\/div>\r\n\r\n          <div class=\"prx-gear-process__step-content\">\r\n            <h3>Obr\u00f3bka cieplna i wyko\u0144czenie<\/h3>\r\n\r\n            <p>\r\n              Je\u017celi wymaga tego specyfikacja, ko\u0142o przechodzi odpowiedni\u0105\r\n              obr\u00f3bk\u0119 ciepln\u0105. Nast\u0119pnie wykonywane s\u0105 uzgodnione operacje\r\n              wyko\u0144czeniowe, na przyk\u0142ad szlifowanie z\u0119b\u00f3w lub otworu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"prx-gear-process__step\">\r\n          <div class=\"prx-gear-process__number\">06<\/div>\r\n\r\n          <div class=\"prx-gear-process__step-content\">\r\n            <h3>Kontrola jako\u015bci gotowego ko\u0142a<\/h3>\r\n\r\n            <p>\r\n              Ka\u017cdy wykonany element przechodzi kontrol\u0119 wymiarow\u0105.\r\n              Sprawdzamy zgodno\u015b\u0107 istotnych parametr\u00f3w z dokumentacj\u0105\r\n              oraz specyfikacj\u0105 ustalon\u0105 dla danego zlecenia.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n\r\n    <div class=\"prx-gear-process__cta\">\r\n\r\n      <div class=\"prx-gear-process__cta-copy\">\r\n        <h3>Rozpocznij od przes\u0142ania dost\u0119pnych danych<\/h3>\r\n\r\n        <p>\r\n          Wy\u015blij rysunek, model, zdj\u0119cia albo podstawowe wymiary ko\u0142a.\r\n          Je\u015bli masz zu\u017cyty element, opisz jego stan i zastosowanie\r\n          w maszynie.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a\r\n        class=\"prx-gear-process__button\"\r\n        href=\"\/kontakt\/\"\r\n        aria-label=\"Prze\u015blij dane do wykonania ko\u0142a z\u0119batego\"\r\n      >\r\n        Prze\u015blij dane do analizy\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path\r\n            d=\"M5 12h14M13 6l6 6-6 6\"\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        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const SVG_NS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n\r\n      function createSvgElement(name, attributes) {\r\n        const element = document.createElementNS(SVG_NS, name);\r\n\r\n        Object.keys(attributes || {}).forEach(function (key) {\r\n          element.setAttribute(key, attributes[key]);\r\n        });\r\n\r\n        return element;\r\n      }\r\n\r\n      function pointOnCircle(radius, angle) {\r\n        return {\r\n          x: radius * Math.cos(angle),\r\n          y: radius * Math.sin(angle)\r\n        };\r\n      }\r\n\r\n      function pointString(point) {\r\n        return point.x.toFixed(3) + \" \" + point.y.toFixed(3);\r\n      }\r\n\r\n      function createGearPath(teeth, moduleSize) {\r\n        const fullCircle = Math.PI * 2;\r\n        const pressureAngle = 20 * Math.PI \/ 180;\r\n\r\n        const pitchRadius = teeth * moduleSize \/ 2;\r\n        const baseRadius = pitchRadius * Math.cos(pressureAngle);\r\n        const outerRadius = pitchRadius + moduleSize;\r\n        const rootRadius = pitchRadius - 1.25 * moduleSize;\r\n\r\n        const toothPitch = fullCircle \/ teeth;\r\n        const halfToothAngle = Math.PI \/ (2 * teeth);\r\n        const involuteAtPitch =\r\n          Math.tan(pressureAngle) - pressureAngle;\r\n\r\n        function involuteValue(radius) {\r\n          const ratio = Math.min(1, baseRadius \/ radius);\r\n          const alpha = Math.acos(ratio);\r\n\r\n          return Math.tan(alpha) - alpha;\r\n        }\r\n\r\n        function flankAngle(radius) {\r\n          return (\r\n            halfToothAngle +\r\n            involuteAtPitch -\r\n            involuteValue(radius)\r\n          );\r\n        }\r\n\r\n        const baseFlankAngle =\r\n          halfToothAngle + involuteAtPitch;\r\n\r\n        const outerFlankAngle =\r\n          flankAngle(outerRadius);\r\n\r\n        const transitionAngle =\r\n          toothPitch * 0.045;\r\n\r\n        const flankSteps = 7;\r\n        let path = \"\";\r\n\r\n        for (let tooth = 0; tooth < teeth; tooth++) {\r\n          const centerAngle = tooth * toothPitch;\r\n\r\n          const gapStartAngle =\r\n            centerAngle - toothPitch \/ 2;\r\n\r\n          const leftRootApproachAngle =\r\n            centerAngle -\r\n            baseFlankAngle -\r\n            transitionAngle;\r\n\r\n          const leftBaseAngle =\r\n            centerAngle - baseFlankAngle;\r\n\r\n          const rightBaseAngle =\r\n            centerAngle + baseFlankAngle;\r\n\r\n          const rightRootDepartureAngle =\r\n            centerAngle +\r\n            baseFlankAngle +\r\n            transitionAngle;\r\n\r\n          const gapEndAngle =\r\n            centerAngle + toothPitch \/ 2;\r\n\r\n          const gapStart =\r\n            pointOnCircle(rootRadius, gapStartAngle);\r\n\r\n          const leftRootApproach =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              leftRootApproachAngle\r\n            );\r\n\r\n          const leftRootControl =\r\n            pointOnCircle(rootRadius, leftBaseAngle);\r\n\r\n          const leftBase =\r\n            pointOnCircle(baseRadius, leftBaseAngle);\r\n\r\n          if (tooth === 0) {\r\n            path += \"M \" + pointString(gapStart) + \" \";\r\n          } else {\r\n            path += \"L \" + pointString(gapStart) + \" \";\r\n          }\r\n\r\n          path +=\r\n            \"A \" +\r\n            rootRadius.toFixed(3) +\r\n            \" \" +\r\n            rootRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointString(leftRootApproach) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"Q \" +\r\n            pointString(leftRootControl) +\r\n            \" \" +\r\n            pointString(leftBase) +\r\n            \" \";\r\n\r\n          for (let step = 1; step <= flankSteps; step++) {\r\n            const progress = step \/ flankSteps;\r\n\r\n            const radius =\r\n              baseRadius +\r\n              (outerRadius - baseRadius) * progress;\r\n\r\n            const angle =\r\n              centerAngle - flankAngle(radius);\r\n\r\n            path +=\r\n              \"L \" +\r\n              pointString(\r\n                pointOnCircle(radius, angle)\r\n              ) +\r\n              \" \";\r\n          }\r\n\r\n          const rightOuter =\r\n            pointOnCircle(\r\n              outerRadius,\r\n              centerAngle + outerFlankAngle\r\n            );\r\n\r\n          path +=\r\n            \"A \" +\r\n            outerRadius.toFixed(3) +\r\n            \" \" +\r\n            outerRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointString(rightOuter) +\r\n            \" \";\r\n\r\n          for (\r\n            let step = flankSteps - 1;\r\n            step >= 0;\r\n            step--\r\n          ) {\r\n            const progress = step \/ flankSteps;\r\n\r\n            const radius =\r\n              baseRadius +\r\n              (outerRadius - baseRadius) * progress;\r\n\r\n            const angle =\r\n              centerAngle + flankAngle(radius);\r\n\r\n            path +=\r\n              \"L \" +\r\n              pointString(\r\n                pointOnCircle(radius, angle)\r\n              ) +\r\n              \" \";\r\n          }\r\n\r\n          const rightBase =\r\n            pointOnCircle(baseRadius, rightBaseAngle);\r\n\r\n          const rightRootControl =\r\n            pointOnCircle(rootRadius, rightBaseAngle);\r\n\r\n          const rightRootDeparture =\r\n            pointOnCircle(\r\n              rootRadius,\r\n              rightRootDepartureAngle\r\n            );\r\n\r\n          const gapEnd =\r\n            pointOnCircle(rootRadius, gapEndAngle);\r\n\r\n          path +=\r\n            \"L \" +\r\n            pointString(rightBase) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"Q \" +\r\n            pointString(rightRootControl) +\r\n            \" \" +\r\n            pointString(rightRootDeparture) +\r\n            \" \";\r\n\r\n          path +=\r\n            \"A \" +\r\n            rootRadius.toFixed(3) +\r\n            \" \" +\r\n            rootRadius.toFixed(3) +\r\n            \" 0 0 1 \" +\r\n            pointString(gapEnd) +\r\n            \" \";\r\n        }\r\n\r\n        path += \"Z\";\r\n\r\n        return {\r\n          path: path,\r\n          pitchRadius: pitchRadius\r\n        };\r\n      }\r\n\r\n      function addCircle(group, attributes, className) {\r\n        const circle = createSvgElement(\r\n          \"circle\",\r\n          attributes\r\n        );\r\n\r\n        circle.setAttribute(\"class\", className);\r\n        group.appendChild(circle);\r\n\r\n        return circle;\r\n      }\r\n\r\n      function buildGear(\r\n        group,\r\n        options,\r\n        bodyGradient,\r\n        hubGradient,\r\n        shadow\r\n      ) {\r\n        const geometry = createGearPath(\r\n          options.teeth,\r\n          options.module\r\n        );\r\n\r\n        const body = createSvgElement(\"path\", {\r\n          d: geometry.path,\r\n          fill: \"url(#\" + bodyGradient + \")\",\r\n          filter: \"url(#\" + shadow + \")\",\r\n          class: \"prx-gear-process__motion-body\"\r\n        });\r\n\r\n        group.appendChild(body);\r\n\r\n        const hubRadius =\r\n          geometry.pitchRadius * options.hubRatio;\r\n\r\n        const boreRadius =\r\n          geometry.pitchRadius * options.boreRatio;\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius,\r\n            fill: \"url(#\" + hubGradient + \")\"\r\n          },\r\n          \"prx-gear-process__motion-hub\"\r\n        );\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius * 0.82\r\n          },\r\n          \"prx-gear-process__motion-ring\"\r\n        );\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: hubRadius * 0.67\r\n          },\r\n          \"prx-gear-process__motion-ring prx-gear-process__motion-ring--dark\"\r\n        );\r\n\r\n        if (options.bolts) {\r\n          const boltOrbit =\r\n            geometry.pitchRadius * 0.49;\r\n\r\n          const boltRadius =\r\n            options.module * 0.56;\r\n\r\n          for (\r\n            let index = 0;\r\n            index < options.bolts;\r\n            index++\r\n          ) {\r\n            const angle =\r\n              -Math.PI \/ 2 +\r\n              index *\r\n              Math.PI *\r\n              2 \/\r\n              options.bolts;\r\n\r\n            const boltPoint =\r\n              pointOnCircle(boltOrbit, angle);\r\n\r\n            addCircle(\r\n              group,\r\n              {\r\n                cx: boltPoint.x,\r\n                cy: boltPoint.y,\r\n                r: boltRadius\r\n              },\r\n              \"prx-gear-process__motion-bolt\"\r\n            );\r\n          }\r\n        }\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: boreRadius\r\n          },\r\n          \"prx-gear-process__motion-bore\"\r\n        );\r\n\r\n        const keywayWidth =\r\n          options.module * 1.43;\r\n\r\n        const keyway = createSvgElement(\"rect\", {\r\n          x: -keywayWidth \/ 2,\r\n          y:\r\n            -boreRadius -\r\n            options.module * 0.52,\r\n          width: keywayWidth,\r\n          height: options.module * 1.5,\r\n          rx: options.module * 0.11,\r\n          class: \"prx-gear-process__motion-keyway\"\r\n        });\r\n\r\n        group.appendChild(keyway);\r\n\r\n        addCircle(\r\n          group,\r\n          {\r\n            cx: 0,\r\n            cy: 0,\r\n            r: boreRadius + 4\r\n          },\r\n          \"prx-gear-process__motion-ring\"\r\n        );\r\n      }\r\n\r\n      function initializeProcessGears() {\r\n        const sections = document.querySelectorAll(\r\n          \".prx-gear-process:not([data-process-gears-ready])\"\r\n        );\r\n\r\n        sections.forEach(function (section, index) {\r\n          section.setAttribute(\r\n            \"data-process-gears-ready\",\r\n            \"true\"\r\n          );\r\n\r\n          const defs = section.querySelector(\r\n            \".prx-gear-process__motion-defs\"\r\n          );\r\n\r\n          const gearA = section.querySelector(\r\n            '[data-prx-process-gear=\"a\"]'\r\n          );\r\n\r\n          const gearB = section.querySelector(\r\n            '[data-prx-process-gear=\"b\"]'\r\n          );\r\n\r\n          const gearC = section.querySelector(\r\n            '[data-prx-process-gear=\"c\"]'\r\n          );\r\n\r\n          if (!defs || !gearA || !gearB || !gearC) {\r\n            return;\r\n          }\r\n\r\n          const uniqueId =\r\n            \"prx-process-gears-\" +\r\n            index +\r\n            \"-\" +\r\n            Math.random().toString(36).slice(2, 8);\r\n\r\n          const mainGradient =\r\n            uniqueId + \"-main\";\r\n\r\n          const secondGradient =\r\n            uniqueId + \"-second\";\r\n\r\n          const lightGradient =\r\n            uniqueId + \"-light\";\r\n\r\n          const hubGradient =\r\n            uniqueId + \"-hub\";\r\n\r\n          const shadow =\r\n            uniqueId + \"-shadow\";\r\n\r\n          defs.innerHTML =\r\n            '<linearGradient id=\"' +\r\n            mainGradient +\r\n            '\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#ffffff\"\/>' +\r\n              '<stop offset=\"19%\" stop-color=\"#a7b4bd\"\/>' +\r\n              '<stop offset=\"41%\" stop-color=\"#eef2f4\"\/>' +\r\n              '<stop offset=\"64%\" stop-color=\"#8798a4\"\/>' +\r\n              '<stop offset=\"83%\" stop-color=\"#dce3e7\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#748793\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<linearGradient id=\"' +\r\n            secondGradient +\r\n            '\" x1=\"10%\" y1=\"0%\" x2=\"90%\" y2=\"100%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#e8edf0\"\/>' +\r\n              '<stop offset=\"26%\" stop-color=\"#899aa5\"\/>' +\r\n              '<stop offset=\"51%\" stop-color=\"#d7dfe3\"\/>' +\r\n              '<stop offset=\"76%\" stop-color=\"#70838f\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#b9c4cb\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<linearGradient id=\"' +\r\n            lightGradient +\r\n            '\" x1=\"0%\" y1=\"20%\" x2=\"100%\" y2=\"80%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#f7f9fa\"\/>' +\r\n              '<stop offset=\"31%\" stop-color=\"#9cabb5\"\/>' +\r\n              '<stop offset=\"58%\" stop-color=\"#e2e7ea\"\/>' +\r\n              '<stop offset=\"82%\" stop-color=\"#788a96\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#c4cdd3\"\/>' +\r\n            '<\/linearGradient>' +\r\n\r\n            '<radialGradient id=\"' +\r\n            hubGradient +\r\n            '\" cx=\"34%\" cy=\"28%\" r=\"78%\">' +\r\n              '<stop offset=\"0%\" stop-color=\"#ffffff\"\/>' +\r\n              '<stop offset=\"33%\" stop-color=\"#bdc7cd\"\/>' +\r\n              '<stop offset=\"68%\" stop-color=\"#8696a1\"\/>' +\r\n              '<stop offset=\"100%\" stop-color=\"#5c707d\"\/>' +\r\n            '<\/radialGradient>' +\r\n\r\n            '<filter id=\"' +\r\n            shadow +\r\n            '\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">' +\r\n              '<feDropShadow dx=\"0\" dy=\"8\" stdDeviation=\"8\" flood-color=\"#071b33\" flood-opacity=\"0.18\"\/>' +\r\n            '<\/filter>';\r\n\r\n          buildGear(\r\n            gearA,\r\n            {\r\n              teeth: 32,\r\n              module: 9,\r\n              hubRatio: 0.64,\r\n              boreRatio: 0.22,\r\n              bolts: 6\r\n            },\r\n            mainGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          buildGear(\r\n            gearB,\r\n            {\r\n              teeth: 20,\r\n              module: 9,\r\n              hubRatio: 0.61,\r\n              boreRatio: 0.25,\r\n              bolts: 0\r\n            },\r\n            secondGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          buildGear(\r\n            gearC,\r\n            {\r\n              teeth: 16,\r\n              module: 9,\r\n              hubRatio: 0.6,\r\n              boreRatio: 0.27,\r\n              bolts: 0\r\n            },\r\n            lightGradient,\r\n            hubGradient,\r\n            shadow\r\n          );\r\n\r\n          const baseAngles = {\r\n            a: -30,\r\n            b: 141,\r\n            c: 237.75\r\n          };\r\n\r\n          let targetAngle = 0;\r\n          let currentAngle = 0;\r\n          let frame = null;\r\n          let visible = true;\r\n\r\n          const reducedMotion =\r\n            window.matchMedia(\r\n              \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n          function applyRotation(masterAngle) {\r\n            const angleA =\r\n              baseAngles.a + masterAngle;\r\n\r\n            const angleB =\r\n              baseAngles.b -\r\n              masterAngle * 32 \/ 20;\r\n\r\n            const angleC =\r\n              baseAngles.c +\r\n              masterAngle * 32 \/ 16;\r\n\r\n            gearA.setAttribute(\r\n              \"transform\",\r\n              \"translate(330 360) rotate(\" +\r\n              angleA +\r\n              \")\"\r\n            );\r\n\r\n            gearB.setAttribute(\r\n              \"transform\",\r\n              \"translate(532.65 243) rotate(\" +\r\n              angleB +\r\n              \")\"\r\n            );\r\n\r\n            gearC.setAttribute(\r\n              \"transform\",\r\n              \"translate(590.7 394.2) rotate(\" +\r\n              angleC +\r\n              \")\"\r\n            );\r\n          }\r\n\r\n          function render() {\r\n            currentAngle +=\r\n              (targetAngle - currentAngle) * 0.11;\r\n\r\n            applyRotation(currentAngle);\r\n\r\n            if (\r\n              Math.abs(targetAngle - currentAngle) >\r\n              0.015\r\n            ) {\r\n              frame = requestAnimationFrame(render);\r\n            } else {\r\n              currentAngle = targetAngle;\r\n              applyRotation(currentAngle);\r\n              frame = null;\r\n            }\r\n          }\r\n\r\n          function requestRender() {\r\n            if (frame === null && visible) {\r\n              frame = requestAnimationFrame(render);\r\n            }\r\n          }\r\n\r\n          function updateFromScroll() {\r\n            if (!visible) return;\r\n\r\n            if (reducedMotion.matches) {\r\n              targetAngle = 0;\r\n              currentAngle = 0;\r\n              applyRotation(0);\r\n              return;\r\n            }\r\n\r\n            const rect =\r\n              section.getBoundingClientRect();\r\n\r\n            const viewportHeight =\r\n              window.innerHeight ||\r\n              document.documentElement.clientHeight;\r\n\r\n            const progress = Math.max(\r\n              0,\r\n              Math.min(\r\n                1,\r\n                (\r\n                  viewportHeight - rect.top\r\n                ) \/\r\n                (\r\n                  viewportHeight + rect.height\r\n                )\r\n              )\r\n            );\r\n\r\n            targetAngle = progress * 210;\r\n            requestRender();\r\n          }\r\n\r\n          if (\"IntersectionObserver\" in window) {\r\n            const observer =\r\n              new IntersectionObserver(\r\n                function (entries) {\r\n                  visible =\r\n                    entries[0].isIntersecting;\r\n\r\n                  if (visible) {\r\n                    updateFromScroll();\r\n                  }\r\n                },\r\n                {\r\n                  rootMargin: \"150px 0px\"\r\n                }\r\n              );\r\n\r\n            observer.observe(section);\r\n          }\r\n\r\n          applyRotation(0);\r\n          updateFromScroll();\r\n\r\n          window.addEventListener(\r\n            \"scroll\",\r\n            updateFromScroll,\r\n            { passive: true }\r\n          );\r\n\r\n          window.addEventListener(\r\n            \"resize\",\r\n            updateFromScroll,\r\n            { passive: true }\r\n          );\r\n        });\r\n      }\r\n\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\r\n          \"DOMContentLoaded\",\r\n          initializeProcessGears\r\n        );\r\n      } else {\r\n        initializeProcessGears();\r\n      }\r\n\r\n      window.addEventListener(\r\n        \"elementor\/frontend\/init\",\r\n        function () {\r\n          setTimeout(\r\n            initializeProcessGears,\r\n            250\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\n<\/div>\n<div class=\"elementor-element elementor-element-fdd30a7 e-con e-atomic-element e-flexbox-base e-fdd30a7-3857504 \" data-id=\"fdd30a7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fdd30a7\">\n    \t\t<div class=\"elementor-element elementor-element-6db42dd elementor-widget elementor-widget-html\" data-id=\"6db42dd\" 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 8 \/ FAQ K\u00d3\u0141 Z\u0118BATYCH\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-gear-faq\"\r\n  id=\"faq-kola-zebate\"\r\n  aria-labelledby=\"prx-gear-faq-title\"\r\n>\r\n  <style>\r\n    .prx-gear-faq,\r\n    .prx-gear-faq * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .prx-gear-faq {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #41586b;\r\n      --prx-border: #dce4ea;\r\n      --prx-gray: #f4f6f9;\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: 96px 24px 104px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #f4f6f9 0%,\r\n          #eef2f5 100%\r\n        );\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    .prx-gear-faq::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -250px;\r\n      top: -300px;\r\n      width: 610px;\r\n      height: 610px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 77px rgba(7, 27, 51, 0.012),\r\n        inset 0 0 0 154px rgba(7, 27, 51, 0.008);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-faq::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -225px;\r\n      bottom: -290px;\r\n      width: 520px;\r\n      height: 520px;\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(225, 6, 0, 0.04),\r\n          transparent 68%\r\n        );\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-faq__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ======================================================\r\n       NAG\u0141\u00d3WEK\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-faq__header {\r\n      max-width: 880px;\r\n      margin-bottom: 47px;\r\n    }\r\n\r\n    .prx-gear-faq__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 19px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      letter-spacing: 0.06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .prx-gear-faq__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    .prx-gear-faq h2 {\r\n      max-width: 850px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(36px, 4vw, 50px);\r\n      line-height: 1.1;\r\n      font-weight: 900;\r\n      letter-spacing: -0.04em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .prx-gear-faq__accent {\r\n      width: 58px;\r\n      height: 4px;\r\n      margin: 25px 0;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-faq__intro {\r\n      max-width: 820px;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 18px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* ======================================================\r\n       UK\u0141AD\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-faq__layout {\r\n      display: grid;\r\n      grid-template-columns: 330px minmax(0, 1fr);\r\n      gap: 30px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* ======================================================\r\n       PANEL BOCZNY Z KO\u0141EM\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-faq__side {\r\n      position: sticky;\r\n      top: 110px;\r\n      overflow: hidden;\r\n      padding: 31px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 23px;\r\n      background: #ffffff;\r\n      box-shadow: 0 20px 50px rgba(7, 27, 51, 0.075);\r\n    }\r\n\r\n    .prx-gear-faq__side::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -95px;\r\n      bottom: -110px;\r\n      width: 235px;\r\n      height: 235px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 38px rgba(7, 27, 51, 0.01);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .prx-gear-faq__wheel {\r\n      position: relative;\r\n      width: 190px;\r\n      height: 190px;\r\n      margin: 3px auto 29px;\r\n    }\r\n\r\n    .prx-gear-faq__wheel-ring {\r\n      position: absolute;\r\n      inset: 0;\r\n      border: 1px dashed rgba(7, 27, 51, 0.18);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-faq__wheel-ring::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 20px;\r\n      border: 1px solid rgba(7, 27, 51, 0.09);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-faq__wheel-ring::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 40px;\r\n      border: 1px dashed rgba(225, 6, 0, 0.2);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .prx-gear-faq__wheel-center {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: 116px;\r\n      height: 116px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transform: translate(-50%, -50%);\r\n      border: 7px solid rgba(255, 255, 255, 0.18);\r\n      border-radius: 50%;\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #0c385b,\r\n          #071b33\r\n        );\r\n      box-shadow: 0 18px 37px rgba(7, 27, 51, 0.2);\r\n      color: #ffffff;\r\n      text-align: center;\r\n    }\r\n\r\n    .prx-gear-faq__wheel-center strong {\r\n      display: block;\r\n      color: #ffffff;\r\n      font-size: 39px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-faq__wheel-center span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: #d9e5ee;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 750;\r\n    }\r\n\r\n    .prx-gear-faq__side h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0 0 13px;\r\n      color: var(--prx-navy);\r\n      font-size: 24px;\r\n      line-height: 1.25;\r\n      font-weight: 880;\r\n      letter-spacing: -0.025em;\r\n    }\r\n\r\n    .prx-gear-faq__side p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .prx-gear-faq__button {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      width: 100%;\r\n      min-height: 53px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 11px;\r\n      margin-top: 23px;\r\n      padding: 16px 19px;\r\n      border-radius: 9px;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #ed110b,\r\n          var(--prx-red) 50%,\r\n          var(--prx-red-dark)\r\n        );\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.22);\r\n      color: #ffffff !important;\r\n      font-size: 15px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-faq__button:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 19px 35px rgba(225, 6, 0, 0.31);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .prx-gear-faq__button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: 0 0 18px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-faq__button:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ======================================================\r\n       PYTANIA\r\n    ====================================================== *\/\r\n\r\n    .prx-gear-faq__questions {\r\n      display: grid;\r\n      gap: 13px;\r\n    }\r\n\r\n    .prx-gear-faq__item {\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 17px;\r\n      background: #ffffff;\r\n      box-shadow: 0 11px 30px rgba(7, 27, 51, 0.045);\r\n      transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-faq__item[open] {\r\n      border-color: rgba(225, 6, 0, 0.23);\r\n      box-shadow: 0 16px 36px rgba(7, 27, 51, 0.075);\r\n    }\r\n\r\n    .prx-gear-faq__question {\r\n      display: grid;\r\n      grid-template-columns: 46px minmax(0, 1fr) 32px;\r\n      gap: 16px;\r\n      align-items: center;\r\n      min-height: 82px;\r\n      padding: 17px 21px;\r\n      cursor: pointer;\r\n      list-style: none;\r\n      user-select: none;\r\n    }\r\n\r\n    .prx-gear-faq__question::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .prx-gear-faq__number {\r\n      width: 46px;\r\n      height: 46px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dce4ea;\r\n      border-radius: 50%;\r\n      background: var(--prx-gray);\r\n      color: var(--prx-red);\r\n      font-size: 15px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .prx-gear-faq__question strong {\r\n      color: var(--prx-navy);\r\n      font-size: 18px;\r\n      line-height: 1.4;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .prx-gear-faq__toggle {\r\n      position: relative;\r\n      width: 32px;\r\n      height: 32px;\r\n      border: 1px solid #dce4ea;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n    }\r\n\r\n    .prx-gear-faq__toggle::before,\r\n    .prx-gear-faq__toggle::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: 12px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      transform: translate(-50%, -50%);\r\n      background: var(--prx-navy);\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .prx-gear-faq__toggle::after {\r\n      transform:\r\n        translate(-50%, -50%)\r\n        rotate(90deg);\r\n    }\r\n\r\n    .prx-gear-faq__item[open]\r\n    .prx-gear-faq__toggle {\r\n      border-color: var(--prx-red);\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    .prx-gear-faq__item[open]\r\n    .prx-gear-faq__toggle::before,\r\n    .prx-gear-faq__item[open]\r\n    .prx-gear-faq__toggle::after {\r\n      background: #ffffff;\r\n    }\r\n\r\n    .prx-gear-faq__item[open]\r\n    .prx-gear-faq__toggle::after {\r\n      transform:\r\n        translate(-50%, -50%)\r\n        rotate(0deg);\r\n    }\r\n\r\n    .prx-gear-faq__answer {\r\n      padding:\r\n        0\r\n        69px\r\n        24px\r\n        83px;\r\n    }\r\n\r\n    .prx-gear-faq__answer p {\r\n      margin: 0;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    \/* ======================================================\r\n       TABLET\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 980px) {\r\n      .prx-gear-faq__layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .prx-gear-faq__side {\r\n        position: static;\r\n        display: grid;\r\n        grid-template-columns: 190px minmax(0, 1fr);\r\n        gap: 28px;\r\n        align-items: center;\r\n      }\r\n\r\n      .prx-gear-faq__wheel {\r\n        margin: 0;\r\n      }\r\n\r\n      .prx-gear-faq__button {\r\n        width: auto;\r\n        padding-left: 24px;\r\n        padding-right: 24px;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================\r\n       MOBILE\r\n    ====================================================== *\/\r\n\r\n    @media (max-width: 720px) {\r\n      .prx-gear-faq {\r\n        padding: 70px 16px 78px;\r\n      }\r\n\r\n      .prx-gear-faq__header {\r\n        margin-bottom: 35px;\r\n      }\r\n\r\n      .prx-gear-faq__label {\r\n        margin-bottom: 16px;\r\n        padding: 8px 12px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      .prx-gear-faq h2 {\r\n        font-size: 34px;\r\n        line-height: 1.12;\r\n      }\r\n\r\n      .prx-gear-faq__intro {\r\n        font-size: 17px;\r\n        line-height: 1.68;\r\n      }\r\n\r\n      .prx-gear-faq__side {\r\n        display: block;\r\n        padding: 25px 22px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .prx-gear-faq__wheel {\r\n        width: 170px;\r\n        height: 170px;\r\n        margin: 0 auto 26px;\r\n      }\r\n\r\n      .prx-gear-faq__wheel-center {\r\n        width: 104px;\r\n        height: 104px;\r\n      }\r\n\r\n      .prx-gear-faq__wheel-center strong {\r\n        font-size: 35px;\r\n      }\r\n\r\n      .prx-gear-faq__button {\r\n        width: 100%;\r\n      }\r\n\r\n      .prx-gear-faq__question {\r\n        grid-template-columns: 40px minmax(0, 1fr) 30px;\r\n        gap: 12px;\r\n        min-height: 76px;\r\n        padding: 15px 16px;\r\n      }\r\n\r\n      .prx-gear-faq__number {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 13px;\r\n      }\r\n\r\n      .prx-gear-faq__question strong {\r\n        font-size: 16px;\r\n        line-height: 1.4;\r\n      }\r\n\r\n      .prx-gear-faq__toggle {\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n\r\n      .prx-gear-faq__answer {\r\n        padding:\r\n          0\r\n          17px\r\n          21px\r\n          68px;\r\n      }\r\n\r\n      .prx-gear-faq__answer p {\r\n        font-size: 16px;\r\n        line-height: 1.68;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .prx-gear-faq__item,\r\n      .prx-gear-faq__toggle::before,\r\n      .prx-gear-faq__toggle::after,\r\n      .prx-gear-faq__button,\r\n      .prx-gear-faq__button svg {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"prx-gear-faq__inner\">\r\n\r\n    <!-- NAG\u0141\u00d3WEK -->\r\n    <header class=\"prx-gear-faq__header\">\r\n\r\n      <span class=\"prx-gear-faq__label\">\r\n        Pytania i odpowiedzi\r\n      <\/span>\r\n\r\n      <h2 id=\"prx-gear-faq-title\">\r\n        Najcz\u0119\u015bciej zadawane pytania o ko\u0142a z\u0119bate\r\n      <\/h2>\r\n\r\n      <div\r\n        class=\"prx-gear-faq__accent\"\r\n        aria-hidden=\"true\"\r\n      ><\/div>\r\n\r\n      <p class=\"prx-gear-faq__intro\">\r\n        Odpowiadamy na pytania dotycz\u0105ce wykonania ko\u0142a na zam\u00f3wienie,\r\n        odtworzenia geometrii, materia\u0142\u00f3w, dokumentacji i przygotowania\r\n        zapytania.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-faq__layout\">\r\n\r\n      <!-- PANEL BOCZNY -->\r\n      <aside\r\n        class=\"prx-gear-faq__side\"\r\n        aria-label=\"Kontakt w sprawie k\u00f3\u0142 z\u0119batych\"\r\n      >\r\n\r\n        <div class=\"prx-gear-faq__wheel\" aria-hidden=\"true\">\r\n          <div class=\"prx-gear-faq__wheel-ring\"><\/div>\r\n\r\n          <div class=\"prx-gear-faq__wheel-center\">\r\n            <strong>11<\/strong>\r\n            <span>pyta\u0144<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <h3>Nie znalaz\u0142e\u015b odpowiedzi?<\/h3>\r\n\r\n          <p>\r\n            Opisz maszyn\u0119, zastosowanie ko\u0142a oraz materia\u0142y, kt\u00f3rymi\r\n            dysponujesz. Mo\u017cesz przes\u0142a\u0107 rysunek, zdj\u0119cia albo podstawowe\r\n            wymiary elementu.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"prx-gear-faq__button\"\r\n            href=\"\/kontakt\/\"\r\n            aria-label=\"Zadaj pytanie dotycz\u0105ce ko\u0142a z\u0119batego\"\r\n          >\r\n            Zadaj pytanie\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path\r\n                d=\"M5 12h14M13 6l6 6-6 6\"\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            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n      <!-- PYTANIA -->\r\n      <div class=\"prx-gear-faq__questions\">\r\n\r\n        <details class=\"prx-gear-faq__item\" open>\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">01<\/span>\r\n\r\n            <strong>\r\n              Na czym polega dorabianie k\u00f3\u0142 z\u0119batych?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Dorabianie ko\u0142a z\u0119batego polega na wykonaniu nowego elementu\r\n              wed\u0142ug dokumentacji technicznej albo na odtworzeniu\r\n              geometrii na podstawie dostarczonego wzoru. Zakres obejmuje\r\n              analiz\u0119 parametr\u00f3w, dob\u00f3r materia\u0142u, produkcj\u0119 i kontrol\u0119\r\n              gotowego elementu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">02<\/span>\r\n\r\n            <strong>\r\n              Kiedy warto wykona\u0107 ko\u0142o z\u0119bate na zam\u00f3wienie?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Wykonanie na zam\u00f3wienie warto rozwa\u017cy\u0107, gdy oryginalna cz\u0119\u015b\u0107\r\n              jest niedost\u0119pna, element katalogowy nie pasuje albo naprawa\r\n              starszej maszyny wymaga zachowania istniej\u0105cej geometrii.\r\n              Mo\u017cliwe rozwi\u0105zanie zale\u017cy od stanu ca\u0142ego mechanizmu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">03<\/span>\r\n\r\n            <strong>\r\n              Czy mo\u017cna odtworzy\u0107 ko\u0142o na podstawie uszkodzonego wzoru?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Uszkodzony lub zu\u017cyty wz\u00f3r mo\u017ce by\u0107 punktem wyj\u015bcia do\r\n              analizy. Najpierw sprawdzamy, kt\u00f3re parametry mo\u017cna\r\n              wiarygodnie odczyta\u0107. Przy wi\u0119kszych uszkodzeniach mog\u0105 by\u0107\r\n              potrzebne dane drugiego ko\u0142a, zdj\u0119cia mechanizmu albo\r\n              dodatkowe wymiary.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">04<\/span>\r\n\r\n            <strong>\r\n              Jakie dane nale\u017cy przygotowa\u0107 do wyceny?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Najlepiej przes\u0142a\u0107 rysunek, model albo zdj\u0119cia ko\u0142a wraz\r\n              z podstawowymi wymiarami. Pomocne s\u0105 r\u00f3wnie\u017c informacje\r\n              o maszynie, funkcji elementu, warunkach pracy, materiale\r\n              oraz cz\u0119\u015bciach wsp\u00f3\u0142pracuj\u0105cych.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">05<\/span>\r\n\r\n            <strong>\r\n              Jakie rodzaje k\u00f3\u0142 z\u0119batych mo\u017cna wykona\u0107?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Zakres mo\u017ce obejmowa\u0107 ko\u0142a walcowe o z\u0119bach prostych\r\n              i sko\u015bnych, ko\u0142a sto\u017ckowe, ko\u0142a \u015blimakowe, wie\u0144ce z\u0119bate\r\n              oraz listwy z\u0119bate. Mo\u017cliwo\u015b\u0107 wykonania potwierdzamy po\r\n              analizie geometrii i wymaga\u0144 projektu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">06<\/span>\r\n\r\n            <strong>\r\n              Czym jest modu\u0142 ko\u0142a z\u0119batego?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Modu\u0142 okre\u015bla wielko\u015b\u0107 z\u0119b\u00f3w ko\u0142a i jest jednym z podstawowych\r\n              parametr\u00f3w uz\u0119bienia. Wsp\u00f3\u0142pracuj\u0105ce ko\u0142a musz\u0105 mie\u0107 zgodne\r\n              parametry zaz\u0119bienia, dlatego modu\u0142 analizuje si\u0119 razem\r\n              z liczb\u0105 z\u0119b\u00f3w, k\u0105tem przyporu i pozosta\u0142\u0105 geometri\u0105.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">07<\/span>\r\n\r\n            <strong>\r\n              Do czego s\u0142u\u017c\u0105 ko\u0142a z\u0119bate sto\u017ckowe?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Ko\u0142a sto\u017ckowe stosuje si\u0119 w przek\u0142adniach, w kt\u00f3rych nap\u0119d\r\n              jest przenoszony pomi\u0119dzy przecinaj\u0105cymi si\u0119 osiami.\r\n              Cz\u0119stym rozwi\u0105zaniem jest zmiana kierunku przenoszenia\r\n              nap\u0119du o 90 stopni.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">08<\/span>\r\n\r\n            <strong>\r\n              Z jakich materia\u0142\u00f3w wykonuje si\u0119 ko\u0142a z\u0119bate?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Materia\u0142 dobiera si\u0119 do obci\u0105\u017cenia i \u015brodowiska pracy.\r\n              Mo\u017cliwe s\u0105 mi\u0119dzy innymi stale konstrukcyjne i stopowe,\r\n              stale nierdzewne, \u017celiwa, br\u0105zy, mosi\u0105dze oraz tworzywa\r\n              konstrukcyjne, takie jak PA, POM i PEEK.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">09<\/span>\r\n\r\n            <strong>\r\n              Czy ko\u0142o mo\u017ce przej\u015b\u0107 obr\u00f3bk\u0119 ciepln\u0105 i szlifowanie?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Je\u017celi wymaga tego specyfikacja, ko\u0142o mo\u017ce zosta\u0107 poddane\r\n              odpowiednio dobranej obr\u00f3bce cieplnej i operacjom\r\n              wyko\u0144czeniowym. Zakres ustala si\u0119 na podstawie materia\u0142u,\r\n              geometrii i warunk\u00f3w pracy elementu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">10<\/span>\r\n\r\n            <strong>\r\n              Czy wykonujecie pojedyncze ko\u0142a z\u0119bate?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Tak, zakres realizacji mo\u017ce obejmowa\u0107 pojedynczy element\r\n              potrzebny do naprawy, cz\u0119\u015b\u0107 prototypow\u0105 albo kr\u00f3tk\u0105 seri\u0119.\r\n              Ka\u017cde zapytanie jest oceniane pod k\u0105tem geometrii, materia\u0142u\r\n              i mo\u017cliwo\u015bci technologicznych.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"prx-gear-faq__item\">\r\n          <summary class=\"prx-gear-faq__question\">\r\n            <span class=\"prx-gear-faq__number\">11<\/span>\r\n\r\n            <strong>\r\n              Czy organizujecie wysy\u0142k\u0119 za granic\u0119?\r\n            <\/strong>\r\n\r\n            <span\r\n              class=\"prx-gear-faq__toggle\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n          <\/summary>\r\n\r\n          <div class=\"prx-gear-faq__answer\">\r\n            <p>\r\n              Tak, dostawa mo\u017ce zosta\u0107 zorganizowana na terenie Polski\r\n              i za granic\u0119. Spos\u00f3b pakowania, transportu i przekazania\r\n              elementu ustalamy indywidualnie dla danego zlecenia.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\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\n<\/div>\n<div class=\"elementor-element elementor-element-ad66e96 e-con e-atomic-element e-flexbox-base e-ad66e96-14b9445 \" data-id=\"ad66e96\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad66e96\">\n    \t\t<div class=\"elementor-element elementor-element-7dda3fb elementor-widget elementor-widget-html\" data-id=\"7dda3fb\" 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 PROPOZYCJA NR 7\r\n     PARAMETRYCZNY KONFIGURATOR SPECYFIKACJI KO\u0141A Z\u0118BATEGO\r\n     SP\u00d3JNE PRZEJ\u015aCIE: FAQ \u2192 KONFIGURATOR \u2192 FORMULARZ WYCENY\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-gear-config\"\r\n  id=\"prx-gear-config\"\r\n  aria-labelledby=\"prx-gear-config-title\"\r\n>\r\n  <style>\r\n    #prx-gear-config,\r\n    #prx-gear-config * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #prx-gear-config [hidden] {\r\n      display: none !important;\r\n    }\r\n\r\n    #prx-gear-config {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #43596d;\r\n      --prx-muted: #718396;\r\n      --prx-border: #dce4eb;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      isolation: isolate;\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: 96px 24px 104px;\r\n      background:\r\n        radial-gradient(circle at 87% 75%, rgba(0, 176, 255, 0.2), transparent 26%),\r\n        radial-gradient(circle at 13% 66%, rgba(54, 153, 255, 0.17), transparent 29%),\r\n        linear-gradient(\r\n          180deg,\r\n          #f4f6f9 0%,\r\n          #eef2f5 14%,\r\n          #dcebf7 29%,\r\n          #0a4b80 57%,\r\n          #062b50 78%,\r\n          #041429 100%\r\n        );\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    #prx-gear-config::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -235px;\r\n      bottom: -300px;\r\n      width: 670px;\r\n      height: 670px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 84px rgba(255, 255, 255, 0.038),\r\n        inset 0 0 0 168px rgba(255, 255, 255, 0.022);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -230px;\r\n      bottom: -350px;\r\n      width: 650px;\r\n      height: 650px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 68%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* NAG\u0141\u00d3WEK *\/\r\n\r\n    #prx-gear-config .prx-gear-config__header {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 780px) minmax(250px, 1fr);\r\n      gap: 54px;\r\n      align-items: end;\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      width: fit-content;\r\n      margin-bottom: 18px;\r\n      padding: 9px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 999px;\r\n      background: var(--prx-soft);\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: 0.065em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    #prx-gear-config h2 {\r\n      max-width: 780px;\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(36px, 4.3vw, 56px);\r\n      line-height: 1.04;\r\n      font-weight: 950;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__intro {\r\n      margin: 0 0 2px;\r\n      padding-left: 22px;\r\n      border-left: 3px solid var(--prx-red);\r\n      color: var(--prx-text);\r\n      font-size: 17px;\r\n      line-height: 1.7;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__intro strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* G\u0141\u00d3WNA OBUDOWA *\/\r\n\r\n    #prx-gear-config .prx-gear-config__shell {\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, 0.34);\r\n      border-radius: 27px;\r\n      background: #ffffff;\r\n      box-shadow:\r\n        0 34px 90px rgba(0, 15, 35, 0.27),\r\n        0 0 0 1px rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__toolbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      padding: 18px 24px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n      background:\r\n        linear-gradient(90deg, rgba(225, 6, 0, 0.035), transparent 35%),\r\n        #fbfcfd;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__toolbar-left,\r\n    #prx-gear-config .prx-gear-config__toolbar-right {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      color: var(--prx-navy);\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 900;\r\n      letter-spacing: 0.045em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__status::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-green);\r\n      box-shadow: 0 0 0 5px rgba(24, 131, 95, 0.1);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__toolbar-note {\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.4;\r\n      font-weight: 650;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__quality-badge {\r\n      display: inline-flex;\r\n      min-height: 38px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      padding: 9px 12px;\r\n      border: 1px solid #d8e1e8;\r\n      border-radius: 999px;\r\n      background: linear-gradient(180deg, #ffffff, #f5f8fa);\r\n      box-shadow: 0 7px 18px rgba(7, 27, 51, 0.055);\r\n      color: var(--prx-navy);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__tab:focus-visible,\r\n    #prx-gear-config .prx-gear-config__choice:focus-visible,\r\n    #prx-gear-config .prx-gear-config__copy:focus-visible,\r\n    #prx-gear-config .prx-gear-config__cta:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__quality-badge svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      color: var(--prx-green);\r\n    }\r\n\r\n    \/* OBSZAR ROBOCZY *\/\r\n\r\n    #prx-gear-config .prx-gear-config__workspace {\r\n      display: grid;\r\n      grid-template-columns: minmax(350px, 0.66fr) minmax(0, 1.34fr);\r\n      min-height: 760px;\r\n    }\r\n\r\n    \/* PANEL STEROWANIA *\/\r\n\r\n    #prx-gear-config .prx-gear-config__controls {\r\n      min-width: 0;\r\n      padding: 30px 28px;\r\n      border-right: 1px solid var(--prx-border);\r\n      background: #ffffff;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__control-section +\r\n    .prx-gear-config__control-section {\r\n      margin-top: 27px;\r\n      padding-top: 27px;\r\n      border-top: 1px solid #e5ebf0;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__section-title {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      margin: 0 0 16px;\r\n      color: var(--prx-navy);\r\n      font-size: 18px;\r\n      line-height: 1.3;\r\n      font-weight: 950;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__section-number {\r\n      width: 30px;\r\n      height: 30px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid rgba(225, 6, 0, 0.17);\r\n      border-radius: 50%;\r\n      background: #fff7f7;\r\n      color: var(--prx-red);\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__tabs,\r\n    #prx-gear-config .prx-gear-config__choices {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__tab,\r\n    #prx-gear-config .prx-gear-config__choice {\r\n      min-width: 0;\r\n      min-height: 48px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      padding: 11px 12px;\r\n      border: 1px solid #dbe3e9;\r\n      border-radius: 10px;\r\n      background: #f7f9fa;\r\n      color: var(--prx-text);\r\n      font: inherit;\r\n      font-size: 13px;\r\n      line-height: 1.28;\r\n      font-weight: 820;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      transition:\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        color 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__tab:hover,\r\n    #prx-gear-config .prx-gear-config__choice:hover {\r\n      transform: translateY(-1px);\r\n      border-color: rgba(225, 6, 0, 0.23);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__tab[aria-pressed=\"true\"],\r\n    #prx-gear-config .prx-gear-config__choice[aria-pressed=\"true\"] {\r\n      border-color: var(--prx-navy);\r\n      background: var(--prx-navy);\r\n      color: #ffffff;\r\n      box-shadow: 0 10px 22px rgba(7, 27, 51, 0.14);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__tab svg {\r\n      width: 19px;\r\n      height: 19px;\r\n      flex: 0 0 19px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__ranges {\r\n      display: grid;\r\n      gap: 18px;\r\n      margin-top: 19px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range-head {\r\n      display: flex;\r\n      align-items: baseline;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      margin-bottom: 9px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range-label {\r\n      color: var(--prx-text);\r\n      font-size: 14px;\r\n      line-height: 1.35;\r\n      font-weight: 760;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range-value {\r\n      color: var(--prx-navy);\r\n      font-size: 16px;\r\n      line-height: 1.2;\r\n      font-weight: 950;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range {\r\n      width: 100%;\r\n      height: 7px;\r\n      display: block;\r\n      margin: 0;\r\n      border-radius: 999px;\r\n      background: linear-gradient(\r\n        90deg,\r\n        var(--prx-red) 0 var(--range-progress, 50%),\r\n        #d8e1e8 var(--range-progress, 50%) 100%\r\n      );\r\n      outline: none;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range::-webkit-slider-thumb {\r\n      width: 21px;\r\n      height: 21px;\r\n      border: 4px solid #ffffff;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 3px 10px rgba(7, 27, 51, 0.25);\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range::-moz-range-thumb {\r\n      width: 14px;\r\n      height: 14px;\r\n      border: 4px solid #ffffff;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 3px 10px rgba(7, 27, 51, 0.25);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__range:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.18);\r\n      outline-offset: 5px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__select {\r\n      width: 100%;\r\n      min-height: 49px;\r\n      padding: 12px 40px 12px 14px;\r\n      border: 1px solid #dbe3e9;\r\n      border-radius: 10px;\r\n      background-color: #f7f9fa;\r\n      color: var(--prx-navy);\r\n      font: inherit;\r\n      font-size: 14px;\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n      outline: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__select:focus {\r\n      border-color: rgba(225, 6, 0, 0.48);\r\n      box-shadow: 0 0 0 4px rgba(225, 6, 0, 0.08);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch-row {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      margin-top: 13px;\r\n      padding: 14px;\r\n      border: 1px solid #dbe3e9;\r\n      border-radius: 11px;\r\n      background: #f7f9fa;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch-copy strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 14px;\r\n      line-height: 1.3;\r\n      font-weight: 900;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch-copy span {\r\n      display: block;\r\n      margin-top: 3px;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.35;\r\n      font-weight: 600;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch {\r\n      position: relative;\r\n      width: 48px;\r\n      height: 27px;\r\n      flex: 0 0 48px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch input {\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      clip-path: inset(50%);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch-track {\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 999px;\r\n      background: #cbd6de;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch-track::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 4px;\r\n      top: 4px;\r\n      width: 19px;\r\n      height: 19px;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      box-shadow: 0 3px 8px rgba(7, 27, 51, 0.2);\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch input:checked +\r\n    .prx-gear-config__switch-track {\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch input:checked +\r\n    .prx-gear-config__switch-track::after {\r\n      transform: translateX(21px);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__switch input:focus-visible +\r\n    .prx-gear-config__switch-track {\r\n      outline: 3px solid rgba(225, 6, 0, 0.18);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__control-note {\r\n      margin: 13px 0 0;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.55;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* NIERUCHOMY MODEL TECHNICZNY *\/\r\n\r\n    #prx-gear-config .prx-gear-config__visual-side {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 760px;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      background:\r\n        linear-gradient(rgba(160, 205, 235, 0.045) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(160, 205, 235, 0.045) 1px, transparent 1px),\r\n        linear-gradient(rgba(160, 205, 235, 0.018) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(160, 205, 235, 0.018) 1px, transparent 1px),\r\n        radial-gradient(circle at 48% 42%, #173c59 0, #0b2b45 38%, #071d31 67%, #051522 100%);\r\n      background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px, auto;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-side::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 43%;\r\n      width: 620px;\r\n      height: 620px;\r\n      transform: translate(-50%, -50%);\r\n      border: 1px solid rgba(177, 216, 239, 0.095);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 62px rgba(255, 255, 255, 0.012),\r\n        inset 0 0 0 124px rgba(177, 216, 239, 0.018),\r\n        0 0 90px rgba(0, 0, 0, 0.16);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-side::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 12%;\r\n      right: 12%;\r\n      top: 18%;\r\n      height: 52%;\r\n      border-radius: 50%;\r\n      background: radial-gradient(ellipse, rgba(144, 204, 239, 0.1), transparent 69%);\r\n      filter: blur(24px);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-head {\r\n      position: absolute;\r\n      left: 20px;\r\n      right: 20px;\r\n      top: 18px;\r\n      z-index: 6;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-badge,\r\n    #prx-gear-config .prx-gear-config__visual-mode {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 34px;\r\n      padding: 8px 11px;\r\n      border: 1px solid rgba(210, 231, 244, 0.16);\r\n      border-radius: 999px;\r\n      background: rgba(4, 21, 35, 0.72);\r\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\r\n      color: #f2f7fa;\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-badge::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 4px rgba(225, 6, 0, 0.16);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-mode::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #47c595;\r\n      box-shadow: 0 0 0 4px rgba(71, 197, 149, 0.11);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__svg {\r\n      position: absolute;\r\n      inset: 52px 0 190px;\r\n      z-index: 2;\r\n      width: 100%;\r\n      height: calc(100% - 242px);\r\n      overflow: visible;\r\n      user-select: none;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__gear-depth {\r\n      fill: url(#prxGearBackGradient);\r\n      stroke: #172b3a;\r\n      stroke-width: 1.6;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__depth-layer--far {\r\n      filter: url(#prxGearShadow);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__hub-depth {\r\n      fill: url(#prxGearBackGradient);\r\n      stroke: #1c3344;\r\n      stroke-width: 1.5;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__gear-front {\r\n      fill: url(#prxGearSteelGradient);\r\n      stroke: #d8dddc;\r\n      stroke-width: 2;\r\n      filter: url(#prxGearSoftShadow);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__gear-brush {\r\n      fill: url(#prxGearBrushPattern);\r\n      opacity: 0.36;\r\n      mix-blend-mode: soft-light;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__gear-bevel {\r\n      fill: none;\r\n      stroke: url(#prxGearEdgeGradient);\r\n      stroke-width: 3.4;\r\n      opacity: 0.92;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__rim {\r\n      fill: none;\r\n      stroke: rgba(246, 249, 248, 0.73);\r\n      stroke-width: 2.7;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__face-machining-ring {\r\n      fill: none;\r\n      stroke: rgba(37, 52, 59, 0.25);\r\n      stroke-width: 1.1;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__face-machining-ring--light {\r\n      stroke: rgba(255, 255, 255, 0.29);\r\n      stroke-width: 1;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__hub-front {\r\n      fill: url(#prxGearHubGradient);\r\n      stroke: #d9dddd;\r\n      stroke-width: 1.8;\r\n      filter: url(#prxGearSoftShadow);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__hub-brush {\r\n      fill: url(#prxGearBrushPattern);\r\n      opacity: 0.32;\r\n      mix-blend-mode: soft-light;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__hub-highlight {\r\n      fill: none;\r\n      stroke: rgba(255, 255, 255, 0.66);\r\n      stroke-width: 2.4;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__bore-rim {\r\n      fill: url(#prxGearBoreRimGradient);\r\n      stroke: #e3e7e5;\r\n      stroke-width: 1.8;\r\n      filter: url(#prxGearSoftShadow);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__bore-hole {\r\n      fill: url(#prxGearBoreGradient);\r\n      stroke: #071723;\r\n      stroke-width: 2.7;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__bore-inner-highlight {\r\n      fill: none;\r\n      stroke: rgba(210, 230, 239, 0.27);\r\n      stroke-width: 2.2;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__keyway-shadow {\r\n      fill: #030d15;\r\n      opacity: 0.75;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__keyway-visual {\r\n      fill: url(#prxGearKeywayGradient);\r\n      stroke: #071722;\r\n      stroke-width: 1.6;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__pitch-circle {\r\n      fill: none;\r\n      stroke: #63b8e8;\r\n      stroke-width: 1.55;\r\n      stroke-dasharray: 8 7;\r\n      opacity: 0.68;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__root-circle {\r\n      fill: none;\r\n      stroke: rgba(202, 226, 240, 0.35);\r\n      stroke-width: 1.3;\r\n      stroke-dasharray: 3 7;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__helix-lines {\r\n      opacity: 0;\r\n      transition: opacity 0.25s ease;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__visual-side.is-helical\r\n    .prx-gear-config__helix-lines {\r\n      opacity: 0.24;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__helix-lines line {\r\n      stroke: #173a4d;\r\n      stroke-width: 4;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__dimension {\r\n      fill: none;\r\n      stroke: #ff2a24;\r\n      stroke-width: 2;\r\n      marker-start: url(#prxGearArrow);\r\n      marker-end: url(#prxGearArrow);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__dimension-helper {\r\n      fill: none;\r\n      stroke: rgba(255, 57, 51, 0.62);\r\n      stroke-width: 1.3;\r\n      stroke-dasharray: 4 5;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__dimension-label {\r\n      fill: #ff3731;\r\n      font-family: inherit;\r\n      font-size: 16px;\r\n      font-weight: 900;\r\n      text-anchor: middle;\r\n      paint-order: stroke;\r\n      stroke: rgba(4, 20, 33, 0.96);\r\n      stroke-width: 6px;\r\n      stroke-linejoin: round;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__bore-label {\r\n      fill: #f1f6f9;\r\n      font-family: inherit;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      paint-order: stroke;\r\n      stroke: rgba(4, 20, 33, 0.96);\r\n      stroke-width: 6px;\r\n      stroke-linejoin: round;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__model-note {\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: 171px;\r\n      z-index: 6;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      transform: translateX(-50%);\r\n      padding: 9px 13px;\r\n      border: 1px solid rgba(210, 231, 244, 0.16);\r\n      border-radius: 999px;\r\n      background: rgba(4, 21, 35, 0.75);\r\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\r\n      color: #d9e7ef;\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      font-weight: 750;\r\n      white-space: nowrap;\r\n      pointer-events: none;\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__model-note svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      color: #47c595;\r\n    }\r\n\r\n    \/* METRYKI *\/\r\n\r\n    #prx-gear-config .prx-gear-config__metrics {\r\n      position: absolute;\r\n      left: 19px;\r\n      right: 19px;\r\n      bottom: 19px;\r\n      z-index: 7;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__metric {\r\n      min-width: 0;\r\n      padding: 13px 12px;\r\n      border: 1px solid rgba(210, 231, 244, 0.14);\r\n      border-radius: 12px;\r\n      background: rgba(4, 21, 35, 0.74);\r\n      box-shadow: 0 9px 24px rgba(0, 0, 0, 0.18);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__metric span {\r\n      display: block;\r\n      color: #9eb3c2;\r\n      font-size: 12px;\r\n      line-height: 1.3;\r\n      font-weight: 800;\r\n      letter-spacing: 0.035em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__metric strong {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: #ffffff;\r\n      font-size: 18px;\r\n      line-height: 1.2;\r\n      font-weight: 950;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    \/* PODSUMOWANIE *\/\r\n\r\n    #prx-gear-config .prx-gear-config__summary {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 350px;\r\n      gap: 0;\r\n      border-top: 1px solid var(--prx-border);\r\n      background: #ffffff;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-main {\r\n      min-width: 0;\r\n      padding: 29px 31px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 17px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-head h3 {\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: 23px;\r\n      line-height: 1.25;\r\n      font-weight: 950;\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-live {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      background: #eef8f4;\r\n      color: var(--prx-green);\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      font-weight: 850;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-live::before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: currentColor;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__spec-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 1px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 13px;\r\n      background: var(--prx-border);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__spec {\r\n      min-width: 0;\r\n      padding: 13px 14px;\r\n      background: #fbfcfd;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__spec span {\r\n      display: block;\r\n      color: var(--prx-muted);\r\n      font-size: 12px;\r\n      line-height: 1.3;\r\n      font-weight: 750;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.035em;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__spec strong {\r\n      display: block;\r\n      margin-top: 5px;\r\n      overflow-wrap: anywhere;\r\n      color: var(--prx-navy);\r\n      font-size: 14px;\r\n      line-height: 1.45;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__alert {\r\n      display: grid;\r\n      grid-template-columns: 36px minmax(0, 1fr);\r\n      gap: 12px;\r\n      align-items: start;\r\n      margin-top: 15px;\r\n      padding: 14px;\r\n      border: 1px solid #f0dddd;\r\n      border-radius: 12px;\r\n      background: #fff8f8;\r\n      color: #63333a;\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      font-weight: 600;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__alert-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 16px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__alert strong {\r\n      color: var(--prx-navy);\r\n      font-weight: 850;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-actions {\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      gap: 11px;\r\n      padding: 29px;\r\n      border-left: 1px solid var(--prx-border);\r\n      background:\r\n        radial-gradient(circle at 100% 0%, rgba(225, 6, 0, 0.15), transparent 35%),\r\n        linear-gradient(145deg, #0b3455, #071b33);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-actions::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -100px;\r\n      bottom: -120px;\r\n      width: 250px;\r\n      height: 250px;\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      border-radius: 50%;\r\n      box-shadow: inset 0 0 0 39px rgba(255, 255, 255, 0.025);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__summary-actions p {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0 0 4px;\r\n      color: #d4e0e9;\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__copy,\r\n    #prx-gear-config .prx-gear-config__cta {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      width: 100%;\r\n      min-height: 51px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 14px 17px;\r\n      border-radius: 9px;\r\n      font: inherit;\r\n      font-size: 14px;\r\n      line-height: 1.25;\r\n      font-weight: 900;\r\n      text-align: center;\r\n      text-decoration: none !important;\r\n      cursor: pointer;\r\n      transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__copy {\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      background: rgba(255, 255, 255, 0.08);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__cta {\r\n      border: 0;\r\n      background: linear-gradient(180deg, #ed110b, var(--prx-red) 52%, var(--prx-red-dark));\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.25);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__copy:hover,\r\n    #prx-gear-config .prx-gear-config__cta:hover {\r\n      transform: translateY(-2px);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__copy:hover {\r\n      background: rgba(255, 255, 255, 0.13);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__cta:hover {\r\n      box-shadow: 0 18px 34px rgba(225, 6, 0, 0.34);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__copy svg,\r\n    #prx-gear-config .prx-gear-config__cta svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: 0 0 18px;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__copy-status {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-height: 20px;\r\n      color: #8ee0bf;\r\n      font-size: 12px;\r\n      line-height: 1.35;\r\n      font-weight: 750;\r\n      text-align: center;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__disclaimer {\r\n      display: grid;\r\n      grid-template-columns: 38px minmax(0, 1fr) auto;\r\n      gap: 13px;\r\n      align-items: center;\r\n      padding: 21px 25px;\r\n      border-top: 1px solid var(--prx-border);\r\n      background: #fbfcfd;\r\n      color: var(--prx-text);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__disclaimer-icon {\r\n      width: 38px;\r\n      height: 38px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dce4eb;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 18px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__reset {\r\n      border: 0;\r\n      background: transparent;\r\n      color: var(--prx-muted);\r\n      font: inherit;\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 800;\r\n      text-decoration: underline;\r\n      text-underline-offset: 4px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__reset:hover {\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    #prx-gear-config .prx-gear-config__reset:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.18);\r\n      outline-offset: 3px;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    \/* TABLET *\/\r\n\r\n    @media (max-width: 1060px) {\r\n      #prx-gear-config {\r\n        padding: 82px 20px 92px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__intro {\r\n        max-width: 820px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__controls {\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--prx-border);\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__control-grid-tablet {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 28px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__control-section +\r\n      .prx-gear-config__control-section {\r\n        margin-top: 0;\r\n        padding-top: 0;\r\n        border-top: 0;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__visual-side {\r\n        min-height: 710px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__summary {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__summary-actions {\r\n        border-top: 1px solid var(--prx-border);\r\n        border-left: 0;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__summary-actions p {\r\n        max-width: 700px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__copy,\r\n      #prx-gear-config .prx-gear-config__cta {\r\n        max-width: 420px;\r\n      }\r\n    }\r\n\r\n    \/* MOBILE *\/\r\n\r\n    @media (max-width: 700px) {\r\n      #prx-gear-config {\r\n        padding: 68px 16px 76px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__header {\r\n        margin-bottom: 31px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__label {\r\n        padding: 8px 12px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      #prx-gear-config h2 {\r\n        font-size: clamp(33px, 10vw, 43px);\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__intro {\r\n        padding-left: 16px;\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__shell {\r\n        border-radius: 19px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__toolbar {\r\n        align-items: flex-start;\r\n        padding: 15px 17px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__toolbar-note {\r\n        display: none;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__quality-badge {\r\n        min-height: 34px;\r\n        padding: 8px 10px;\r\n        font-size: 11px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__workspace {\r\n        min-height: 0;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__controls {\r\n        padding: 25px 20px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__control-grid-tablet {\r\n        grid-template-columns: 1fr;\r\n        gap: 27px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__control-section +\r\n      .prx-gear-config__control-section {\r\n        padding-top: 27px;\r\n        border-top: 1px solid #e5ebf0;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__visual-side {\r\n        min-height: 620px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__visual-head {\r\n        left: 12px;\r\n        right: 12px;\r\n        top: 12px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__visual-mode span {\r\n        display: none;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__svg {\r\n        inset: 47px 0 233px;\r\n        height: calc(100% - 280px);\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__model-note {\r\n        bottom: 218px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__metrics {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__summary-main {\r\n        padding: 24px 20px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__summary-head {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__spec-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__summary-actions {\r\n        padding: 25px 20px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__copy,\r\n      #prx-gear-config .prx-gear-config__cta {\r\n        max-width: none;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__disclaimer {\r\n        grid-template-columns: 38px minmax(0, 1fr);\r\n        padding: 19px 20px;\r\n      }\r\n\r\n      #prx-gear-config .prx-gear-config__reset {\r\n        grid-column: 1 \/ -1;\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #prx-gear-config *,\r\n      #prx-gear-config *::before,\r\n      #prx-gear-config *::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-gear-config__inner\">\r\n\r\n    <header class=\"prx-gear-config__header\">\r\n      <div>\r\n        <span class=\"prx-gear-config__label\">\r\n          Interaktywna karta projektowa\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-gear-config-title\">\r\n          Zbuduj pogl\u0105dow\u0105 specyfikacj\u0119 ko\u0142a z\u0119batego\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"prx-gear-config__intro\">\r\n        Zmieniaj geometri\u0119, spos\u00f3b monta\u017cu i wariant materia\u0142owy. Model oraz\r\n        wymiary aktualizuj\u0105 si\u0119 na \u017cywo, tworz\u0105c <strong>wst\u0119pn\u0105 kart\u0119 danych\r\n        do rozmowy technicznej<\/strong>.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx-gear-config__shell\">\r\n\r\n      <div class=\"prx-gear-config__toolbar\">\r\n        <div class=\"prx-gear-config__toolbar-left\">\r\n          <span class=\"prx-gear-config__status\">Model parametryczny aktywny<\/span>\r\n          <span class=\"prx-gear-config__toolbar-note\">Warto\u015bci zmieniaj\u0105 si\u0119 bez prze\u0142adowania strony<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-config__toolbar-right\">\r\n          <span class=\"prx-gear-config__quality-badge\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 3 20 6v5c0 4.8-3.2 8-8 10-4.8-2-8-5.2-8-10V6l8-3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"m8.7 12 2.1 2.1 4.7-4.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Stabilny widok techniczny\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"prx-gear-config__workspace\">\r\n\r\n        <!-- PANEL STEROWANIA -->\r\n        <aside class=\"prx-gear-config__controls\" aria-label=\"Parametry ko\u0142a z\u0119batego\">\r\n          <div class=\"prx-gear-config__control-grid-tablet\">\r\n\r\n            <div class=\"prx-gear-config__control-section\">\r\n              <h3 class=\"prx-gear-config__section-title\">\r\n                <span class=\"prx-gear-config__section-number\">01<\/span>\r\n                Geometria ko\u0142a\r\n              <\/h3>\r\n\r\n              <div class=\"prx-gear-config__tabs\" aria-label=\"Typ uz\u0119bienia\">\r\n                <button class=\"prx-gear-config__tab\" type=\"button\" data-tooth-type=\"straight\" aria-pressed=\"true\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 16h16M5 16v-5l2-2 2 2 2-2 2 2 2-2 2 2 2-2v7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                  Z\u0119by proste\r\n                <\/button>\r\n                <button class=\"prx-gear-config__tab\" type=\"button\" data-tooth-type=\"helical\" aria-pressed=\"false\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 17h16M6 15l3-7M10 15l3-7M14 15l3-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n                  Z\u0119by sko\u015bne\r\n                <\/button>\r\n              <\/div>\r\n\r\n              <div class=\"prx-gear-config__ranges\">\r\n                <label>\r\n                  <span class=\"prx-gear-config__range-head\">\r\n                    <span class=\"prx-gear-config__range-label\">Liczba z\u0119b\u00f3w z<\/span>\r\n                    <strong class=\"prx-gear-config__range-value\" data-value=\"teeth\">32<\/strong>\r\n                  <\/span>\r\n                  <input class=\"prx-gear-config__range\" type=\"range\" min=\"12\" max=\"64\" step=\"1\" value=\"32\" data-input=\"teeth\" aria-label=\"Liczba z\u0119b\u00f3w\">\r\n                <\/label>\r\n\r\n                <label>\r\n                  <span class=\"prx-gear-config__range-head\">\r\n                    <span class=\"prx-gear-config__range-label\">Modu\u0142 m<\/span>\r\n                    <strong class=\"prx-gear-config__range-value\" data-value=\"module\">3,0 mm<\/strong>\r\n                  <\/span>\r\n                  <input class=\"prx-gear-config__range\" type=\"range\" min=\"1\" max=\"8\" step=\"0.5\" value=\"3\" data-input=\"module\" aria-label=\"Modu\u0142 ko\u0142a\">\r\n                <\/label>\r\n\r\n                <label>\r\n                  <span class=\"prx-gear-config__range-head\">\r\n                    <span class=\"prx-gear-config__range-label\">Szeroko\u015b\u0107 wie\u0144ca b<\/span>\r\n                    <strong class=\"prx-gear-config__range-value\" data-value=\"width\">35 mm<\/strong>\r\n                  <\/span>\r\n                  <input class=\"prx-gear-config__range\" type=\"range\" min=\"10\" max=\"100\" step=\"5\" value=\"35\" data-input=\"width\" aria-label=\"Szeroko\u015b\u0107 wie\u0144ca\">\r\n                <\/label>\r\n\r\n                <label>\r\n                  <span class=\"prx-gear-config__range-head\">\r\n                    <span class=\"prx-gear-config__range-label\">\u015arednica otworu \u00d8D<\/span>\r\n                    <strong class=\"prx-gear-config__range-value\" data-value=\"bore\">30 mm<\/strong>\r\n                  <\/span>\r\n                  <input class=\"prx-gear-config__range\" type=\"range\" min=\"10\" max=\"90\" step=\"2\" value=\"30\" data-input=\"bore\" aria-label=\"\u015arednica otworu\">\r\n                <\/label>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-config__control-section\">\r\n              <h3 class=\"prx-gear-config__section-title\">\r\n                <span class=\"prx-gear-config__section-number\">02<\/span>\r\n                Monta\u017c i piasta\r\n              <\/h3>\r\n\r\n              <div class=\"prx-gear-config__choices\" aria-label=\"Wariant piasty\">\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-hub=\"none\" aria-pressed=\"false\">Bez piasty<\/button>\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-hub=\"standard\" aria-pressed=\"true\">Piasta standardowa<\/button>\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-hub=\"extended\" aria-pressed=\"false\">Piasta wyd\u0142u\u017cona<\/button>\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-hub=\"custom\" aria-pressed=\"false\">Do ustalenia<\/button>\r\n              <\/div>\r\n\r\n              <div class=\"prx-gear-config__switch-row\">\r\n                <span class=\"prx-gear-config__switch-copy\">\r\n                  <strong>Rowek wpustowy<\/strong>\r\n                  <span>Poka\u017c w otworze modelu<\/span>\r\n                <\/span>\r\n                <label class=\"prx-gear-config__switch\">\r\n                  <input type=\"checkbox\" data-keyway checked aria-label=\"Uwzgl\u0119dnij rowek wpustowy\">\r\n                  <span class=\"prx-gear-config__switch-track\"><\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-config__control-section\">\r\n              <h3 class=\"prx-gear-config__section-title\">\r\n                <span class=\"prx-gear-config__section-number\">03<\/span>\r\n                Materia\u0142\r\n              <\/h3>\r\n\r\n              <label>\r\n                <span class=\"prx-gear-config__range-label\">Wst\u0119pnie rozwa\u017cany wariant<\/span>\r\n                <select class=\"prx-gear-config__select\" data-material aria-label=\"Wariant materia\u0142owy\">\r\n                  <option value=\"C45\">Stal C45<\/option>\r\n                  <option value=\"42CrMo4\">Stal 42CrMo4<\/option>\r\n                  <option value=\"16MnCr5\">Stal 16MnCr5<\/option>\r\n                  <option value=\"bronze\">Br\u0105z<\/option>\r\n                  <option value=\"POM\">Tworzywo POM<\/option>\r\n                  <option value=\"other\">Inny \/ do ustalenia<\/option>\r\n                <\/select>\r\n              <\/label>\r\n\r\n              <p class=\"prx-gear-config__control-note\">\r\n                Wyb\u00f3r ma charakter informacyjny. Materia\u0142 potwierdza si\u0119 po analizie obci\u0105\u017cenia, \u015brodowiska i wsp\u00f3\u0142pracuj\u0105cego ko\u0142a.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"prx-gear-config__control-section\">\r\n              <h3 class=\"prx-gear-config__section-title\">\r\n                <span class=\"prx-gear-config__section-number\">04<\/span>\r\n                Obr\u00f3bka cieplna\r\n              <\/h3>\r\n\r\n              <div class=\"prx-gear-config__choices\" aria-label=\"Obr\u00f3bka cieplna\">\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-treatment=\"none\" aria-pressed=\"true\">Bez wskazania<\/button>\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-treatment=\"induction\" aria-pressed=\"false\">Hartowanie indukcyjne<\/button>\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-treatment=\"carburizing\" aria-pressed=\"false\">Naw\u0119glanie<\/button>\r\n                <button class=\"prx-gear-config__choice\" type=\"button\" data-treatment=\"nitriding\" aria-pressed=\"false\">Azotowanie<\/button>\r\n              <\/div>\r\n\r\n              <p class=\"prx-gear-config__control-note\" data-treatment-note>\r\n                Technologia zostanie dobrana po analizie materia\u0142u i wymaganych w\u0142a\u015bciwo\u015bci.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/aside>\r\n\r\n        <!-- MODEL I RYSUNEK -->\r\n        <div class=\"prx-gear-config__visual-side\" data-visual-side>\r\n          <div class=\"prx-gear-config__visual-head\">\r\n            <span class=\"prx-gear-config__visual-badge\">Realistyczny model techniczny<\/span>\r\n            <span class=\"prx-gear-config__visual-mode\"><span data-visual-type>Z\u0119by proste<\/span><\/span>\r\n          <\/div>\r\n\r\n          <svg\r\n            class=\"prx-gear-config__svg\"\r\n            viewBox=\"0 0 820 590\"\r\n            role=\"img\"\r\n            aria-label=\"Nieruchomy, pogl\u0105dowy model techniczny ko\u0142a z\u0119batego aktualizowany przez parametry konfiguratora.\"\r\n          >\r\n            <defs>\r\n              <linearGradient id=\"prxGearSteelGradient\" x1=\"224\" y1=\"105\" x2=\"600\" y2=\"492\" gradientUnits=\"userSpaceOnUse\">\r\n                <stop offset=\"0\" stop-color=\"#505a5f\"\/>\r\n                <stop offset=\"0.105\" stop-color=\"#d9dcda\"\/>\r\n                <stop offset=\"0.235\" stop-color=\"#899195\"\/>\r\n                <stop offset=\"0.39\" stop-color=\"#f0f1ee\"\/>\r\n                <stop offset=\"0.54\" stop-color=\"#a3aaab\"\/>\r\n                <stop offset=\"0.70\" stop-color=\"#626c71\"\/>\r\n                <stop offset=\"0.86\" stop-color=\"#c8cdca\"\/>\r\n                <stop offset=\"1\" stop-color=\"#424c52\"\/>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient id=\"prxGearBackGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0\" stop-color=\"#778187\"\/>\r\n                <stop offset=\"0.28\" stop-color=\"#3d484e\"\/>\r\n                <stop offset=\"0.68\" stop-color=\"#172a38\"\/>\r\n                <stop offset=\"1\" stop-color=\"#0b1b27\"\/>\r\n              <\/linearGradient>\r\n\r\n              <linearGradient id=\"prxGearEdgeGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0\" stop-color=\"#f6f7f4\"\/>\r\n                <stop offset=\"0.28\" stop-color=\"#8f999c\"\/>\r\n                <stop offset=\"0.52\" stop-color=\"#e9ebe8\"\/>\r\n                <stop offset=\"0.82\" stop-color=\"#5a666c\"\/>\r\n                <stop offset=\"1\" stop-color=\"#c9cfcc\"\/>\r\n              <\/linearGradient>\r\n\r\n              <radialGradient id=\"prxGearHubGradient\" cx=\"34%\" cy=\"27%\" r=\"82%\">\r\n                <stop offset=\"0\" stop-color=\"#f5f6f3\"\/>\r\n                <stop offset=\"0.24\" stop-color=\"#c9cecc\"\/>\r\n                <stop offset=\"0.52\" stop-color=\"#747e82\"\/>\r\n                <stop offset=\"0.75\" stop-color=\"#aeb5b4\"\/>\r\n                <stop offset=\"1\" stop-color=\"#4d585e\"\/>\r\n              <\/radialGradient>\r\n\r\n              <radialGradient id=\"prxGearBoreRimGradient\" cx=\"31%\" cy=\"25%\" r=\"86%\">\r\n                <stop offset=\"0\" stop-color=\"#f7f8f5\"\/>\r\n                <stop offset=\"0.34\" stop-color=\"#aab2b2\"\/>\r\n                <stop offset=\"0.68\" stop-color=\"#59656a\"\/>\r\n                <stop offset=\"1\" stop-color=\"#d1d5d2\"\/>\r\n              <\/radialGradient>\r\n\r\n              <radialGradient id=\"prxGearBoreGradient\" cx=\"32%\" cy=\"27%\" r=\"82%\">\r\n                <stop offset=\"0\" stop-color=\"#52626b\"\/>\r\n                <stop offset=\"0.28\" stop-color=\"#263c4a\"\/>\r\n                <stop offset=\"0.64\" stop-color=\"#0a1d2a\"\/>\r\n                <stop offset=\"1\" stop-color=\"#020a10\"\/>\r\n              <\/radialGradient>\r\n\r\n              <linearGradient id=\"prxGearKeywayGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0\" stop-color=\"#31444f\"\/>\r\n                <stop offset=\"0.38\" stop-color=\"#0a1a24\"\/>\r\n                <stop offset=\"1\" stop-color=\"#02090e\"\/>\r\n              <\/linearGradient>\r\n\r\n              <pattern id=\"prxGearBrushPattern\" width=\"5\" height=\"5\" patternUnits=\"userSpaceOnUse\" patternTransform=\"matrix(0.927 0.375 -0.375 0.927 0 0)\">\r\n                <line x1=\"0\" y1=\"0.7\" x2=\"5\" y2=\"0.7\" stroke=\"#ffffff\" stroke-opacity=\"0.32\" stroke-width=\"0.55\"\/>\r\n                <line x1=\"0\" y1=\"3.2\" x2=\"5\" y2=\"3.2\" stroke=\"#15242b\" stroke-opacity=\"0.28\" stroke-width=\"0.55\"\/>\r\n              <\/pattern>\r\n\r\n              <filter id=\"prxGearShadow\" x=\"-35%\" y=\"-35%\" width=\"180%\" height=\"180%\">\r\n                <feDropShadow dx=\"20\" dy=\"24\" stdDeviation=\"17\" flood-color=\"#00070c\" flood-opacity=\"0.52\"\/>\r\n              <\/filter>\r\n\r\n              <filter id=\"prxGearSoftShadow\" x=\"-40%\" y=\"-40%\" width=\"190%\" height=\"190%\">\r\n                <feDropShadow dx=\"5\" dy=\"9\" stdDeviation=\"8\" flood-color=\"#020a10\" flood-opacity=\"0.38\"\/>\r\n              <\/filter>\r\n\r\n              <marker id=\"prxGearArrow\" markerWidth=\"8\" markerHeight=\"8\" refX=\"4\" refY=\"4\" orient=\"auto-start-reverse\">\r\n                <path d=\"M8 0 0 4l8 4\" fill=\"none\" stroke=\"#e10600\" stroke-width=\"1.5\"\/>\r\n              <\/marker>\r\n\r\n              <clipPath id=\"prxGearFaceClip\">\r\n                <path data-clip-gear><\/path>\r\n              <\/clipPath>\r\n            <\/defs>\r\n\r\n            <ellipse cx=\"436\" cy=\"503\" rx=\"205\" ry=\"29\" fill=\"#000408\" fill-opacity=\"0.42\" filter=\"url(#prxGearSoftShadow)\"><\/ellipse>\r\n\r\n            <g aria-hidden=\"true\">\r\n              <g class=\"prx-gear-config__depth-layer--far\" data-depth-layer data-depth-factor=\"1\">\r\n                <path class=\"prx-gear-config__gear-depth\" data-gear-depth><\/path>\r\n                <circle class=\"prx-gear-config__hub-depth\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-depth><\/circle>\r\n              <\/g>\r\n              <g data-depth-layer data-depth-factor=\"0.80\">\r\n                <path class=\"prx-gear-config__gear-depth\" data-gear-depth><\/path>\r\n                <circle class=\"prx-gear-config__hub-depth\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-depth><\/circle>\r\n              <\/g>\r\n              <g data-depth-layer data-depth-factor=\"0.60\">\r\n                <path class=\"prx-gear-config__gear-depth\" data-gear-depth><\/path>\r\n                <circle class=\"prx-gear-config__hub-depth\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-depth><\/circle>\r\n              <\/g>\r\n              <g data-depth-layer data-depth-factor=\"0.40\">\r\n                <path class=\"prx-gear-config__gear-depth\" data-gear-depth><\/path>\r\n                <circle class=\"prx-gear-config__hub-depth\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-depth><\/circle>\r\n              <\/g>\r\n              <g data-depth-layer data-depth-factor=\"0.20\">\r\n                <path class=\"prx-gear-config__gear-depth\" data-gear-depth><\/path>\r\n                <circle class=\"prx-gear-config__hub-depth\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-depth><\/circle>\r\n              <\/g>\r\n            <\/g>\r\n\r\n            <g>\r\n              <path class=\"prx-gear-config__gear-front\" data-gear-front><\/path>\r\n              <path class=\"prx-gear-config__gear-brush\" data-gear-brush><\/path>\r\n              <path class=\"prx-gear-config__gear-bevel\" data-gear-bevel><\/path>\r\n\r\n              <g class=\"prx-gear-config__helix-lines\" clip-path=\"url(#prxGearFaceClip)\" aria-hidden=\"true\">\r\n                <line x1=\"170\" y1=\"490\" x2=\"370\" y2=\"90\"><\/line>\r\n                <line x1=\"225\" y1=\"515\" x2=\"425\" y2=\"75\"><\/line>\r\n                <line x1=\"280\" y1=\"525\" x2=\"480\" y2=\"65\"><\/line>\r\n                <line x1=\"335\" y1=\"530\" x2=\"535\" y2=\"75\"><\/line>\r\n                <line x1=\"390\" y1=\"525\" x2=\"590\" y2=\"90\"><\/line>\r\n                <line x1=\"445\" y1=\"515\" x2=\"645\" y2=\"115\"><\/line>\r\n              <\/g>\r\n\r\n              <circle class=\"prx-gear-config__rim\" cx=\"410\" cy=\"290\" r=\"155\" data-rim><\/circle>\r\n              <circle class=\"prx-gear-config__face-machining-ring\" cx=\"410\" cy=\"290\" r=\"143\" data-face-ring-one><\/circle>\r\n              <circle class=\"prx-gear-config__face-machining-ring prx-gear-config__face-machining-ring--light\" cx=\"410\" cy=\"290\" r=\"132\" data-face-ring-two><\/circle>\r\n              <circle class=\"prx-gear-config__hub-front\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-front><\/circle>\r\n              <circle class=\"prx-gear-config__hub-brush\" cx=\"410\" cy=\"290\" r=\"92\" data-hub-brush><\/circle>\r\n              <circle class=\"prx-gear-config__hub-highlight\" cx=\"410\" cy=\"290\" r=\"81\" data-hub-highlight><\/circle>\r\n              <circle class=\"prx-gear-config__face-machining-ring\" cx=\"410\" cy=\"290\" r=\"73\" data-hub-machining><\/circle>\r\n              <circle class=\"prx-gear-config__bore-rim\" cx=\"410\" cy=\"290\" r=\"52\" data-bore-rim><\/circle>\r\n              <circle class=\"prx-gear-config__bore-hole\" cx=\"410\" cy=\"290\" r=\"45\" data-bore-hole><\/circle>\r\n              <circle class=\"prx-gear-config__bore-inner-highlight\" cx=\"410\" cy=\"290\" r=\"39\" data-bore-inner-highlight><\/circle>\r\n              <rect class=\"prx-gear-config__keyway-shadow\" x=\"402\" y=\"247\" width=\"22\" height=\"31\" rx=\"2\" data-keyway-shadow><\/rect>\r\n              <rect class=\"prx-gear-config__keyway-visual\" x=\"399\" y=\"244\" width=\"22\" height=\"31\" rx=\"2\" data-keyway-visual><\/rect>\r\n              <circle class=\"prx-gear-config__pitch-circle\" cx=\"410\" cy=\"290\" r=\"172\" data-pitch-circle><\/circle>\r\n              <circle class=\"prx-gear-config__root-circle\" cx=\"410\" cy=\"290\" r=\"154\" data-root-circle><\/circle>\r\n            <\/g>\r\n\r\n            <g aria-hidden=\"true\">\r\n              <line class=\"prx-gear-config__dimension-helper\" x1=\"218\" y1=\"104\" x2=\"218\" y2=\"73\" data-dim-left-helper><\/line>\r\n              <line class=\"prx-gear-config__dimension-helper\" x1=\"602\" y1=\"104\" x2=\"602\" y2=\"73\" data-dim-right-helper><\/line>\r\n              <line class=\"prx-gear-config__dimension\" x1=\"218\" y1=\"78\" x2=\"602\" y2=\"78\" data-dim-outer><\/line>\r\n              <text class=\"prx-gear-config__dimension-label\" x=\"410\" y=\"63\" data-dim-outer-label>\u00d8102 mm<\/text>\r\n\r\n              <line class=\"prx-gear-config__dimension-helper\" x1=\"410\" y1=\"245\" x2=\"410\" y2=\"206\" data-bore-helper><\/line>\r\n              <line class=\"prx-gear-config__dimension\" x1=\"365\" y1=\"213\" x2=\"455\" y2=\"213\" data-dim-bore><\/line>\r\n              <text class=\"prx-gear-config__bore-label\" x=\"466\" y=\"218\" data-bore-label>otw\u00f3r \u00d830<\/text>\r\n            <\/g>\r\n          <\/svg>\r\n\r\n          <div class=\"prx-gear-config__model-note\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3 20 6v5c0 4.8-3.2 8-8 10-4.8-2-8-5.2-8-10V6l8-3Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"m8.7 12 2.1 2.1 4.7-4.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            Nieruchomy widok \u2014 parametry aktualizuj\u0105 model\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-config__metrics\" aria-label=\"Obliczone wymiary\">\r\n            <div class=\"prx-gear-config__metric\"><span>\u015arednica podzia\u0142owa d<\/span><strong data-metric=\"pitch\">96 mm<\/strong><\/div>\r\n            <div class=\"prx-gear-config__metric\"><span>\u015arednica wierzcho\u0142kowa da<\/span><strong data-metric=\"outer\">102 mm<\/strong><\/div>\r\n            <div class=\"prx-gear-config__metric\"><span>\u015arednica dna df \u2248<\/span><strong data-metric=\"root\">88,5 mm<\/strong><\/div>\r\n            <div class=\"prx-gear-config__metric\"><span>Szeroko\u015b\u0107 b<\/span><strong data-metric=\"width\">35 mm<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- KARTA SPECYFIKACJI -->\r\n      <div class=\"prx-gear-config__summary\">\r\n        <div class=\"prx-gear-config__summary-main\">\r\n          <div class=\"prx-gear-config__summary-head\">\r\n            <h3>Wst\u0119pna specyfikacja<\/h3>\r\n            <span class=\"prx-gear-config__summary-live\">Aktualizowana na \u017cywo<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-config__spec-grid\">\r\n            <div class=\"prx-gear-config__spec\"><span>Typ uz\u0119bienia<\/span><strong data-spec=\"type\">Ko\u0142o walcowe, z\u0119by proste<\/strong><\/div>\r\n            <div class=\"prx-gear-config__spec\"><span>Geometria<\/span><strong data-spec=\"geometry\">m 3,0 \u00b7 z 32 \u00b7 b 35 mm<\/strong><\/div>\r\n            <div class=\"prx-gear-config__spec\"><span>Otw\u00f3r<\/span><strong data-spec=\"bore\">\u00d830 mm, z rowkiem wpustowym<\/strong><\/div>\r\n            <div class=\"prx-gear-config__spec\"><span>Piasta<\/span><strong data-spec=\"hub\">Piasta standardowa<\/strong><\/div>\r\n            <div class=\"prx-gear-config__spec\"><span>Materia\u0142<\/span><strong data-spec=\"material\">Stal C45<\/strong><\/div>\r\n            <div class=\"prx-gear-config__spec\"><span>Obr\u00f3bka cieplna<\/span><strong data-spec=\"treatment\">Do ustalenia po analizie<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"prx-gear-config__alert\" data-alert>\r\n            <span class=\"prx-gear-config__alert-icon\" aria-hidden=\"true\">i<\/span>\r\n            <span><strong>Do potwierdzenia:<\/strong> klasa dok\u0142adno\u015bci, tolerancje, obci\u0105\u017cenie i warunki pracy przek\u0142adni.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-gear-config__summary-actions\">\r\n          <p>\r\n            Skopiuj kart\u0119 albo przenie\u015b ustawione parametry bezpo\u015brednio do formularza wyceny poni\u017cej.\r\n          <\/p>\r\n\r\n          <button class=\"prx-gear-config__copy\" type=\"button\" data-copy>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 8h11v11H8V8Z M5 16H4V5h11v1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            Kopiuj specyfikacj\u0119\r\n          <\/button>\r\n\r\n          <a\r\n            class=\"prx-gear-config__cta\"\r\n            href=\"#prx-quote-wizard\"\r\n            data-send-to-form\r\n            aria-label=\"Przenie\u015b specyfikacj\u0119 ko\u0142a do formularza wyceny\"\r\n          >\r\n            Przenie\u015b do formularza\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n\r\n          <span class=\"prx-gear-config__copy-status\" data-copy-status aria-live=\"polite\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"prx-gear-config__disclaimer\">\r\n        <span class=\"prx-gear-config__disclaimer-icon\" aria-hidden=\"true\">i<\/span>\r\n        <span>\r\n          Model i obliczenia maj\u0105 charakter pogl\u0105dowy dla standardowego zarysu. Ostateczn\u0105 geometri\u0119, materia\u0142, tolerancje i technologi\u0119 potwierdza analiza dokumentacji oraz warunk\u00f3w pracy.\r\n        <\/span>\r\n        <button class=\"prx-gear-config__reset\" type=\"button\" data-reset>Przywr\u00f3\u0107 ustawienia pocz\u0105tkowe<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.getElementById(\"prx-gear-config\");\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const inputs = {\r\n        teeth: root.querySelector(\"[data-input='teeth']\"),\r\n        module: root.querySelector(\"[data-input='module']\"),\r\n        width: root.querySelector(\"[data-input='width']\"),\r\n        bore: root.querySelector(\"[data-input='bore']\")\r\n      };\r\n\r\n      const toothButtons = Array.from(root.querySelectorAll(\"[data-tooth-type]\"));\r\n      const hubButtons = Array.from(root.querySelectorAll(\"[data-hub]\"));\r\n      const treatmentButtons = Array.from(root.querySelectorAll(\"[data-treatment]\"));\r\n      const materialSelect = root.querySelector(\"[data-material]\");\r\n      const keywayInput = root.querySelector(\"[data-keyway]\");\r\n      const treatmentNote = root.querySelector(\"[data-treatment-note]\");\r\n      const visualSide = root.querySelector(\"[data-visual-side]\");\r\n      const visualType = root.querySelector(\"[data-visual-type]\");\r\n      const depthLayers = Array.from(root.querySelectorAll(\"[data-depth-layer]\"));\r\n      const depthPaths = Array.from(root.querySelectorAll(\"[data-gear-depth]\"));\r\n      const depthHubs = Array.from(root.querySelectorAll(\"[data-hub-depth]\"));\r\n      const gearFront = root.querySelector(\"[data-gear-front]\");\r\n      const gearBrush = root.querySelector(\"[data-gear-brush]\");\r\n      const gearBevel = root.querySelector(\"[data-gear-bevel]\");\r\n      const clipGear = root.querySelector(\"[data-clip-gear]\");\r\n      const faceRingOne = root.querySelector(\"[data-face-ring-one]\");\r\n      const faceRingTwo = root.querySelector(\"[data-face-ring-two]\");\r\n      const hubFront = root.querySelector(\"[data-hub-front]\");\r\n      const hubBrush = root.querySelector(\"[data-hub-brush]\");\r\n      const hubHighlight = root.querySelector(\"[data-hub-highlight]\");\r\n      const hubMachining = root.querySelector(\"[data-hub-machining]\");\r\n      const boreRim = root.querySelector(\"[data-bore-rim]\");\r\n      const boreHole = root.querySelector(\"[data-bore-hole]\");\r\n      const boreInnerHighlight = root.querySelector(\"[data-bore-inner-highlight]\");\r\n      const keywayShadow = root.querySelector(\"[data-keyway-shadow]\");\r\n      const keywayVisual = root.querySelector(\"[data-keyway-visual]\");\r\n      const rim = root.querySelector(\"[data-rim]\");\r\n      const pitchCircle = root.querySelector(\"[data-pitch-circle]\");\r\n      const rootCircle = root.querySelector(\"[data-root-circle]\");\r\n      const dimOuter = root.querySelector(\"[data-dim-outer]\");\r\n      const dimOuterLabel = root.querySelector(\"[data-dim-outer-label]\");\r\n      const dimLeftHelper = root.querySelector(\"[data-dim-left-helper]\");\r\n      const dimRightHelper = root.querySelector(\"[data-dim-right-helper]\");\r\n      const dimBore = root.querySelector(\"[data-dim-bore]\");\r\n      const boreHelper = root.querySelector(\"[data-bore-helper]\");\r\n      const boreLabel = root.querySelector(\"[data-bore-label]\");\r\n      const copyButton = root.querySelector(\"[data-copy]\");\r\n      const sendToFormButton = root.querySelector(\"[data-send-to-form]\");\r\n      const copyStatus = root.querySelector(\"[data-copy-status]\");\r\n      const resetButton = root.querySelector(\"[data-reset]\");\r\n      const alert = root.querySelector(\"[data-alert]\");\r\n\r\n      const materialLabels = {\r\n        C45: \"Stal C45\",\r\n        \"42CrMo4\": \"Stal 42CrMo4\",\r\n        \"16MnCr5\": \"Stal 16MnCr5\",\r\n        bronze: \"Br\u0105z\",\r\n        POM: \"Tworzywo POM\",\r\n        other: \"Inny \/ do ustalenia\"\r\n      };\r\n\r\n      const hubLabels = {\r\n        none: \"Bez piasty\",\r\n        standard: \"Piasta standardowa\",\r\n        extended: \"Piasta wyd\u0142u\u017cona\",\r\n        custom: \"Geometria piasty do ustalenia\"\r\n      };\r\n\r\n      const treatmentLabels = {\r\n        none: \"Do ustalenia po analizie\",\r\n        induction: \"Hartowanie indukcyjne\",\r\n        carburizing: \"Naw\u0119glanie i hartowanie\",\r\n        nitriding: \"Azotowanie\"\r\n      };\r\n\r\n      const treatmentNotes = {\r\n        none: \"Technologia zostanie dobrana po analizie materia\u0142u i wymaganych w\u0142a\u015bciwo\u015bci.\",\r\n        induction: \"Pogl\u0105dowo wybrano miejscowe utwardzenie strefy roboczej z\u0119b\u00f3w.\",\r\n        carburizing: \"Pogl\u0105dowo wybrano warstw\u0119 naw\u0119glan\u0105; parametry wymagaj\u0105 doboru do gatunku stali.\",\r\n        nitriding: \"Pogl\u0105dowo wybrano azotowanie; zastosowanie wymaga potwierdzenia materia\u0142u i wymaga\u0144.\"\r\n      };\r\n\r\n      const defaults = {\r\n        toothType: \"straight\",\r\n        hub: \"standard\",\r\n        treatment: \"none\",\r\n        material: \"C45\",\r\n        teeth: 32,\r\n        module: 3,\r\n        width: 35,\r\n        bore: 30,\r\n        keyway: true\r\n      };\r\n\r\n      const state = { ...defaults };\r\n\r\n      let copyTimer = 0;\r\n\r\n      function numberPL(value, decimals = 0) {\r\n        return Number(value).toLocaleString(\"pl-PL\", {\r\n          minimumFractionDigits: decimals,\r\n          maximumFractionDigits: decimals\r\n        });\r\n      }\r\n\r\n      function point(cx, cy, radius, angle) {\r\n        return [cx + Math.cos(angle) * radius, cy + Math.sin(angle) * radius];\r\n      }\r\n\r\n      function pointText(coords) {\r\n        return `${coords[0].toFixed(2)} ${coords[1].toFixed(2)}`;\r\n      }\r\n\r\n      function createGearPath(teeth, cx, cy, outerRadius, rootRadius) {\r\n        const pitch = (Math.PI * 2) \/ teeth;\r\n        const toothHeight = Math.max(outerRadius - rootRadius, 8);\r\n        const commands = [];\r\n\r\n        for (let i = 0; i < teeth; i += 1) {\r\n          const center = -Math.PI \/ 2 + i * pitch;\r\n          const valleyStart = point(cx, cy, rootRadius, center - pitch * 0.5);\r\n          const rootLeft = point(cx, cy, rootRadius, center - pitch * 0.36);\r\n          const footLeft = point(cx, cy, rootRadius + toothHeight * 0.12, center - pitch * 0.29);\r\n          const shoulderLeft = point(cx, cy, rootRadius + toothHeight * 0.70, center - pitch * 0.19);\r\n          const crownLeft = point(cx, cy, outerRadius - toothHeight * 0.05, center - pitch * 0.135);\r\n          const tipLeft = point(cx, cy, outerRadius, center - pitch * 0.095);\r\n          const tipRight = point(cx, cy, outerRadius, center + pitch * 0.095);\r\n          const crownRight = point(cx, cy, outerRadius - toothHeight * 0.05, center + pitch * 0.135);\r\n          const shoulderRight = point(cx, cy, rootRadius + toothHeight * 0.70, center + pitch * 0.19);\r\n          const footRight = point(cx, cy, rootRadius + toothHeight * 0.12, center + pitch * 0.29);\r\n          const rootRight = point(cx, cy, rootRadius, center + pitch * 0.36);\r\n          const valleyEnd = point(cx, cy, rootRadius, center + pitch * 0.5);\r\n\r\n          if (i === 0) commands.push(`M${pointText(valleyStart)}`);\r\n          commands.push(`A${rootRadius.toFixed(2)} ${rootRadius.toFixed(2)} 0 0 1 ${pointText(rootLeft)}`);\r\n          commands.push(`Q${pointText(footLeft)} ${pointText(shoulderLeft)}`);\r\n          commands.push(`Q${pointText(crownLeft)} ${pointText(tipLeft)}`);\r\n          commands.push(`A${outerRadius.toFixed(2)} ${outerRadius.toFixed(2)} 0 0 1 ${pointText(tipRight)}`);\r\n          commands.push(`Q${pointText(crownRight)} ${pointText(shoulderRight)}`);\r\n          commands.push(`Q${pointText(footRight)} ${pointText(rootRight)}`);\r\n          commands.push(`A${rootRadius.toFixed(2)} ${rootRadius.toFixed(2)} 0 0 1 ${pointText(valleyEnd)}`);\r\n        }\r\n\r\n        return `${commands.join(\" \")} Z`;\r\n      }\r\n\r\n      function setPressed(buttons, key, value) {\r\n        buttons.forEach((button) => {\r\n          button.setAttribute(\"aria-pressed\", button.dataset[key] === value ? \"true\" : \"false\");\r\n        });\r\n      }\r\n\r\n      function updateRangeAppearance(input) {\r\n        const min = Number(input.min);\r\n        const max = Number(input.max);\r\n        const value = Number(input.value);\r\n        const progress = ((value - min) \/ (max - min)) * 100;\r\n        input.style.setProperty(\"--range-progress\", `${progress}%`);\r\n      }\r\n\r\n      function updateBoreLimit() {\r\n        const rootDiameter = Math.max(state.module * (state.teeth - 2.5), state.module * 4);\r\n        const safeMax = Math.max(10, Math.floor(rootDiameter * 0.78 \/ 2) * 2);\r\n        inputs.bore.max = String(Math.min(180, safeMax));\r\n\r\n        if (state.bore > Number(inputs.bore.max)) {\r\n          state.bore = Number(inputs.bore.max);\r\n        }\r\n\r\n        inputs.bore.value = String(state.bore);\r\n        updateRangeAppearance(inputs.bore);\r\n      }\r\n\r\n      function selectTreatment(value) {\r\n        state.treatment = value;\r\n        setPressed(treatmentButtons, \"treatment\", value);\r\n        treatmentNote.textContent = treatmentNotes[value];\r\n      }\r\n\r\n      function enforceCompatibility() {\r\n        const polymer = state.material === \"POM\";\r\n\r\n        treatmentButtons.forEach((button) => {\r\n          const shouldDisable = polymer && button.dataset.treatment !== \"none\";\r\n          button.disabled = shouldDisable;\r\n          button.style.opacity = shouldDisable ? \"0.42\" : \"\";\r\n          button.style.cursor = shouldDisable ? \"not-allowed\" : \"\";\r\n        });\r\n\r\n        if (polymer && state.treatment !== \"none\") {\r\n          selectTreatment(\"none\");\r\n        }\r\n\r\n        if (polymer) {\r\n          treatmentNote.textContent = \"Dla wybranego tworzywa opcje obr\u00f3bki cieplnej stali zosta\u0142y wy\u0142\u0105czone.\";\r\n        }\r\n      }\r\n\r\n      function updateAlert(rootDiameter) {\r\n        const messages = [];\r\n\r\n        if (state.teeth < 17) {\r\n          messages.push(\"ma\u0142a liczba z\u0119b\u00f3w wymaga weryfikacji zarysu i ewentualnej korekcji\");\r\n        }\r\n\r\n        if (state.bore > rootDiameter * 0.62) {\r\n          messages.push(\"du\u017cy otw\u00f3r pozostawia w\u0105ski przekr\u00f3j wie\u0144ca i wymaga sprawdzenia wytrzyma\u0142o\u015bci\");\r\n        }\r\n\r\n        if (state.toothType === \"helical\") {\r\n          messages.push(\"dla z\u0119b\u00f3w sko\u015bnych trzeba dodatkowo poda\u0107 k\u0105t i kierunek linii z\u0119ba\");\r\n        }\r\n\r\n        if (!messages.length) {\r\n          alert.innerHTML = '<span class=\"prx-gear-config__alert-icon\" aria-hidden=\"true\">i<\/span><span><strong>Do potwierdzenia:<\/strong> klasa dok\u0142adno\u015bci, tolerancje, obci\u0105\u017cenie i warunki pracy przek\u0142adni.<\/span>';\r\n          return;\r\n        }\r\n\r\n        alert.innerHTML = `<span class=\"prx-gear-config__alert-icon\" aria-hidden=\"true\">!<\/span><span><strong>Warto zweryfikowa\u0107:<\/strong> ${messages.join(\"; \")}.<\/span>`;\r\n      }\r\n\r\n      function updateModel() {\r\n        const pitchDiameter = state.module * state.teeth;\r\n        const outerDiameter = state.module * (state.teeth + 2);\r\n        const rootDiameter = Math.max(state.module * (state.teeth - 2.5), state.module * 4);\r\n\r\n        const outerRadius = 191;\r\n        const scale = outerRadius \/ outerDiameter;\r\n        const pitchRadius = pitchDiameter * 0.5 * scale;\r\n        const rootRadius = rootDiameter * 0.5 * scale;\r\n        const boreRadius = Math.max(18, state.bore * 0.5 * scale);\r\n        const path = createGearPath(state.teeth, 410, 290, outerRadius, rootRadius);\r\n\r\n        [gearFront, gearBrush, gearBevel, clipGear, ...depthPaths].forEach((element) => {\r\n          element.setAttribute(\"d\", path);\r\n        });\r\n\r\n        const depth = 8 + (state.width - 10) \/ 90 * 27;\r\n        depthLayers.forEach((layer) => {\r\n          const factor = Number(layer.dataset.depthFactor || 0);\r\n          const shiftX = depth * factor;\r\n          const shiftY = -depth * 0.46 * factor;\r\n          layer.setAttribute(\"transform\", `translate(${shiftX.toFixed(2)} ${shiftY.toFixed(2)})`);\r\n        });\r\n\r\n        const keywayWidth = Math.max(13, boreRadius * 0.43);\r\n        const keywayHeight = Math.max(16, boreRadius * 0.56);\r\n        const keywayX = 410 - keywayWidth \/ 2;\r\n        const keywayY = 290 - boreRadius - 2;\r\n\r\n        boreRim.setAttribute(\"r\", (boreRadius + 7).toFixed(2));\r\n        boreHole.setAttribute(\"r\", boreRadius.toFixed(2));\r\n        keywayVisual.setAttribute(\"x\", keywayX.toFixed(2));\r\n        keywayVisual.setAttribute(\"y\", keywayY.toFixed(2));\r\n        keywayVisual.setAttribute(\"width\", keywayWidth.toFixed(2));\r\n        keywayVisual.setAttribute(\"height\", keywayHeight.toFixed(2));\r\n        keywayVisual.style.display = state.keyway ? \"\" : \"none\";\r\n        keywayShadow.setAttribute(\"x\", (keywayX + 3).toFixed(2));\r\n        keywayShadow.setAttribute(\"y\", (keywayY + 4).toFixed(2));\r\n        keywayShadow.setAttribute(\"width\", keywayWidth.toFixed(2));\r\n        keywayShadow.setAttribute(\"height\", keywayHeight.toFixed(2));\r\n        keywayShadow.style.display = state.keyway ? \"\" : \"none\";\r\n\r\n        let hubRadius = 0;\r\n        if (state.hub === \"standard\") hubRadius = Math.min(rootRadius - 18, Math.max(boreRadius + 27, 86));\r\n        if (state.hub === \"extended\") hubRadius = Math.min(rootRadius - 14, Math.max(boreRadius + 38, 105));\r\n        if (state.hub === \"custom\") hubRadius = Math.min(rootRadius - 17, Math.max(boreRadius + 30, 94));\r\n\r\n        const hubVisible = state.hub !== \"none\";\r\n        [hubFront, hubBrush, hubHighlight, hubMachining, ...depthHubs].forEach((element) => {\r\n          element.style.display = hubVisible ? \"\" : \"none\";\r\n        });\r\n\r\n        hubFront.setAttribute(\"r\", Math.max(hubRadius, 1).toFixed(2));\r\n        hubBrush.setAttribute(\"r\", Math.max(hubRadius, 1).toFixed(2));\r\n        depthHubs.forEach((element) => {\r\n          element.setAttribute(\"r\", Math.max(hubRadius, 1).toFixed(2));\r\n        });\r\n        hubHighlight.setAttribute(\"r\", Math.max(hubRadius - 10, 1).toFixed(2));\r\n        hubMachining.setAttribute(\"r\", Math.max(hubRadius - 19, 1).toFixed(2));\r\n\r\n        rim.setAttribute(\"r\", Math.max(rootRadius - 9, 1).toFixed(2));\r\n        faceRingOne.setAttribute(\"r\", Math.max(rootRadius - 20, 1).toFixed(2));\r\n        faceRingTwo.setAttribute(\"r\", Math.max(rootRadius - 31, 1).toFixed(2));\r\n        boreInnerHighlight.setAttribute(\"r\", Math.max(boreRadius - 5, 1).toFixed(2));\r\n        pitchCircle.setAttribute(\"r\", pitchRadius.toFixed(2));\r\n        rootCircle.setAttribute(\"r\", rootRadius.toFixed(2));\r\n\r\n        const left = 410 - outerRadius;\r\n        const right = 410 + outerRadius;\r\n        dimOuter.setAttribute(\"x1\", left.toFixed(1));\r\n        dimOuter.setAttribute(\"x2\", right.toFixed(1));\r\n        dimLeftHelper.setAttribute(\"x1\", left.toFixed(1));\r\n        dimLeftHelper.setAttribute(\"x2\", left.toFixed(1));\r\n        dimRightHelper.setAttribute(\"x1\", right.toFixed(1));\r\n        dimRightHelper.setAttribute(\"x2\", right.toFixed(1));\r\n        dimOuterLabel.textContent = `\u00d8${numberPL(outerDiameter, outerDiameter % 1 ? 1 : 0)} mm`;\r\n\r\n        dimBore.setAttribute(\"x1\", (410 - boreRadius).toFixed(1));\r\n        dimBore.setAttribute(\"x2\", (410 + boreRadius).toFixed(1));\r\n        dimBore.setAttribute(\"y1\", (290 - boreRadius - 32).toFixed(1));\r\n        dimBore.setAttribute(\"y2\", (290 - boreRadius - 32).toFixed(1));\r\n        boreHelper.setAttribute(\"y1\", (290 - boreRadius).toFixed(1));\r\n        boreHelper.setAttribute(\"y2\", (290 - boreRadius - 39).toFixed(1));\r\n        boreLabel.setAttribute(\"x\", (410 + boreRadius + 13).toFixed(1));\r\n        boreLabel.setAttribute(\"y\", (290 - boreRadius - 27).toFixed(1));\r\n        boreLabel.textContent = `otw\u00f3r \u00d8${numberPL(state.bore)} mm`;\r\n\r\n        visualSide.classList.toggle(\"is-helical\", state.toothType === \"helical\");\r\n        visualType.textContent = state.toothType === \"helical\" ? \"Z\u0119by sko\u015bne\" : \"Z\u0119by proste\";\r\n\r\n        root.querySelector(\"[data-value='teeth']\").textContent = String(state.teeth);\r\n        root.querySelector(\"[data-value='module']\").textContent = `${numberPL(state.module, 1)} mm`;\r\n        root.querySelector(\"[data-value='width']\").textContent = `${numberPL(state.width)} mm`;\r\n        root.querySelector(\"[data-value='bore']\").textContent = `${numberPL(state.bore)} mm`;\r\n\r\n        root.querySelector(\"[data-metric='pitch']\").textContent = `${numberPL(pitchDiameter, pitchDiameter % 1 ? 1 : 0)} mm`;\r\n        root.querySelector(\"[data-metric='outer']\").textContent = `${numberPL(outerDiameter, outerDiameter % 1 ? 1 : 0)} mm`;\r\n        root.querySelector(\"[data-metric='root']\").textContent = `${numberPL(rootDiameter, rootDiameter % 1 ? 1 : 0)} mm`;\r\n        root.querySelector(\"[data-metric='width']\").textContent = `${numberPL(state.width)} mm`;\r\n\r\n        root.querySelector(\"[data-spec='type']\").textContent = state.toothType === \"helical\"\r\n          ? \"Ko\u0142o walcowe, z\u0119by sko\u015bne\"\r\n          : \"Ko\u0142o walcowe, z\u0119by proste\";\r\n        root.querySelector(\"[data-spec='geometry']\").textContent = `m ${numberPL(state.module, 1)} \u00b7 z ${state.teeth} \u00b7 b ${numberPL(state.width)} mm`;\r\n        root.querySelector(\"[data-spec='bore']\").textContent = `\u00d8${numberPL(state.bore)} mm${state.keyway ? \", z rowkiem wpustowym\" : \", bez wskazanego rowka\"}`;\r\n        root.querySelector(\"[data-spec='hub']\").textContent = hubLabels[state.hub];\r\n        root.querySelector(\"[data-spec='material']\").textContent = materialLabels[state.material];\r\n        root.querySelector(\"[data-spec='treatment']\").textContent = treatmentLabels[state.treatment];\r\n\r\n        updateAlert(rootDiameter);\r\n      }\r\n\r\n      function updateInputsFromState() {\r\n        inputs.teeth.value = String(state.teeth);\r\n        inputs.module.value = String(state.module);\r\n        inputs.width.value = String(state.width);\r\n        inputs.bore.value = String(state.bore);\r\n        materialSelect.value = state.material;\r\n        keywayInput.checked = state.keyway;\r\n        updateBoreLimit();\r\n        Object.values(inputs).forEach(updateRangeAppearance);\r\n        setPressed(toothButtons, \"toothType\", state.toothType);\r\n        setPressed(hubButtons, \"hub\", state.hub);\r\n        setPressed(treatmentButtons, \"treatment\", state.treatment);\r\n        treatmentNote.textContent = treatmentNotes[state.treatment];\r\n        enforceCompatibility();\r\n      }\r\n\r\n      function buildSpecification() {\r\n        const pitchDiameter = state.module * state.teeth;\r\n        const outerDiameter = state.module * (state.teeth + 2);\r\n        const rootDiameter = Math.max(state.module * (state.teeth - 2.5), state.module * 4);\r\n        const type = state.toothType === \"helical\" ? \"ko\u0142o walcowe o z\u0119bach sko\u015bnych\" : \"ko\u0142o walcowe o z\u0119bach prostych\";\r\n\r\n        return [\r\n          \"WST\u0118PNA SPECYFIKACJA KO\u0141A Z\u0118BATEGO\",\r\n          \"\",\r\n          `Typ: ${type}`,\r\n          `Liczba z\u0119b\u00f3w z: ${state.teeth}`,\r\n          `Modu\u0142 m: ${numberPL(state.module, 1)} mm`,\r\n          `Szeroko\u015b\u0107 wie\u0144ca b: ${numberPL(state.width)} mm`,\r\n          `\u015arednica otworu: \u00d8${numberPL(state.bore)} mm`,\r\n          `Rowek wpustowy: ${state.keyway ? \"tak\" : \"nie wskazano\"}`,\r\n          `Piasta: ${hubLabels[state.hub]}`,\r\n          `Materia\u0142: ${materialLabels[state.material]}`,\r\n          `Obr\u00f3bka cieplna: ${treatmentLabels[state.treatment]}`,\r\n          \"\",\r\n          `Pogl\u0105dowa \u015brednica podzia\u0142owa d: ${numberPL(pitchDiameter, pitchDiameter % 1 ? 1 : 0)} mm`,\r\n          `Pogl\u0105dowa \u015brednica wierzcho\u0142kowa da: ${numberPL(outerDiameter, outerDiameter % 1 ? 1 : 0)} mm`,\r\n          `Pogl\u0105dowa \u015brednica dna df: ok. ${numberPL(rootDiameter, rootDiameter % 1 ? 1 : 0)} mm`,\r\n          \"\",\r\n          \"Do potwierdzenia: zarys i korekcja uz\u0119bienia, klasa dok\u0142adno\u015bci, tolerancje, materia\u0142, obr\u00f3bka cieplna, obci\u0105\u017cenie i warunki pracy.\"\r\n        ].join(\"\\n\");\r\n      }\r\n\r\n      async function copySpecification() {\r\n        const text = buildSpecification();\r\n        let copied = false;\r\n\r\n        if (navigator.clipboard && window.isSecureContext) {\r\n          try {\r\n            await navigator.clipboard.writeText(text);\r\n            copied = true;\r\n          } catch (error) {\r\n            copied = false;\r\n          }\r\n        }\r\n\r\n        if (!copied) {\r\n          const helper = document.createElement(\"textarea\");\r\n          helper.value = text;\r\n          helper.setAttribute(\"readonly\", \"\");\r\n          helper.style.position = \"fixed\";\r\n          helper.style.left = \"-9999px\";\r\n          document.body.appendChild(helper);\r\n          helper.select();\r\n          try {\r\n            copied = document.execCommand(\"copy\");\r\n          } catch (error) {\r\n            copied = false;\r\n          }\r\n          helper.remove();\r\n        }\r\n\r\n        copyStatus.textContent = copied\r\n          ? \"\u2713 Specyfikacja zosta\u0142a skopiowana.\"\r\n          : \"Nie uda\u0142o si\u0119 skopiowa\u0107 automatycznie.\";\r\n\r\n        window.clearTimeout(copyTimer);\r\n        copyTimer = window.setTimeout(() => {\r\n          copyStatus.textContent = \"\";\r\n        }, 4200);\r\n      }\r\n\r\n      function setFormChoice(formRoot, selector) {\r\n        const field = formRoot.querySelector(selector);\r\n        if (!field) return false;\r\n        field.checked = true;\r\n        field.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n        return true;\r\n      }\r\n\r\n      function transferSpecificationToForm(event) {\r\n        const formRoot = document.getElementById(\"prx-quote-wizard\");\r\n        const specification = buildSpecification();\r\n\r\n        try {\r\n          window.sessionStorage.setItem(\"prxGearSpecification\", specification);\r\n        } catch (error) {\r\n          \/* Formularz nadal dzia\u0142a, gdy przegl\u0105darka blokuje sessionStorage. *\/\r\n        }\r\n\r\n        if (!formRoot) {\r\n          copyStatus.textContent = \"Formularz nie zosta\u0142 znaleziony na tej stronie.\";\r\n          return;\r\n        }\r\n\r\n        event.preventDefault();\r\n\r\n        const note = formRoot.querySelector(\"#prx-quote-wizard-note, [name='note']\");\r\n        const startMarker = \"--- DANE Z KONFIGURATORA KO\u0141A ---\";\r\n        const endMarker = \"--- KONIEC DANYCH Z KONFIGURATORA ---\";\r\n        const payload = `${startMarker}\\n${specification}\\n${endMarker}`;\r\n\r\n        if (note) {\r\n          const currentValue = note.value.trim();\r\n          const startIndex = currentValue.indexOf(startMarker);\r\n          const endIndex = currentValue.indexOf(endMarker);\r\n\r\n          if (startIndex !== -1 && endIndex > startIndex) {\r\n            const before = currentValue.slice(0, startIndex).trimEnd();\r\n            const after = currentValue\r\n              .slice(endIndex + endMarker.length)\r\n              .trimStart();\r\n            note.value = [before, payload, after].filter(Boolean).join(\"\\n\\n\");\r\n          } else {\r\n            note.value = currentValue ? `${currentValue}\\n\\n${payload}` : payload;\r\n          }\r\n\r\n          note.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n        }\r\n\r\n        const gearTypeValue = state.toothType === \"helical\"\r\n          ? \"Ko\u0142o walcowe o z\u0119bach sko\u015bnych\"\r\n          : \"Ko\u0142o walcowe o z\u0119bach prostych\";\r\n\r\n        setFormChoice(\r\n          formRoot,\r\n          `[name='gearType'][value='${gearTypeValue}']`\r\n        );\r\n        setFormChoice(\r\n          formRoot,\r\n          \"[name='known'][value='Modu\u0142 i liczba z\u0119b\u00f3w']\"\r\n        );\r\n        setFormChoice(\r\n          formRoot,\r\n          \"[name='known'][value='\u015arednica, szeroko\u015b\u0107 i wymiary piasty']\"\r\n        );\r\n        setFormChoice(\r\n          formRoot,\r\n          \"[name='known'][value='Otw\u00f3r, tolerancja i rowek wpustowy']\"\r\n        );\r\n        setFormChoice(\r\n          formRoot,\r\n          \"[name='known'][value='Materia\u0142 elementu']\"\r\n        );\r\n\r\n        if (state.treatment !== \"none\") {\r\n          setFormChoice(\r\n            formRoot,\r\n            \"[name='known'][value='Obr\u00f3bka cieplna lub twardo\u015b\u0107']\"\r\n          );\r\n        }\r\n\r\n        formRoot.dispatchEvent(new CustomEvent(\"prx:gear-specification\", {\r\n          bubbles: true,\r\n          detail: {\r\n            specification,\r\n            configuration: { ...state }\r\n          }\r\n        }));\r\n\r\n        copyStatus.textContent = note\r\n          ? \"\u2713 Specyfikacja zosta\u0142a przeniesiona do formularza.\"\r\n          : \"\u2713 Przechodz\u0119 do formularza wyceny.\";\r\n\r\n        window.clearTimeout(copyTimer);\r\n        copyTimer = window.setTimeout(() => {\r\n          copyStatus.textContent = \"\";\r\n        }, 5200);\r\n\r\n        formRoot.scrollIntoView({\r\n          behavior: window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\r\n            ? \"auto\"\r\n            : \"smooth\",\r\n          block: \"start\"\r\n        });\r\n      }\r\n\r\n      Object.entries(inputs).forEach(([key, input]) => {\r\n        input.addEventListener(\"input\", () => {\r\n          state[key] = key === \"module\" ? Number(input.value) : Math.round(Number(input.value));\r\n\r\n          if (key === \"module\" || key === \"teeth\") {\r\n            updateBoreLimit();\r\n          }\r\n\r\n          updateRangeAppearance(input);\r\n          updateModel();\r\n        });\r\n      });\r\n\r\n      toothButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => {\r\n          state.toothType = button.dataset.toothType;\r\n          setPressed(toothButtons, \"toothType\", state.toothType);\r\n          updateModel();\r\n        });\r\n      });\r\n\r\n      hubButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => {\r\n          state.hub = button.dataset.hub;\r\n          setPressed(hubButtons, \"hub\", state.hub);\r\n          updateModel();\r\n        });\r\n      });\r\n\r\n      treatmentButtons.forEach((button) => {\r\n        button.addEventListener(\"click\", () => {\r\n          if (button.disabled) return;\r\n          selectTreatment(button.dataset.treatment);\r\n          updateModel();\r\n        });\r\n      });\r\n\r\n      materialSelect.addEventListener(\"change\", () => {\r\n        state.material = materialSelect.value;\r\n        enforceCompatibility();\r\n        updateModel();\r\n      });\r\n\r\n      keywayInput.addEventListener(\"change\", () => {\r\n        state.keyway = keywayInput.checked;\r\n        updateModel();\r\n      });\r\n\r\n      copyButton.addEventListener(\"click\", copySpecification);\r\n\r\n      if (sendToFormButton) {\r\n        sendToFormButton.addEventListener(\"click\", transferSpecificationToForm);\r\n      }\r\n\r\n      resetButton.addEventListener(\"click\", () => {\r\n        Object.assign(state, defaults);\r\n        updateInputsFromState();\r\n        updateModel();\r\n        copyStatus.textContent = \"\";\r\n      });\r\n\r\n      updateInputsFromState();\r\n      updateModel();\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-1e82177 elementor-widget elementor-widget-html\" data-id=\"1e82177\" 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 PROPOZYCJA NR 6\r\n     INTERAKTYWNY KREATOR DANYCH DO WYCENY KO\u0141A Z\u0118BATEGO\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-quote-wizard\"\r\n  id=\"prx-quote-wizard\"\r\n  aria-labelledby=\"prx-quote-wizard-title\"\r\n>\r\n  <style>\r\n    #prx-quote-wizard,\r\n    #prx-quote-wizard * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #prx-quote-wizard [hidden] {\r\n      display: none !important;\r\n    }\r\n\r\n    #prx-quote-wizard {\r\n      --prx-navy: #071b33;\r\n      --prx-blue: #0b3455;\r\n      --prx-red: #e10600;\r\n      --prx-red-dark: #bd0000;\r\n      --prx-text: #43596d;\r\n      --prx-muted: #6e8092;\r\n      --prx-border: #dce4eb;\r\n      --prx-soft: #f4f6f9;\r\n      --prx-green: #18835f;\r\n\r\n      position: relative;\r\n      isolation: isolate;\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: 96px 24px 104px;\r\n      background:\r\n        radial-gradient(circle at 13% 12%, rgba(54, 153, 255, 0.34), transparent 28%),\r\n        radial-gradient(circle at 88% 22%, rgba(0, 176, 255, 0.23), transparent 25%),\r\n        linear-gradient(\r\n          180deg,\r\n          #041429 0%,\r\n          #062b50 32%,\r\n          #0a4b80 61%,\r\n          #dcebf7 86%,\r\n          #ffffff 100%\r\n        );\r\n      color: var(--prx-navy);\r\n      font-family: inherit;\r\n    }\r\n\r\n    #prx-quote-wizard::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -235px;\r\n      top: -300px;\r\n      width: 670px;\r\n      height: 670px;\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 84px rgba(255, 255, 255, 0.035),\r\n        inset 0 0 0 168px rgba(255, 255, 255, 0.02);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-quote-wizard::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -230px;\r\n      bottom: -350px;\r\n      width: 650px;\r\n      height: 650px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.76), transparent 68%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* NAG\u0141\u00d3WEK *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__header {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 780px) minmax(260px, 1fr);\r\n      gap: 55px;\r\n      align-items: end;\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      width: fit-content;\r\n      margin-bottom: 18px;\r\n      padding: 9px 15px;\r\n      border: 1px solid rgba(255, 255, 255, 0.24);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      color: #ffffff;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: 0.065em;\r\n      text-transform: uppercase;\r\n      box-shadow: 0 12px 32px rgba(0, 11, 27, 0.18);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__label::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      flex: 0 0 9px;\r\n      border-radius: 50%;\r\n      background: var(--prx-red);\r\n      box-shadow: 0 0 0 5px rgba(225, 6, 0, 0.1);\r\n    }\r\n\r\n    #prx-quote-wizard h2 {\r\n      max-width: 780px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(36px, 4.3vw, 56px);\r\n      line-height: 1.04;\r\n      font-weight: 950;\r\n      letter-spacing: -0.048em;\r\n      text-wrap: balance;\r\n      text-shadow: 0 10px 30px rgba(0, 13, 31, 0.2);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__intro {\r\n      margin: 0 0 2px;\r\n      padding-left: 22px;\r\n      border-left: 3px solid var(--prx-red);\r\n      color: #d9e8f5;\r\n      font-size: 17px;\r\n      line-height: 1.7;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__intro strong {\r\n      color: #ffffff;\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* G\u0141\u00d3WNA OBUDOWA *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__shell {\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, 0.32);\r\n      border-radius: 27px;\r\n      background: #ffffff;\r\n      box-shadow:\r\n        0 34px 90px rgba(0, 15, 35, 0.29),\r\n        0 0 0 1px rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    \/* O\u015a POST\u0118PU *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(5, minmax(0, 1fr));\r\n      padding: 25px 31px 23px;\r\n      border-bottom: 1px solid var(--prx-border);\r\n      background:\r\n        linear-gradient(90deg, rgba(225, 6, 0, 0.035), transparent 38%),\r\n        #fbfcfd;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress::before,\r\n    #prx-quote-wizard .prx-quote-wizard__progress-fill {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: calc(10% + 31px);\r\n      right: calc(10% + 31px);\r\n      top: 43px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress::before {\r\n      background: #d8e1e8;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-fill {\r\n      right: auto;\r\n      z-index: 1;\r\n      width: calc(80% - 62px);\r\n      transform: scaleX(0);\r\n      transform-origin: left center;\r\n      background: linear-gradient(90deg, var(--prx-red), #ff4d47);\r\n      transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-step {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-width: 0;\r\n      padding: 0 5px;\r\n      border: 0;\r\n      background: transparent;\r\n      color: var(--prx-muted);\r\n      font: inherit;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-step:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 4px;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-node {\r\n      position: relative;\r\n      width: 38px;\r\n      height: 38px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 2px solid #d4dee6;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      box-shadow: 0 6px 16px rgba(7, 27, 51, 0.08);\r\n      color: #8595a5;\r\n      font-size: 13px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n      transition:\r\n        border-color 0.25s ease,\r\n        background 0.25s ease,\r\n        color 0.25s ease,\r\n        transform 0.25s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-step[aria-current=\"step\"]\r\n    .prx-quote-wizard__progress-node {\r\n      transform: scale(1.12);\r\n      border-color: var(--prx-red);\r\n      background: var(--prx-red);\r\n      color: #ffffff;\r\n      box-shadow:\r\n        0 8px 18px rgba(225, 6, 0, 0.2),\r\n        0 0 0 6px rgba(225, 6, 0, 0.08);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-step.is-complete\r\n    .prx-quote-wizard__progress-node {\r\n      border-color: var(--prx-navy);\r\n      background: var(--prx-navy);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-name {\r\n      overflow: hidden;\r\n      max-width: 130px;\r\n      color: inherit;\r\n      font-size: 12px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      text-align: center;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__progress-step[aria-current=\"step\"]\r\n    .prx-quote-wizard__progress-name,\r\n    #prx-quote-wizard .prx-quote-wizard__progress-step.is-complete\r\n    .prx-quote-wizard__progress-name {\r\n      color: var(--prx-navy);\r\n    }\r\n\r\n    \/* UK\u0141AD ROBOCZY *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__workspace {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.4fr) minmax(360px, 0.6fr);\r\n      align-items: stretch;\r\n      min-height: 620px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__form-side {\r\n      min-width: 0;\r\n      padding: 42px 42px 35px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__step {\r\n      display: none;\r\n      animation: prxQuoteEnter 0.34s ease both;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__step.is-active {\r\n      display: block;\r\n    }\r\n\r\n    @keyframes prxQuoteEnter {\r\n      from {\r\n        transform: translateY(9px);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n      color: var(--prx-red);\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 900;\r\n      letter-spacing: 0.055em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__eyebrow::before {\r\n      content: \"\";\r\n      width: 27px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: var(--prx-red);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__step h3 {\r\n      margin: 0;\r\n      color: var(--prx-navy);\r\n      font-size: clamp(27px, 2.7vw, 36px);\r\n      line-height: 1.12;\r\n      font-weight: 950;\r\n      letter-spacing: -0.038em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__lead {\r\n      max-width: 720px;\r\n      margin: 14px 0 29px;\r\n      color: var(--prx-text);\r\n      font-size: 16px;\r\n      line-height: 1.68;\r\n      font-weight: 550;\r\n    }\r\n\r\n    \/* KARTY WYBORU *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__options {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option {\r\n      position: relative;\r\n      min-width: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option input {\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      clip-path: inset(50%);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-card {\r\n      position: relative;\r\n      min-height: 132px;\r\n      display: grid;\r\n      grid-template-columns: 50px minmax(0, 1fr);\r\n      gap: 15px;\r\n      align-items: start;\r\n      padding: 20px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 17px;\r\n      background: #ffffff;\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -45px;\r\n      bottom: -58px;\r\n      width: 120px;\r\n      height: 120px;\r\n      border: 1px solid rgba(7, 27, 51, 0.04);\r\n      border-radius: 50%;\r\n      box-shadow: inset 0 0 0 19px rgba(7, 27, 51, 0.01);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option:hover .prx-quote-wizard__option-card {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(225, 6, 0, 0.23);\r\n      box-shadow: 0 13px 28px rgba(7, 27, 51, 0.07);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option input:focus-visible +\r\n    .prx-quote-wizard__option-card {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option input:checked +\r\n    .prx-quote-wizard__option-card {\r\n      border-color: rgba(225, 6, 0, 0.34);\r\n      background:\r\n        radial-gradient(circle at 100% 0%, rgba(225, 6, 0, 0.07), transparent 39%),\r\n        #fffafa;\r\n      box-shadow: 0 14px 30px rgba(225, 6, 0, 0.075);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 50px;\r\n      height: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dbe3e9;\r\n      border-radius: 14px;\r\n      background: #f3f6f8;\r\n      color: var(--prx-navy);\r\n      transition:\r\n        background 0.2s ease,\r\n        color 0.2s ease,\r\n        border-color 0.2s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option input:checked +\r\n    .prx-quote-wizard__option-card .prx-quote-wizard__option-icon {\r\n      border-color: var(--prx-red);\r\n      background: var(--prx-red);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-icon svg {\r\n      width: 25px;\r\n      height: 25px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-copy {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n      padding-right: 18px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-copy::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -1px;\r\n      top: 1px;\r\n      width: 16px;\r\n      height: 16px;\r\n      border: 2px solid #cbd6de;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option input:checked +\r\n    .prx-quote-wizard__option-card .prx-quote-wizard__option-copy::after {\r\n      border: 5px solid var(--prx-red);\r\n    }\r\n\r\n    \/* KROK 1 \u2014 WYB\u00d3R WIELOKROTNY *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__options--multiple\r\n    .prx-quote-wizard__option-copy::after {\r\n      content: \"\";\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 5px;\r\n      color: #ffffff;\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__options--multiple\r\n    .prx-quote-wizard__option input:checked +\r\n    .prx-quote-wizard__option-card .prx-quote-wizard__option-copy::after {\r\n      content: \"\\2713\";\r\n      border: 2px solid var(--prx-red);\r\n      background: var(--prx-red);\r\n      box-shadow: 0 5px 12px rgba(225, 6, 0, 0.2);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-copy strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 17px;\r\n      line-height: 1.3;\r\n      font-weight: 900;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__option-copy span {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: var(--prx-text);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n      font-weight: 550;\r\n    }\r\n\r\n    \/* CHECKBOXY *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__checks {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__check {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 24px minmax(0, 1fr);\r\n      gap: 12px;\r\n      align-items: start;\r\n      min-height: 68px;\r\n      padding: 16px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 14px;\r\n      background: #ffffff;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.42;\r\n      font-weight: 760;\r\n      cursor: pointer;\r\n      transition:\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        transform 0.2s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__check:hover {\r\n      transform: translateY(-1px);\r\n      border-color: rgba(225, 6, 0, 0.23);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__check:has(input:checked) {\r\n      border-color: rgba(225, 6, 0, 0.3);\r\n      background: #fff8f8;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__check input {\r\n      width: 22px;\r\n      height: 22px;\r\n      margin: 0;\r\n      accent-color: var(--prx-red);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__check input:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    \/* NOTATKA *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__note-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\r\n      gap: 17px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-options {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-option {\r\n      position: relative;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-option input {\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      clip-path: inset(50%);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-card {\r\n      min-height: 58px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding: 13px 15px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 13px;\r\n      background: #ffffff;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.35;\r\n      font-weight: 820;\r\n      transition:\r\n        border-color 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-dot {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: 0 0 18px;\r\n      border: 2px solid #cbd6de;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-option input:checked +\r\n    .prx-quote-wizard__mini-card {\r\n      border-color: rgba(225, 6, 0, 0.3);\r\n      background: #fff8f8;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-option input:checked +\r\n    .prx-quote-wizard__mini-card .prx-quote-wizard__mini-dot {\r\n      border: 5px solid var(--prx-red);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__mini-option input:focus-visible +\r\n    .prx-quote-wizard__mini-card {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__textarea-wrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__textarea-label {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: var(--prx-navy);\r\n      font-size: 15px;\r\n      line-height: 1.4;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__textarea {\r\n      width: 100%;\r\n      min-height: 194px;\r\n      flex: 1 1 auto;\r\n      resize: vertical;\r\n      padding: 16px 17px;\r\n      border: 1px solid var(--prx-border);\r\n      border-radius: 14px;\r\n      background: #fbfcfd;\r\n      color: var(--prx-navy);\r\n      font: inherit;\r\n      font-size: 15px;\r\n      line-height: 1.58;\r\n      outline: none;\r\n      transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__textarea:focus {\r\n      border-color: rgba(225, 6, 0, 0.5);\r\n      background: #ffffff;\r\n      box-shadow: 0 0 0 4px rgba(225, 6, 0, 0.08);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__textarea::placeholder {\r\n      color: #8595a4;\r\n    }\r\n\r\n    \/* FINA\u0141 *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final {\r\n      padding: 25px;\r\n      border: 1px solid rgba(24, 131, 95, 0.18);\r\n      border-radius: 18px;\r\n      background:\r\n        radial-gradient(circle at 92% 10%, rgba(24, 131, 95, 0.1), transparent 35%),\r\n        #f7fcfa;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final-head {\r\n      display: grid;\r\n      grid-template-columns: 58px minmax(0, 1fr);\r\n      gap: 17px;\r\n      align-items: center;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final-icon {\r\n      width: 58px;\r\n      height: 58px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 50%;\r\n      background: var(--prx-green);\r\n      box-shadow: 0 12px 25px rgba(24, 131, 95, 0.22);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final-icon svg {\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final strong {\r\n      display: block;\r\n      color: var(--prx-navy);\r\n      font-size: 21px;\r\n      line-height: 1.25;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final p {\r\n      margin: 6px 0 0;\r\n      color: var(--prx-text);\r\n      font-size: 15px;\r\n      line-height: 1.58;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__final-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    \/* NAWIGACJA *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__nav {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 15px;\r\n      margin-top: 31px;\r\n      padding-top: 24px;\r\n      border-top: 1px solid #e5ebf0;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__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: 15px 20px;\r\n      border: 1px solid #d7e0e7;\r\n      border-radius: 10px;\r\n      background: #ffffff;\r\n      color: var(--prx-navy);\r\n      font: inherit;\r\n      font-size: 15px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      text-decoration: none !important;\r\n      cursor: pointer;\r\n      transition:\r\n        transform 0.2s ease,\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        background 0.2s ease;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button:hover {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(7, 27, 51, 0.22);\r\n      box-shadow: 0 12px 24px rgba(7, 27, 51, 0.08);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button[disabled] {\r\n      transform: none;\r\n      box-shadow: none;\r\n      opacity: 0.42;\r\n      cursor: not-allowed;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button--primary {\r\n      border-color: transparent;\r\n      background: linear-gradient(180deg, #ed110b, var(--prx-red) 52%, var(--prx-red-dark));\r\n      box-shadow: 0 14px 28px rgba(225, 6, 0, 0.22);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button--primary:hover {\r\n      border-color: transparent;\r\n      box-shadow: 0 18px 34px rgba(225, 6, 0, 0.3);\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button[aria-busy=\"true\"] {\r\n      opacity: 0.82;\r\n      cursor: wait;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button[aria-busy=\"true\"] svg {\r\n      animation: prxQuoteButtonPulse 0.8s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes prxQuoteButtonPulse {\r\n      from { transform: translateX(0); }\r\n      to { transform: translateX(4px); }\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: 0 0 18px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__nav-status {\r\n      color: var(--prx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.4;\r\n      font-weight: 750;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* PODGL\u0104D BRIEFU *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-side {\r\n      position: relative;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      padding: 35px 31px;\r\n      border-left: 1px solid var(--prx-border);\r\n      background:\r\n        radial-gradient(circle at 85% 5%, rgba(225, 6, 0, 0.14), transparent 28%),\r\n        linear-gradient(150deg, #0b3455 0%, #071b33 62%, #061629 100%);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-side::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -130px;\r\n      top: -140px;\r\n      width: 310px;\r\n      height: 310px;\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      border-radius: 50%;\r\n      box-shadow:\r\n        inset 0 0 0 46px rgba(255, 255, 255, 0.025),\r\n        inset 0 0 0 92px rgba(255, 255, 255, 0.015);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-kicker {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-kicker span:first-child {\r\n      color: #d9e5ee;\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 850;\r\n      letter-spacing: 0.055em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__live {\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.13);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      color: #ffffff;\r\n      font-size: 12px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__live::before {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #50d2a2;\r\n      box-shadow: 0 0 0 5px rgba(80, 210, 162, 0.12);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__gear-mark {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 92px;\r\n      height: 92px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 20px;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      box-shadow: inset 0 0 0 13px rgba(255, 255, 255, 0.025);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__gear-mark svg {\r\n      width: 59px;\r\n      height: 59px;\r\n      color: #ffffff;\r\n      transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-side.is-updating\r\n    .prx-quote-wizard__gear-mark svg {\r\n      transform: rotate(28deg);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-side h3 {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: 26px;\r\n      line-height: 1.16;\r\n      font-weight: 950;\r\n      letter-spacing: -0.035em;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-lead {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin: 10px 0 24px;\r\n      color: #c8d7e3;\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-list {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      gap: 1px;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-item {\r\n      display: grid;\r\n      grid-template-columns: 35px minmax(0, 1fr);\r\n      gap: 11px;\r\n      padding: 14px 0;\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-number {\r\n      width: 30px;\r\n      height: 30px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: 50%;\r\n      background: rgba(255, 255, 255, 0.05);\r\n      color: #ff5a55;\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-copy span {\r\n      display: block;\r\n      color: #9fb4c6;\r\n      font-size: 12px;\r\n      line-height: 1.3;\r\n      font-weight: 760;\r\n      letter-spacing: 0.035em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__summary-copy strong {\r\n      display: block;\r\n      margin-top: 4px;\r\n      overflow-wrap: anywhere;\r\n      color: #ffffff;\r\n      font-size: 14px;\r\n      line-height: 1.42;\r\n      font-weight: 760;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__tip {\r\n      position: relative;\r\n      z-index: 2;\r\n      margin-top: 22px;\r\n      padding: 16px;\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: 13px;\r\n      background: rgba(255, 255, 255, 0.055);\r\n      color: #d8e4ed;\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__tip strong {\r\n      color: #ffffff;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__copy-status {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-height: 22px;\r\n      margin-top: 13px;\r\n      color: #8ee0bf;\r\n      font-size: 13px;\r\n      line-height: 1.4;\r\n      font-weight: 750;\r\n    }\r\n\r\n    \/* STOPKA BLOKU *\/\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__footer {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 25px;\r\n      align-items: center;\r\n      padding: 24px 30px;\r\n      border-top: 1px solid var(--prx-border);\r\n      background: #fbfcfd;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__footer-copy {\r\n      display: grid;\r\n      grid-template-columns: 38px minmax(0, 1fr);\r\n      gap: 13px;\r\n      align-items: center;\r\n      color: var(--prx-text);\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n      font-weight: 550;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__footer-icon {\r\n      width: 38px;\r\n      height: 38px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid #dce4eb;\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--prx-red);\r\n      font-size: 18px;\r\n      line-height: 1;\r\n      font-weight: 950;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__reset {\r\n      border: 0;\r\n      background: transparent;\r\n      color: var(--prx-muted);\r\n      font: inherit;\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 800;\r\n      text-decoration: underline;\r\n      text-underline-offset: 4px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__reset:hover {\r\n      color: var(--prx-red);\r\n    }\r\n\r\n    #prx-quote-wizard .prx-quote-wizard__reset:focus-visible {\r\n      outline: 3px solid rgba(225, 6, 0, 0.2);\r\n      outline-offset: 3px;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    \/* TABLET *\/\r\n\r\n    @media (max-width: 1060px) {\r\n      #prx-quote-wizard {\r\n        padding: 82px 20px 92px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__header {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__intro {\r\n        max-width: 820px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__workspace {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__summary-side {\r\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-left: 0;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__summary-list {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        column-gap: 25px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__tip {\r\n        max-width: 720px;\r\n      }\r\n    }\r\n\r\n    \/* MOBILE *\/\r\n\r\n    @media (max-width: 700px) {\r\n      #prx-quote-wizard {\r\n        padding: 68px 16px 76px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__header {\r\n        margin-bottom: 31px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__label {\r\n        padding: 8px 12px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      #prx-quote-wizard h2 {\r\n        font-size: clamp(33px, 10vw, 43px);\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__intro {\r\n        padding-left: 16px;\r\n        font-size: 16px;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__shell {\r\n        border-radius: 19px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__progress {\r\n        padding: 19px 10px 17px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__progress::before,\r\n      #prx-quote-wizard .prx-quote-wizard__progress-fill {\r\n        left: calc(10% + 10px);\r\n        right: calc(10% + 10px);\r\n        top: 36px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__progress-fill {\r\n        right: auto;\r\n        width: calc(80% - 20px);\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__progress-node {\r\n        width: 34px;\r\n        height: 34px;\r\n        font-size: 12px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__progress-name {\r\n        font-size: 11px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__progress-step:nth-child(3)\r\n      .prx-quote-wizard__progress-name,\r\n      #prx-quote-wizard .prx-quote-wizard__progress-step:nth-child(4)\r\n      .prx-quote-wizard__progress-name {\r\n        display: none;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__form-side {\r\n        padding: 30px 20px 24px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__step h3 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__lead {\r\n        margin-bottom: 23px;\r\n        font-size: 16px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__options,\r\n      #prx-quote-wizard .prx-quote-wizard__checks,\r\n      #prx-quote-wizard .prx-quote-wizard__note-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__option-card {\r\n        min-height: 0;\r\n        padding: 17px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__option-copy strong {\r\n        font-size: 16px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__nav {\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__nav-status {\r\n        order: -1;\r\n        width: 100%;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__button {\r\n        flex: 1 1 140px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__summary-side {\r\n        padding: 29px 21px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__summary-list {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__final-actions\r\n      .prx-quote-wizard__button {\r\n        width: 100%;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__footer {\r\n        grid-template-columns: 1fr;\r\n        padding: 21px;\r\n      }\r\n\r\n      #prx-quote-wizard .prx-quote-wizard__reset {\r\n        justify-self: start;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #prx-quote-wizard *,\r\n      #prx-quote-wizard *::before,\r\n      #prx-quote-wizard *::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-quote-wizard__inner\">\r\n\r\n    <header class=\"prx-quote-wizard__header\">\r\n      <div>\r\n        <span class=\"prx-quote-wizard__label\">\r\n          Interaktywny brief techniczny\r\n        <\/span>\r\n\r\n        <h2 id=\"prx-quote-wizard-title\">\r\n          Przygotuj dane do wyceny ko\u0142a z\u0119batego\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"prx-quote-wizard__intro\">\r\n        W kilku krokach uporz\u0105dkujesz informacje, kt\u00f3re u\u0142atwi\u0105 analiz\u0119\r\n        zapytania. Na ko\u0144cu otrzymasz <strong>gotowe podsumowanie do\r\n        skopiowania i przes\u0142ania<\/strong> razem ze zdj\u0119ciami lub dokumentacj\u0105.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx-quote-wizard__shell\">\r\n\r\n      <nav class=\"prx-quote-wizard__progress\" aria-label=\"Etapy przygotowania briefu\">\r\n        <div class=\"prx-quote-wizard__progress-fill\" data-progress-fill aria-hidden=\"true\"><\/div>\r\n\r\n        <button class=\"prx-quote-wizard__progress-step\" type=\"button\" data-jump=\"0\" aria-current=\"step\">\r\n          <span class=\"prx-quote-wizard__progress-node\">01<\/span>\r\n          <span class=\"prx-quote-wizard__progress-name\">Materia\u0142y<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-quote-wizard__progress-step\" type=\"button\" data-jump=\"1\">\r\n          <span class=\"prx-quote-wizard__progress-node\">02<\/span>\r\n          <span class=\"prx-quote-wizard__progress-name\">Typ ko\u0142a<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-quote-wizard__progress-step\" type=\"button\" data-jump=\"2\">\r\n          <span class=\"prx-quote-wizard__progress-node\">03<\/span>\r\n          <span class=\"prx-quote-wizard__progress-name\">Zakres<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-quote-wizard__progress-step\" type=\"button\" data-jump=\"3\">\r\n          <span class=\"prx-quote-wizard__progress-node\">04<\/span>\r\n          <span class=\"prx-quote-wizard__progress-name\">Dane<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"prx-quote-wizard__progress-step\" type=\"button\" data-jump=\"4\">\r\n          <span class=\"prx-quote-wizard__progress-node\">05<\/span>\r\n          <span class=\"prx-quote-wizard__progress-name\">Podsumowanie<\/span>\r\n        <\/button>\r\n      <\/nav>\r\n\r\n      <div class=\"prx-quote-wizard__workspace\">\r\n\r\n        <div class=\"prx-quote-wizard__form-side\">\r\n          <form data-wizard-form novalidate>\r\n\r\n            <!-- KROK 1 -->\r\n            <fieldset class=\"prx-quote-wizard__step is-active\" data-step=\"0\">\r\n              <legend class=\"prx-quote-wizard__eyebrow\">Krok 1 z 5<\/legend>\r\n              <h3>Z czym rozpoczynamy analiz\u0119?<\/h3>\r\n              <p class=\"prx-quote-wizard__lead\">\r\n                Zaznacz wszystkie materia\u0142y, kt\u00f3rymi obecnie dysponujesz.\r\n                Mo\u017cesz wybra\u0107 kilka opcji \u2014 na przyk\u0142ad rysunek, model 3D,\r\n                zdj\u0119cia i zu\u017cyte ko\u0142o jednocze\u015bnie.\r\n              <\/p>\r\n\r\n              <div\r\n                class=\"prx-quote-wizard__options prx-quote-wizard__options--multiple\"\r\n                aria-label=\"Dost\u0119pne materia\u0142y \u2014 wyb\u00f3r wielokrotny\"\r\n              >\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"checkbox\" name=\"source\" value=\"Rysunek techniczny 2D\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 3h10l4 4v14H5V3Z M15 3v5h4 M8 12h8 M8 16h6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\">\r\n                      <strong>Rysunek techniczny 2D<\/strong>\r\n                      <span>Dokumentacja z wymiarami, tolerancjami i opisem materia\u0142u.<\/span>\r\n                    <\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"checkbox\" name=\"source\" value=\"Model 3D\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z M4 7.5l8 4.5 8-4.5 M12 12v9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\">\r\n                      <strong>Model 3D<\/strong>\r\n                      <span>Plik przestrzenny elementu, najlepiej wraz z rysunkiem wykonawczym.<\/span>\r\n                    <\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"checkbox\" name=\"source\" value=\"Dostarczone zu\u017cyte ko\u0142o\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"2.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                        <path d=\"M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6 7 7M17 17l1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\">\r\n                      <strong>Zu\u017cyte ko\u0142o jako wz\u00f3r<\/strong>\r\n                      <span>Element do pomiar\u00f3w i analizy mo\u017cliwej do odtworzenia geometrii.<\/span>\r\n                    <\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"checkbox\" name=\"source\" value=\"Zdj\u0119cia i podstawowe wymiary\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 7h4l1.5-2h5L16 7h4v12H4V7Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\r\n                        <circle cx=\"12\" cy=\"13\" r=\"3.3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                      <\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\">\r\n                      <strong>Zdj\u0119cia i wymiary<\/strong>\r\n                      <span>Dobry materia\u0142 do wst\u0119pnej oceny, je\u015bli dokumentacji jeszcze nie ma.<\/span>\r\n                    <\/span>\r\n                  <\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <!-- KROK 2 -->\r\n            <fieldset class=\"prx-quote-wizard__step\" data-step=\"1\">\r\n              <legend class=\"prx-quote-wizard__eyebrow\">Krok 2 z 5<\/legend>\r\n              <h3>Jakiego typu jest ko\u0142o?<\/h3>\r\n              <p class=\"prx-quote-wizard__lead\">\r\n                Wybierz wariant najbardziej zbli\u017cony do potrzebnego elementu.\r\n                Nietypow\u0105 geometri\u0119 mo\u017cesz opisa\u0107 w kolejnym kroku.\r\n              <\/p>\r\n\r\n              <div class=\"prx-quote-wizard__options\">\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"gearType\" value=\"Ko\u0142o walcowe o z\u0119bach prostych\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"6.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"12\" cy=\"12\" r=\"2.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2.1 2.1M16.9 16.9 19 19M19 5l-2.1 2.1M7.1 16.9 5 19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Z\u0119by proste<\/strong><span>Ko\u0142o walcowe z prost\u0105 lini\u0105 z\u0119ba.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"gearType\" value=\"Ko\u0142o walcowe o z\u0119bach sko\u015bnych\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"12\" cy=\"12\" r=\"2.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"m5.5 7 2-2M4.7 11l2.7-2.7M5.5 15l2.7-2.7M8 18l2.7-2.7M12 19.3l2.7-2.7M15.8 18l2.7-2.7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Z\u0119by sko\u015bne<\/strong><span>Ko\u0142o walcowe z uz\u0119bieniem \u015brubowym.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"gearType\" value=\"Ko\u0142o sto\u017ckowe\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M5 17 9 6h6l4 11H5Z M9 6l3 11 3-11 M8 12h8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Ko\u0142o sto\u017ckowe<\/strong><span>Do przek\u0142adni, w kt\u00f3rych osie przecinaj\u0105 si\u0119.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"gearType\" value=\"Wieniec, listwa, \u015blimacznica lub inny typ\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M4 16h16M5 16v-4l2-2 2 2 2-2 2 2 2-2 2 2 2-2v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Inny wariant<\/strong><span>Wieniec, listwa z\u0119bata, \u015blimacznica lub geometria specjalna.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <!-- KROK 3 -->\r\n            <fieldset class=\"prx-quote-wizard__step\" data-step=\"2\">\r\n              <legend class=\"prx-quote-wizard__eyebrow\">Krok 3 z 5<\/legend>\r\n              <h3>Jaki jest zakres planowanej realizacji?<\/h3>\r\n              <p class=\"prx-quote-wizard__lead\">\r\n                Wska\u017c g\u0142\u00f3wny cel zapytania. Liczb\u0119 sztuk wybierzesz osobno,\r\n                aby brief by\u0142 jednoznaczny.\r\n              <\/p>\r\n\r\n              <div class=\"prx-quote-wizard__options\">\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"scope\" value=\"Nowe ko\u0142o wed\u0142ug dokumentacji\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M4 18h16M6 18V8h12v10M9 8V5h6v3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"m10 13 1.5 1.5L15 11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Nowe ko\u0142o<\/strong><span>Produkcja wed\u0142ug przekazanej dokumentacji technicznej.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"scope\" value=\"Odtworzenie zamiennika na podstawie wzoru\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M6 8a7 7 0 1 1-.2 7.7M6 8V4M6 8h4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"13\" cy=\"13\" r=\"2.3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Odtworzenie zamiennika<\/strong><span>Analiza wzoru, gdy cz\u0119\u015b\u0107 katalogowa nie jest dost\u0119pna.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"scope\" value=\"Element do naprawy konkretnej maszyny\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"m14 6 4 4M12 8l4 4-7 7H5v-4l7-7ZM15 5l2-2 4 4-2 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Naprawa maszyny<\/strong><span>Pojedynczy element dopasowany do istniej\u0105cego mechanizmu.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n\r\n                <label class=\"prx-quote-wizard__option\">\r\n                  <input type=\"radio\" name=\"scope\" value=\"Kr\u00f3tka lub powtarzalna seria\">\r\n                  <span class=\"prx-quote-wizard__option-card\">\r\n                    <span class=\"prx-quote-wizard__option-icon\" aria-hidden=\"true\">\r\n                      <svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"16\" cy=\"8\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"8\" cy=\"16\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"16\" cy=\"16\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"prx-quote-wizard__option-copy\"><strong>Seria element\u00f3w<\/strong><span>Kr\u00f3tka albo cyklicznie zamawiana partia k\u00f3\u0142.<\/span><\/span>\r\n                  <\/span>\r\n                <\/label>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <!-- KROK 4 -->\r\n            <fieldset class=\"prx-quote-wizard__step\" data-step=\"3\">\r\n              <legend class=\"prx-quote-wizard__eyebrow\">Krok 4 z 5<\/legend>\r\n              <h3>Kt\u00f3re dane techniczne s\u0105 ju\u017c dost\u0119pne?<\/h3>\r\n              <p class=\"prx-quote-wizard__lead\">\r\n                Zaznacz wszystko, co mo\u017cesz przekaza\u0107. Nie musisz zna\u0107 ka\u017cdego\r\n                parametru \u2014 ta lista poka\u017ce, od czego mo\u017cna rozpocz\u0105\u0107 rozmow\u0119.\r\n              <\/p>\r\n\r\n              <div class=\"prx-quote-wizard__checks\">\r\n                <label class=\"prx-quote-wizard__check\"><input type=\"checkbox\" name=\"known\" value=\"Modu\u0142 i liczba z\u0119b\u00f3w\"><span>Modu\u0142 i liczba z\u0119b\u00f3w<\/span><\/label>\r\n                <label class=\"prx-quote-wizard__check\"><input type=\"checkbox\" name=\"known\" value=\"\u015arednica, szeroko\u015b\u0107 i wymiary piasty\"><span>\u015arednica, szeroko\u015b\u0107 i piasta<\/span><\/label>\r\n                <label class=\"prx-quote-wizard__check\"><input type=\"checkbox\" name=\"known\" value=\"Otw\u00f3r, tolerancja i rowek wpustowy\"><span>Otw\u00f3r, tolerancja i wpust<\/span><\/label>\r\n                <label class=\"prx-quote-wizard__check\"><input type=\"checkbox\" name=\"known\" value=\"Materia\u0142 elementu\"><span>Materia\u0142 elementu<\/span><\/label>\r\n                <label class=\"prx-quote-wizard__check\"><input type=\"checkbox\" name=\"known\" value=\"Obr\u00f3bka cieplna lub twardo\u015b\u0107\"><span>Obr\u00f3bka cieplna lub twardo\u015b\u0107<\/span><\/label>\r\n                <label class=\"prx-quote-wizard__check\"><input type=\"checkbox\" name=\"known\" value=\"Warunki pracy i element wsp\u00f3\u0142pracuj\u0105cy\"><span>Warunki pracy przek\u0142adni<\/span><\/label>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <!-- KROK 5 -->\r\n            <fieldset class=\"prx-quote-wizard__step\" data-step=\"4\">\r\n              <legend class=\"prx-quote-wizard__eyebrow\">Krok 5 z 5<\/legend>\r\n              <h3>Uzupe\u0142nij ilo\u015b\u0107 i kr\u00f3tki opis zastosowania<\/h3>\r\n              <p class=\"prx-quote-wizard__lead\">\r\n                Ostatni krok porz\u0105dkuje skal\u0119 zam\u00f3wienia oraz informacje,\r\n                kt\u00f3rych nie da si\u0119 przekaza\u0107 samym rysunkiem.\r\n              <\/p>\r\n\r\n              <div class=\"prx-quote-wizard__note-grid\">\r\n                <div class=\"prx-quote-wizard__mini-options\" aria-label=\"Planowana liczba sztuk\">\r\n                  <label class=\"prx-quote-wizard__mini-option\">\r\n                    <input type=\"radio\" name=\"quantity\" value=\"1 sztuka\">\r\n                    <span class=\"prx-quote-wizard__mini-card\"><span class=\"prx-quote-wizard__mini-dot\"><\/span>1 sztuka<\/span>\r\n                  <\/label>\r\n                  <label class=\"prx-quote-wizard__mini-option\">\r\n                    <input type=\"radio\" name=\"quantity\" value=\"2\u20135 sztuk\">\r\n                    <span class=\"prx-quote-wizard__mini-card\"><span class=\"prx-quote-wizard__mini-dot\"><\/span>2\u20135 sztuk<\/span>\r\n                  <\/label>\r\n                  <label class=\"prx-quote-wizard__mini-option\">\r\n                    <input type=\"radio\" name=\"quantity\" value=\"6\u201320 sztuk\">\r\n                    <span class=\"prx-quote-wizard__mini-card\"><span class=\"prx-quote-wizard__mini-dot\"><\/span>6\u201320 sztuk<\/span>\r\n                  <\/label>\r\n                  <label class=\"prx-quote-wizard__mini-option\">\r\n                    <input type=\"radio\" name=\"quantity\" value=\"Ilo\u015b\u0107 do ustalenia\">\r\n                    <span class=\"prx-quote-wizard__mini-card\"><span class=\"prx-quote-wizard__mini-dot\"><\/span>Ilo\u015b\u0107 do ustalenia<\/span>\r\n                  <\/label>\r\n                <\/div>\r\n\r\n                <div class=\"prx-quote-wizard__textarea-wrap\">\r\n                  <label class=\"prx-quote-wizard__textarea-label\" for=\"prx-quote-wizard-note\">\r\n                    Zastosowanie, problem lub dodatkowe wymagania\r\n                  <\/label>\r\n                  <textarea\r\n                    class=\"prx-quote-wizard__textarea\"\r\n                    id=\"prx-quote-wizard-note\"\r\n                    name=\"note\"\r\n                    placeholder=\"Np. ko\u0142o pracuje w przek\u0142adni przeno\u015bnika, cz\u0119\u015b\u0107 katalogowa nie jest ju\u017c dost\u0119pna, zale\u017cy nam na odtworzeniu zamiennika...\"\r\n                  ><\/textarea>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"prx-quote-wizard__final\" data-final-card hidden>\r\n                <div class=\"prx-quote-wizard__final-head\">\r\n                  <span class=\"prx-quote-wizard__final-icon\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"m5 12 4 4L19 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                  <\/span>\r\n                  <div>\r\n                    <strong>Brief zostanie przeniesiony automatycznie<\/strong>\r\n                    <p>Kliknij czerwony przycisk. Podsumowanie zostanie zapisane, a na stronie kontaktowej automatycznie pojawi si\u0119 w polu wiadomo\u015bci.<\/p>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"prx-quote-wizard__final-actions\">\r\n                  <button class=\"prx-quote-wizard__button\" type=\"button\" data-copy>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 8h11v11H8V8Z M5 16H4V5h11v1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    Kopiuj brief \u2014 opcjonalnie\r\n                  <\/button>\r\n                  <a\r\n                    class=\"prx-quote-wizard__button prx-quote-wizard__button--primary\"\r\n                    href=\"\/kontakt\/?brief=kolo-zebate\"\r\n                    data-contact-transfer\r\n                  >\r\n                    Przejd\u017a do kontaktu z briefem\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/fieldset>\r\n\r\n            <div class=\"prx-quote-wizard__nav\">\r\n              <button class=\"prx-quote-wizard__button\" type=\"button\" data-prev disabled>\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5M11 6l-6 6 6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                Wstecz\r\n              <\/button>\r\n\r\n              <span class=\"prx-quote-wizard__nav-status\" data-nav-status aria-live=\"polite\">\r\n                Zaznacz co najmniej jeden materia\u0142 \u2014 mo\u017cesz wybra\u0107 kilka\r\n              <\/span>\r\n\r\n              <button class=\"prx-quote-wizard__button prx-quote-wizard__button--primary\" type=\"button\" data-next disabled>\r\n                Dalej\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <aside class=\"prx-quote-wizard__summary-side\" aria-label=\"Podgl\u0105d przygotowywanego briefu\" data-summary-side>\r\n          <div class=\"prx-quote-wizard__summary-kicker\">\r\n            <span>Tw\u00f3j brief<\/span>\r\n            <span class=\"prx-quote-wizard__live\">Aktualizowany na \u017cywo<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"prx-quote-wizard__gear-mark\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 64 64\">\r\n              <path d=\"M28.7 4h6.6l1.2 6a22.4 22.4 0 0 1 4.4 1.8l5-3.4 4.7 4.7-3.4 5a22.4 22.4 0 0 1 1.8 4.4l6 1.2v6.6l-6 1.2a22.4 22.4 0 0 1-1.8 4.4l3.4 5-4.7 4.7-5-3.4a22.4 22.4 0 0 1-4.4 1.8l-1.2 6h-6.6l-1.2-6a22.4 22.4 0 0 1-4.4-1.8l-5 3.4-4.7-4.7 3.4-5a22.4 22.4 0 0 1-1.8-4.4l-6-1.2v-6.6l6-1.2a22.4 22.4 0 0 1 1.8-4.4l-3.4-5 4.7-4.7 5 3.4a22.4 22.4 0 0 1 4.4-1.8l1.2-6Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\/>\r\n              <circle cx=\"32\" cy=\"27\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Podsumowanie zapytania<\/h3>\r\n          <p class=\"prx-quote-wizard__summary-lead\">\r\n            Wybieraj odpowiedzi po lewej. Po przej\u015bciu do kontaktu gotowy opis zostanie wstawiony automatycznie.\r\n          <\/p>\r\n\r\n          <ol class=\"prx-quote-wizard__summary-list\">\r\n            <li class=\"prx-quote-wizard__summary-item\">\r\n              <span class=\"prx-quote-wizard__summary-number\">01<\/span>\r\n              <span class=\"prx-quote-wizard__summary-copy\"><span>Materia\u0142y wej\u015bciowe<\/span><strong data-summary=\"source\">Jeszcze nie zaznaczono<\/strong><\/span>\r\n            <\/li>\r\n            <li class=\"prx-quote-wizard__summary-item\">\r\n              <span class=\"prx-quote-wizard__summary-number\">02<\/span>\r\n              <span class=\"prx-quote-wizard__summary-copy\"><span>Typ elementu<\/span><strong data-summary=\"gearType\">Jeszcze nie wybrano<\/strong><\/span>\r\n            <\/li>\r\n            <li class=\"prx-quote-wizard__summary-item\">\r\n              <span class=\"prx-quote-wizard__summary-number\">03<\/span>\r\n              <span class=\"prx-quote-wizard__summary-copy\"><span>Zakres realizacji<\/span><strong data-summary=\"scope\">Jeszcze nie wybrano<\/strong><\/span>\r\n            <\/li>\r\n            <li class=\"prx-quote-wizard__summary-item\">\r\n              <span class=\"prx-quote-wizard__summary-number\">04<\/span>\r\n              <span class=\"prx-quote-wizard__summary-copy\"><span>Dost\u0119pne dane<\/span><strong data-summary=\"known\">Jeszcze nie zaznaczono<\/strong><\/span>\r\n            <\/li>\r\n            <li class=\"prx-quote-wizard__summary-item\">\r\n              <span class=\"prx-quote-wizard__summary-number\">05<\/span>\r\n              <span class=\"prx-quote-wizard__summary-copy\"><span>Liczba sztuk<\/span><strong data-summary=\"quantity\">Jeszcze nie wybrano<\/strong><\/span>\r\n            <\/li>\r\n          <\/ol>\r\n\r\n          <div class=\"prx-quote-wizard__tip\" data-tip>\r\n            <strong>Na pocz\u0105tek:<\/strong> zaznacz wszystkie materia\u0142y, kt\u00f3rymi dysponujesz \u2014 mo\u017cesz wybra\u0107 kilka opcji.\r\n          <\/div>\r\n\r\n          <div class=\"prx-quote-wizard__copy-status\" data-copy-status aria-live=\"polite\"><\/div>\r\n        <\/aside>\r\n      <\/div>\r\n\r\n      <footer class=\"prx-quote-wizard__footer\">\r\n        <div class=\"prx-quote-wizard__footer-copy\">\r\n          <span class=\"prx-quote-wizard__footer-icon\" aria-hidden=\"true\">i<\/span>\r\n          <span>\r\n            Kreator nie wylicza ceny automatycznie. Porz\u0105dkuje dane do rzeczywistej analizy technicznej i wyceny.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <button class=\"prx-quote-wizard__reset\" type=\"button\" data-reset>\r\n          Wyczy\u015b\u0107 wszystkie odpowiedzi\r\n        <\/button>\r\n      <\/footer>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.getElementById(\"prx-quote-wizard\");\r\n      if (!root || root.dataset.ready === \"true\") return;\r\n      root.dataset.ready = \"true\";\r\n\r\n      const form = root.querySelector(\"[data-wizard-form]\");\r\n      const steps = Array.from(root.querySelectorAll(\"[data-step]\"));\r\n      const progressSteps = Array.from(root.querySelectorAll(\"[data-jump]\"));\r\n      const progressFill = root.querySelector(\"[data-progress-fill]\");\r\n      const prevButton = root.querySelector(\"[data-prev]\");\r\n      const nextButton = root.querySelector(\"[data-next]\");\r\n      const navStatus = root.querySelector(\"[data-nav-status]\");\r\n      const summarySide = root.querySelector(\"[data-summary-side]\");\r\n      const finalCard = root.querySelector(\"[data-final-card]\");\r\n      const copyButton = root.querySelector(\"[data-copy]\");\r\n      const contactTransferButton = root.querySelector(\"[data-contact-transfer]\");\r\n      const copyStatus = root.querySelector(\"[data-copy-status]\");\r\n      const resetButton = root.querySelector(\"[data-reset]\");\r\n      const tip = root.querySelector(\"[data-tip]\");\r\n      const note = root.querySelector(\"[name='note']\");\r\n\r\n      let currentStep = 0;\r\n      let summaryTimer = 0;\r\n\r\n      const requiredSingleChoiceNames = [\"gearType\", \"scope\", \"quantity\"];\r\n      const BRIEF_STORAGE_KEY = \"prx_quote_brief_v1\";\r\n      const BRIEF_PENDING_KEY = \"prx_quote_brief_pending_v1\";\r\n      const tips = [\r\n        \"<strong>Na pocz\u0105tek:<\/strong> zaznacz wszystkie materia\u0142y, kt\u00f3rymi dysponujesz \u2014 mo\u017cesz wybra\u0107 kilka opcji.\",\r\n        \"<strong>Wskaz\u00f3wka:<\/strong> je\u015bli nie znasz typu ko\u0142a, wybierz wariant \u201eInny\u201d i opisz element w notatce.\",\r\n        \"<strong>Wskaz\u00f3wka:<\/strong> informacja, czy chodzi o pojedynczy zamiennik czy seri\u0119, wp\u0142ywa na przygotowanie technologii.\",\r\n        \"<strong>Nie szkodzi, je\u015bli czego\u015b brakuje:<\/strong> zaznacz tylko te dane, kt\u00f3re mo\u017cesz potwierdzi\u0107.\",\r\n        \"<strong>Ostatni krok:<\/strong> opisz maszyn\u0119, funkcj\u0119 ko\u0142a i zauwa\u017cony problem. To cz\u0119sto wyja\u015bnia wi\u0119cej ni\u017c samo zdj\u0119cie.\"\r\n      ];\r\n\r\n      function selectedValue(name) {\r\n        const selected = form.querySelector(`[name=\"${name}\"]:checked`);\r\n        return selected ? selected.value : \"\";\r\n      }\r\n\r\n      function selectedValues(name) {\r\n        return Array.from(form.querySelectorAll(`[name=\"${name}\"]:checked`)).map((input) => input.value);\r\n      }\r\n\r\n      function sourceValues() {\r\n        return selectedValues(\"source\");\r\n      }\r\n\r\n      function knownValues() {\r\n        return selectedValues(\"known\");\r\n      }\r\n\r\n      function stepIsComplete(index) {\r\n        if (index === 0) return sourceValues().length > 0;\r\n        if (index === 1) return Boolean(selectedValue(\"gearType\"));\r\n        if (index === 2) return Boolean(selectedValue(\"scope\"));\r\n        if (index === 3) return knownValues().length > 0;\r\n        if (index === 4) return Boolean(selectedValue(\"quantity\"));\r\n        return false;\r\n      }\r\n\r\n      function allRequiredComplete() {\r\n        return sourceValues().length > 0 &&\r\n          requiredSingleChoiceNames.every((name) => Boolean(selectedValue(name)));\r\n      }\r\n\r\n      function setSummary(key, value, fallback) {\r\n        const target = root.querySelector(`[data-summary=\"${key}\"]`);\r\n        if (target) target.textContent = value || fallback;\r\n      }\r\n\r\n      function pulseSummary() {\r\n        if (!summarySide) return;\r\n        summarySide.classList.remove(\"is-updating\");\r\n        window.clearTimeout(summaryTimer);\r\n        requestAnimationFrame(() => summarySide.classList.add(\"is-updating\"));\r\n        summaryTimer = window.setTimeout(() => summarySide.classList.remove(\"is-updating\"), 560);\r\n      }\r\n\r\n      function updateSummary() {\r\n        const sources = sourceValues();\r\n        const known = knownValues();\r\n        setSummary(\"source\", sources.join(\", \"), \"Jeszcze nie zaznaczono\");\r\n        setSummary(\"gearType\", selectedValue(\"gearType\"), \"Jeszcze nie wybrano\");\r\n        setSummary(\"scope\", selectedValue(\"scope\"), \"Jeszcze nie wybrano\");\r\n        setSummary(\"known\", known.join(\", \"), \"Jeszcze nie zaznaczono\");\r\n        setSummary(\"quantity\", selectedValue(\"quantity\"), \"Jeszcze nie wybrano\");\r\n        pulseSummary();\r\n      }\r\n\r\n      function updateNavigation() {\r\n        const complete = stepIsComplete(currentStep);\r\n        prevButton.disabled = currentStep === 0;\r\n\r\n        if (currentStep < steps.length - 1) {\r\n          nextButton.hidden = false;\r\n          nextButton.disabled = !complete;\r\n          nextButton.firstChild.textContent = \"Dalej\";\r\n          navStatus.textContent = complete\r\n            ? currentStep === 0\r\n              ? \"Materia\u0142y zapisane \u2014 mo\u017cesz zaznaczy\u0107 kolejne lub przej\u015b\u0107 dalej\"\r\n              : \"Odpowied\u017a zapisana \u2014 mo\u017cesz przej\u015b\u0107 dalej\"\r\n            : currentStep === 0\r\n              ? \"Zaznacz co najmniej jeden materia\u0142 \u2014 mo\u017cesz wybra\u0107 kilka\"\r\n              : currentStep === 3\r\n                ? \"Zaznacz co najmniej jedn\u0105 dost\u0119pn\u0105 informacj\u0119\"\r\n                : \"Wybierz jedn\u0105 odpowied\u017a\";\r\n        } else {\r\n          nextButton.hidden = true;\r\n          navStatus.textContent = allRequiredComplete()\r\n            ? \"Brief gotowy \u2014 przejd\u017a do kontaktu, a tre\u015b\u0107 zostanie przeniesiona automatycznie\"\r\n            : \"Uzupe\u0142nij brakuj\u0105ce odpowiedzi w poprzednich krokach\";\r\n        }\r\n\r\n        finalCard.hidden = !(currentStep === steps.length - 1 && allRequiredComplete());\r\n      }\r\n\r\n      function showStep(index, focusHeading = false) {\r\n        currentStep = Math.max(0, Math.min(index, steps.length - 1));\r\n\r\n        steps.forEach((step, stepIndex) => {\r\n          const active = stepIndex === currentStep;\r\n          step.classList.toggle(\"is-active\", active);\r\n          step.hidden = !active;\r\n        });\r\n\r\n        progressSteps.forEach((button, stepIndex) => {\r\n          if (stepIndex === currentStep) {\r\n            button.setAttribute(\"aria-current\", \"step\");\r\n          } else {\r\n            button.removeAttribute(\"aria-current\");\r\n          }\r\n          button.classList.toggle(\"is-complete\", stepIsComplete(stepIndex));\r\n        });\r\n\r\n        const trackPercent = currentStep \/ (steps.length - 1);\r\n        progressFill.style.transform = `scaleX(${trackPercent})`;\r\n        tip.innerHTML = tips[currentStep];\r\n        updateNavigation();\r\n\r\n        if (focusHeading) {\r\n          const heading = steps[currentStep].querySelector(\"h3\");\r\n          if (heading) {\r\n            heading.setAttribute(\"tabindex\", \"-1\");\r\n            heading.focus({ preventScroll: true });\r\n          }\r\n        }\r\n      }\r\n\r\n      function buildBrief() {\r\n        const sources = sourceValues();\r\n        const known = knownValues();\r\n        const noteValue = note.value.trim();\r\n        const lines = [\r\n          \"ZAPYTANIE O WYKONANIE KO\u0141A Z\u0118BATEGO\",\r\n          \"\",\r\n          `Materia\u0142y wej\u015bciowe: ${sources.length ? sources.join(\", \") : \"do ustalenia\"}`,\r\n          `Typ ko\u0142a: ${selectedValue(\"gearType\") || \"do ustalenia\"}`,\r\n          `Zakres realizacji: ${selectedValue(\"scope\") || \"do ustalenia\"}`,\r\n          `Planowana liczba sztuk: ${selectedValue(\"quantity\") || \"do ustalenia\"}`,\r\n          `Dost\u0119pne dane techniczne: ${known.length ? known.join(\", \") : \"brak potwierdzonych danych\"}`,\r\n          `Opis zastosowania \/ dodatkowe informacje: ${noteValue || \"do uzupe\u0142nienia\"}`,\r\n          \"\",\r\n          \"Do zapytania do\u0142\u0105cz\u0119 dost\u0119pne zdj\u0119cia, rysunki lub model 3D.\"\r\n        ];\r\n        return lines.join(\"\\n\");\r\n      }\r\n\r\n      function createBriefPayload() {\r\n        return {\r\n          version: 1,\r\n          type: \"kolo-zebate\",\r\n          title: \"Zapytanie o wykonanie ko\u0142a z\u0119batego\",\r\n          text: buildBrief(),\r\n          createdAt: Date.now(),\r\n          sourceUrl: window.location.href\r\n        };\r\n      }\r\n\r\n      function saveBriefForContact(markAsPending = true) {\r\n        const payload = createBriefPayload();\r\n        const serialized = JSON.stringify(payload);\r\n\r\n        try {\r\n          window.localStorage.setItem(BRIEF_STORAGE_KEY, serialized);\r\n        } catch (error) {\r\n          \/* localStorage mo\u017ce by\u0107 zablokowany \u2014 pr\u00f3bujemy sessionStorage. *\/\r\n        }\r\n\r\n        try {\r\n          window.sessionStorage.setItem(BRIEF_STORAGE_KEY, serialized);\r\n          if (markAsPending) {\r\n            window.sessionStorage.setItem(BRIEF_PENDING_KEY, \"1\");\r\n          }\r\n        } catch (error) {\r\n          \/* Przej\u015bcie nadal zadzia\u0142a; schowek pozostaje dodatkowym zabezpieczeniem. *\/\r\n        }\r\n\r\n        return payload.text;\r\n      }\r\n\r\n      async function writeBriefToClipboard(text) {\r\n        let copied = false;\r\n\r\n        if (navigator.clipboard && window.isSecureContext) {\r\n          try {\r\n            await navigator.clipboard.writeText(text);\r\n            copied = true;\r\n          } catch (error) {\r\n            copied = false;\r\n          }\r\n        }\r\n\r\n        if (!copied) {\r\n          const helper = document.createElement(\"textarea\");\r\n          helper.value = text;\r\n          helper.setAttribute(\"readonly\", \"\");\r\n          helper.style.position = \"fixed\";\r\n          helper.style.left = \"-9999px\";\r\n          helper.style.top = \"0\";\r\n          document.body.appendChild(helper);\r\n          helper.select();\r\n          helper.setSelectionRange(0, helper.value.length);\r\n          try {\r\n            copied = document.execCommand(\"copy\");\r\n          } catch (error) {\r\n            copied = false;\r\n          }\r\n          helper.remove();\r\n        }\r\n\r\n        return copied;\r\n      }\r\n\r\n      async function copyBrief() {\r\n        const text = saveBriefForContact();\r\n        const copied = await writeBriefToClipboard(text);\r\n\r\n        copyStatus.textContent = copied\r\n          ? \"\u2713 Brief zosta\u0142 skopiowany i zapisany do przeniesienia na stron\u0119 kontaktow\u0105.\"\r\n          : \"\u2713 Brief zosta\u0142 zapisany. Po przej\u015bciu do kontaktu pojawi si\u0119 automatycznie w polu wiadomo\u015bci.\";\r\n      }\r\n\r\n      async function transferBriefAndGo(event) {\r\n        event.preventDefault();\r\n\r\n        if (!allRequiredComplete()) {\r\n          copyStatus.textContent = \"Uzupe\u0142nij wymagane odpowiedzi, aby przenie\u015b\u0107 brief do kontaktu.\";\r\n          showStep(4, true);\r\n          return;\r\n        }\r\n\r\n        const targetUrl = contactTransferButton.getAttribute(\"href\") || \"\/kontakt\/?brief=kolo-zebate\";\r\n        const text = saveBriefForContact();\r\n\r\n        contactTransferButton.setAttribute(\"aria-busy\", \"true\");\r\n        contactTransferButton.style.pointerEvents = \"none\";\r\n        copyStatus.textContent = \"\u2713 Brief zapisany. Otwieram formularz kontaktowy\u2026\";\r\n\r\n        try {\r\n          await Promise.race([\r\n            writeBriefToClipboard(text),\r\n            new Promise((resolve) => window.setTimeout(() => resolve(false), 350))\r\n          ]);\r\n        } catch (error) {\r\n          \/* Schowek jest tylko kopi\u0105 zapasow\u0105 \u2014 zapis przegl\u0105darkowy ju\u017c wykonano. *\/\r\n        }\r\n\r\n        window.location.assign(targetUrl);\r\n      }\r\n\r\n      form.addEventListener(\"change\", () => {\r\n        updateSummary();\r\n        updateNavigation();\r\n        saveBriefForContact(false);\r\n        progressSteps.forEach((button, index) => {\r\n          button.classList.toggle(\"is-complete\", stepIsComplete(index));\r\n        });\r\n      });\r\n\r\n      note.addEventListener(\"input\", () => {\r\n        copyStatus.textContent = \"\";\r\n        saveBriefForContact(false);\r\n      });\r\n\r\n      nextButton.addEventListener(\"click\", () => {\r\n        if (!stepIsComplete(currentStep) || currentStep >= steps.length - 1) return;\r\n        showStep(currentStep + 1, true);\r\n      });\r\n\r\n      prevButton.addEventListener(\"click\", () => {\r\n        if (currentStep <= 0) return;\r\n        showStep(currentStep - 1, true);\r\n      });\r\n\r\n      progressSteps.forEach((button) => {\r\n        button.addEventListener(\"click\", () => {\r\n          const target = Number(button.dataset.jump);\r\n          showStep(target, true);\r\n        });\r\n      });\r\n\r\n      if (copyButton) copyButton.addEventListener(\"click\", copyBrief);\r\n      if (contactTransferButton) {\r\n        contactTransferButton.addEventListener(\"pointerdown\", () => saveBriefForContact(true));\r\n        contactTransferButton.addEventListener(\"contextmenu\", () => saveBriefForContact(true));\r\n        contactTransferButton.addEventListener(\"click\", transferBriefAndGo);\r\n      }\r\n\r\n      resetButton.addEventListener(\"click\", () => {\r\n        form.reset();\r\n        copyStatus.textContent = \"\";\r\n        try {\r\n          window.localStorage.removeItem(BRIEF_STORAGE_KEY);\r\n          window.sessionStorage.removeItem(BRIEF_STORAGE_KEY);\r\n          window.sessionStorage.removeItem(BRIEF_PENDING_KEY);\r\n        } catch (error) {\r\n          \/* Brak dost\u0119pu do pami\u0119ci nie blokuje resetu formularza. *\/\r\n        }\r\n        updateSummary();\r\n        showStep(0, true);\r\n      });\r\n\r\n      steps.forEach((step, index) => {\r\n        step.hidden = index !== 0;\r\n      });\r\n      updateSummary();\r\n      showStep(0);\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-4a4cb51 e-con e-atomic-element e-flexbox-base e-6e7df8c \" data-id=\"4a4cb51\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a4cb51\">\n    \t\t<div class=\"elementor-element elementor-element-2eb3887 elementor-widget elementor-widget-html\" data-id=\"2eb3887\" 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ko\u0142a z\u0119bate przemys\u0142owe \u2022 produkcja na zam\u00f3wienie Ko\u0142a z\u0119bate na zam\u00f3wienie \u2013 produkcja wed\u0142ug dokumentacji lub wzoru Gdy standardowa cz\u0119\u015b\u0107 jest niedost\u0119pna albo zu\u017cyte ko\u0142o zatrzymuje prac\u0119 maszyny, PROEXPORT wykonuje ko\u0142a z\u0119bate na zam\u00f3wienie. Produkujemy wed\u0142ug dokumentacji technicznej lub analizujemy dostarczony wz\u00f3r i mo\u017cliwo\u015b\u0107 odtworzenia jego geometrii. \u2713 Wykonanie wed\u0142ug rysunku technicznego i wymaga\u0144 przek\u0142adni. [&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-3136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/3136","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=3136"}],"version-history":[{"count":112,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/3136\/revisions"}],"predecessor-version":[{"id":6149,"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/pages\/3136\/revisions\/6149"}],"wp:attachment":[{"href":"https:\/\/hardchromeplate.com\/en\/wp-json\/wp\/v2\/media?parent=3136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}