{"id":8031,"date":"2026-08-25T07:53:40","date_gmt":"2026-08-25T07:53:40","guid":{"rendered":"https:\/\/hardchromeplate.com\/?page_id=8031"},"modified":"2026-08-25T12:46:03","modified_gmt":"2026-08-25T12:46:03","slug":"%d0%b7%d1%8a%d0%b1%d0%bd%d0%b8-%d0%ba%d0%be%d0%bb%d0%b5%d0%bb%d0%b0","status":"publish","type":"page","link":"https:\/\/hardchromeplate.com\/bg\/%d0%b7%d1%8a%d0%b1%d0%bd%d0%b8-%d0%ba%d0%be%d0%bb%d0%b5%d0%bb%d0%b0\/","title":{"rendered":"\u0417\u044a\u0431\u043d\u0438 \u043a\u043e\u043b\u0435\u043b\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8031\" class=\"elementor elementor-8031\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e2618d e-con e-atomic-element e-flexbox-base e-913a8c2 \" data-id=\"0e2618d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0e2618d\">\n    \t\t<div class=\"elementor-element elementor-element-c0dcc7a elementor-widget elementor-widget-html\" data-id=\"c0dcc7a\" 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 KO\u0141A Z\u0118BATE\r\n   BLOK 00 \/ GLOBALNY CSS\r\n========================================================= *\/\r\n\r\n.prx-gears{\r\n  --navy:#062b49;\r\n  --navy2:#0b3a60;\r\n  --red:#df1010;\r\n\r\n  --ink:#092840;\r\n  --text:#46596b;\r\n  --muted:#748392;\r\n\r\n  --white:#fff;\r\n  --soft:#f4f6f8;\r\n  --line:#d9e1e7;\r\n\r\n  --radius:14px;\r\n  --shadow:0 12px 28px rgba(6,43,73,.09);\r\n\r\n  box-sizing:border-box;\r\n  color:var(--ink);\r\n  font-family:inherit;\r\n}\r\n\r\n.prx-gears *,\r\n.prx-gears *:before,\r\n.prx-gears *:after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.prx-gears img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n.prx-gears a{\r\n  color:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   01 \u2014 SEKCJE\r\n========================================================= *\/\r\n\r\n.prx-gears.prx-section{\r\n  width:100%;\r\n  padding:88px 22px;\r\n  background:var(--white);\r\n}\r\n\r\n.prx-gears.prx-section--soft{\r\n  background:var(--soft);\r\n}\r\n\r\n.prx-gears.prx-section--navy{\r\n  background:var(--navy);\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears .prx-inner{\r\n  width:min(1220px,100%);\r\n  margin:0 auto;\r\n}\r\n\r\n.prx-gears .prx-narrow{\r\n  width:min(850px,100%);\r\n  margin:0 auto;\r\n}\r\n\r\n.prx-gears .prx-mt{\r\n  margin-top:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   02 \u2014 TYPOGRAFIA\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-head{\r\n  max-width:850px;\r\n  margin-bottom:42px;\r\n}\r\n\r\n.prx-gears .prx-head--split{\r\n  display:grid;\r\n  grid-template-columns:1.4fr .8fr;\r\n  gap:60px;\r\n  align-items:end;\r\n  max-width:none;\r\n}\r\n\r\n.prx-gears .prx-eyebrow{\r\n  margin:0 0 12px;\r\n  color:var(--red);\r\n  font-size:12px;\r\n  line-height:1.2;\r\n  font-weight:900;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.prx-gears .prx-title{\r\n  margin:0;\r\n  max-width:900px;\r\n  color:var(--ink);\r\n  font-size:clamp(34px,4vw,54px);\r\n  line-height:1.03;\r\n  letter-spacing:-.04em;\r\n  font-weight:900;\r\n}\r\n\r\n.prx-gears .prx-lead{\r\n  max-width:760px;\r\n  margin:18px 0 0;\r\n  color:var(--text);\r\n  font-size:17px;\r\n  line-height:1.7;\r\n}\r\n\r\n.prx-gears.prx-section--navy .prx-title{\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears.prx-section--navy .prx-lead{\r\n  color:#d9e4ec;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   03 \u2014 HERO\r\n========================================================= *\/\r\n\r\n.prx-gears.prx-hero{\r\n  min-height:640px;\r\n  display:flex;\r\n  align-items:center;\r\n  padding:88px 22px;\r\n  background:var(--navy);\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears .prx-hero__grid{\r\n  width:min(1220px,100%);\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1.08fr .92fr;\r\n  gap:70px;\r\n  align-items:center;\r\n}\r\n\r\n.prx-gears.prx-hero h1{\r\n  max-width:760px;\r\n  margin:10px 0 22px;\r\n  color:#fff;\r\n  font-size:clamp(45px,5.3vw,74px);\r\n  line-height:.98;\r\n  letter-spacing:-.05em;\r\n  font-weight:900;\r\n}\r\n\r\n.prx-gears.prx-hero p{\r\n  max-width:680px;\r\n  margin:0;\r\n  color:#dce6ed;\r\n  font-size:18px;\r\n  line-height:1.65;\r\n}\r\n\r\n.prx-gears .prx-hero__media{\r\n  overflow:hidden;\r\n  padding:12px;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.05);\r\n}\r\n\r\n.prx-gears .prx-hero__media img{\r\n  width:100%;\r\n  aspect-ratio:4\/3;\r\n  object-fit:cover;\r\n  border-radius:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   04 \u2014 PRZYCISKI\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:28px;\r\n}\r\n\r\n.prx-gears .prx-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:50px;\r\n  padding:0 23px;\r\n  border-radius:7px;\r\n  font-size:14px;\r\n  font-weight:900;\r\n  text-decoration:none;\r\n  transition:.2s ease;\r\n}\r\n\r\n.prx-gears .prx-btn:hover{\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.prx-gears .prx-btn--red{\r\n  border:1px solid var(--red);\r\n  background:var(--red);\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears .prx-btn--light{\r\n  border:1px solid #fff;\r\n  background:#fff;\r\n  color:var(--navy);\r\n}\r\n\r\n.prx-gears .prx-btn--outline{\r\n  border:1px solid rgba(255,255,255,.5);\r\n  background:transparent;\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   05 \u2014 SIATKI\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-grid{\r\n  display:grid;\r\n  gap:18px;\r\n}\r\n\r\n.prx-gears .prx-grid--2{\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n}\r\n\r\n.prx-gears .prx-grid--3{\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n}\r\n\r\n.prx-gears .prx-grid--4{\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   06 \u2014 KARTY\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-card{\r\n  height:100%;\r\n  padding:27px;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  background:#fff;\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.prx-gears .prx-card__label{\r\n  display:block;\r\n  margin-bottom:14px;\r\n  color:var(--red);\r\n  font-size:11px;\r\n  font-weight:900;\r\n  letter-spacing:.07em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.prx-gears .prx-card h3{\r\n  margin:0 0 10px;\r\n  color:var(--ink);\r\n  font-size:21px;\r\n  line-height:1.18;\r\n  font-weight:900;\r\n}\r\n\r\n.prx-gears .prx-card p{\r\n  margin:0;\r\n  color:var(--text);\r\n  line-height:1.65;\r\n}\r\n\r\n.prx-gears .prx-card__meta{\r\n  margin-top:20px;\r\n  padding-top:15px;\r\n  border-top:1px solid var(--line);\r\n  color:var(--ink);\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   07 \u2014 UK\u0141AD 2 KOLUMNY\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-split{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:64px;\r\n  align-items:center;\r\n}\r\n\r\n.prx-gears .prx-media{\r\n  overflow:hidden;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  background:#fff;\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.prx-gears .prx-media img{\r\n  width:100%;\r\n  height:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   08 \u2014 LISTY\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-list{\r\n  display:grid;\r\n  gap:11px;\r\n  margin:22px 0 0;\r\n  padding:0;\r\n  list-style:none;\r\n}\r\n\r\n.prx-gears .prx-list li{\r\n  position:relative;\r\n  padding-left:22px;\r\n  color:var(--text);\r\n  line-height:1.6;\r\n}\r\n\r\n.prx-gears .prx-list li:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:.65em;\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   09 \u2014 PANEL TECHNICZNY\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-panel{\r\n  padding:34px;\r\n  border:1px solid #174d73;\r\n  border-radius:16px;\r\n  background:var(--navy);\r\n  color:#fff;\r\n  box-shadow:0 14px 32px rgba(6,43,73,.16);\r\n}\r\n\r\n.prx-gears .prx-panel .prx-eyebrow{\r\n  color:#ff4b50;\r\n}\r\n\r\n.prx-gears .prx-panel h3{\r\n  margin:0 0 13px;\r\n  color:#fff;\r\n  font-size:27px;\r\n  line-height:1.1;\r\n  font-weight:900;\r\n}\r\n\r\n.prx-gears .prx-panel p,\r\n.prx-gears .prx-panel .prx-list li{\r\n  color:#dce7ee;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   10 \u2014 TABELA DANYCH TECHNICZNYCH\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-table-wrap{\r\n  overflow:hidden;\r\n  margin-top:34px;\r\n  border:1px solid var(--line);\r\n  border-radius:14px;\r\n  background:#fff;\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.prx-gears .prx-table{\r\n  width:100%;\r\n  border-collapse:collapse;\r\n}\r\n\r\n.prx-gears .prx-table th{\r\n  padding:16px 20px;\r\n  background:var(--navy);\r\n  color:#fff;\r\n  text-align:left;\r\n  font-size:12px;\r\n  font-weight:900;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.prx-gears .prx-table td{\r\n  padding:17px 20px;\r\n  border-bottom:1px solid var(--line);\r\n  color:var(--text);\r\n  line-height:1.55;\r\n  vertical-align:top;\r\n}\r\n\r\n.prx-gears .prx-table tr:nth-child(even) td{\r\n  background:#f8fafb;\r\n}\r\n\r\n.prx-gears .prx-table tr:last-child td{\r\n  border-bottom:0;\r\n}\r\n\r\n.prx-gears .prx-table td:first-child{\r\n  width:28%;\r\n  color:var(--ink);\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   11 \u2014 DOKUMENTACJA \/ WZ\u00d3R\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-choice{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:18px;\r\n}\r\n\r\n.prx-gears .prx-choice__item{\r\n  padding:32px;\r\n  border:1px solid var(--line);\r\n  border-radius:var(--radius);\r\n  background:#fff;\r\n}\r\n\r\n.prx-gears .prx-choice__item--dark{\r\n  border-color:var(--navy);\r\n  background:var(--navy);\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears .prx-choice__item h3{\r\n  margin:0 0 12px;\r\n  color:var(--ink);\r\n  font-size:26px;\r\n  line-height:1.1;\r\n  font-weight:900;\r\n}\r\n\r\n.prx-gears .prx-choice__item--dark h3{\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears .prx-choice__item p{\r\n  margin:0;\r\n  color:var(--text);\r\n  line-height:1.65;\r\n}\r\n\r\n.prx-gears .prx-choice__item--dark p,\r\n.prx-gears .prx-choice__item--dark .prx-list li{\r\n  color:#dce7ee;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   12 \u2014 PROCES\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-steps{\r\n  display:grid;\r\n  gap:10px;\r\n}\r\n\r\n.prx-gears .prx-step{\r\n  display:grid;\r\n  grid-template-columns:42px 1fr;\r\n  gap:16px;\r\n  padding:20px 22px;\r\n  border:1px solid var(--line);\r\n  border-radius:10px;\r\n  background:#fff;\r\n}\r\n\r\n.prx-gears .prx-step__no{\r\n  color:var(--red);\r\n  font-size:15px;\r\n  font-weight:900;\r\n}\r\n\r\n.prx-gears .prx-step h3{\r\n  margin:0 0 5px;\r\n  color:var(--ink);\r\n  font-size:18px;\r\n}\r\n\r\n.prx-gears .prx-step p{\r\n  margin:0;\r\n  color:var(--text);\r\n  line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   13 \u2014 TAGI \/ PARAMETRY\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:22px;\r\n}\r\n\r\n.prx-gears .prx-tag{\r\n  padding:8px 11px;\r\n  border:1px solid var(--line);\r\n  border-radius:7px;\r\n  background:#fff;\r\n  color:var(--ink);\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   14 \u2014 FAQ\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-faq{\r\n  display:grid;\r\n  gap:8px;\r\n}\r\n\r\n.prx-gears .prx-faq details{\r\n  border:1px solid var(--line);\r\n  border-radius:9px;\r\n  background:#fff;\r\n}\r\n\r\n.prx-gears .prx-faq summary{\r\n  cursor:pointer;\r\n  padding:17px 20px;\r\n  color:var(--ink);\r\n  font-weight:800;\r\n}\r\n\r\n.prx-gears .prx-faq p{\r\n  margin:0;\r\n  padding:0 20px 19px;\r\n  color:var(--text);\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   15 \u2014 POWI\u0104ZANE\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-related{\r\n  display:grid;\r\n  grid-auto-flow:column;\r\n  grid-auto-columns:minmax(285px,31%);\r\n  gap:18px;\r\n  overflow-x:auto;\r\n  padding:3px 2px 18px;\r\n  scroll-snap-type:x mandatory;\r\n}\r\n\r\n.prx-gears .prx-related__card{\r\n  overflow:hidden;\r\n  border:1px solid var(--line);\r\n  border-radius:14px;\r\n  background:#fff;\r\n  box-shadow:var(--shadow);\r\n  text-decoration:none;\r\n  scroll-snap-align:start;\r\n}\r\n\r\n.prx-gears .prx-related__media{\r\n  position:relative;\r\n  aspect-ratio:16\/10;\r\n  overflow:hidden;\r\n  background:var(--soft);\r\n}\r\n\r\n.prx-gears .prx-related__media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.prx-gears .prx-related__type{\r\n  position:absolute;\r\n  top:13px;\r\n  left:13px;\r\n  padding:6px 9px;\r\n  border-radius:5px;\r\n  background:var(--navy);\r\n  color:#fff;\r\n  font-size:10px;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.prx-gears .prx-related__body{\r\n  padding:21px;\r\n}\r\n\r\n.prx-gears .prx-related__body h3{\r\n  margin:0 0 8px;\r\n  color:var(--ink);\r\n  font-size:20px;\r\n}\r\n\r\n.prx-gears .prx-related__meta{\r\n  display:block;\r\n  color:var(--text);\r\n  font-size:14px;\r\n  line-height:1.5;\r\n}\r\n\r\n.prx-gears .prx-related__link{\r\n  display:block;\r\n  margin-top:18px;\r\n  color:var(--red);\r\n  font-size:13px;\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   16 \u2014 CTA\r\n========================================================= *\/\r\n\r\n.prx-gears .prx-cta{\r\n  display:grid;\r\n  grid-template-columns:1fr auto;\r\n  gap:40px;\r\n  align-items:center;\r\n  padding:42px;\r\n  border-radius:17px;\r\n  background:var(--navy);\r\n  color:#fff;\r\n}\r\n\r\n.prx-gears .prx-cta h2{\r\n  margin:0;\r\n  color:#fff;\r\n  font-size:clamp(30px,3.5vw,46px);\r\n  line-height:1.05;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n.prx-gears .prx-cta p{\r\n  max-width:720px;\r\n  margin:13px 0 0;\r\n  color:#dce7ee;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   17 \u2014 INTERAKTYWNY MODEL 3D\r\n========================================================= *\/\r\n\r\n#prx-gear-explorer .prx-gear-explorer__workspace{\r\n  display:grid;\r\n  grid-template-columns:330px minmax(0,1fr);\r\n  min-height:620px;\r\n  overflow:hidden;\r\n  border:1px solid var(--line);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:var(--shadow);\r\n}\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:28px 24px;\r\n  border-right:1px solid var(--line);\r\n  background:#fff;\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__selection-label{\r\n  margin-bottom:10px;\r\n  color:var(--red);\r\n  font-size:11px;\r\n  font-weight:900;\r\n  letter-spacing:.07em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__detail h3{\r\n  margin:0;\r\n  color:var(--ink);\r\n  font-size:25px;\r\n  line-height:1.12;\r\n  font-weight:900;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__detail p{\r\n  margin:12px 0 0;\r\n  color:var(--text);\r\n  line-height:1.62;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__detail-meta{\r\n  margin-top:17px;\r\n  padding:14px;\r\n  border:1px solid var(--line);\r\n  border-radius:10px;\r\n  background:var(--soft);\r\n  color:var(--text);\r\n  font-size:13px;\r\n  line-height:1.5;\r\n  font-weight:650;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__panel-cta{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:48px;\r\n  margin-top:20px;\r\n  padding:12px 16px;\r\n  border-radius:8px;\r\n  background:var(--red);\r\n  color:#fff !important;\r\n  font-size:14px;\r\n  font-weight:900;\r\n  text-decoration:none;\r\n  transition:.2s ease;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__panel-cta:hover{\r\n  transform:translateY(-2px);\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__divider{\r\n  height:1px;\r\n  margin:22px 0 17px;\r\n  background:var(--line);\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__points-title{\r\n  margin:0 0 10px;\r\n  color:var(--ink);\r\n  font-size:13px;\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:5px;\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:32px minmax(0,1fr) 16px;\r\n  gap:10px;\r\n  align-items:center;\r\n  min-height:50px;\r\n  padding:8px 9px;\r\n  border:1px solid transparent;\r\n  border-radius:9px;\r\n  background:transparent;\r\n  color:var(--ink);\r\n  font:inherit;\r\n  text-align:left;\r\n  cursor:pointer;\r\n  transition:.2s ease;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__point-button:hover,\r\n#prx-gear-explorer .prx-gear-explorer__point-button[aria-pressed=\"true\"]{\r\n  border-color:#ffc2c4;\r\n  background:#fff5f5;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__point-number{\r\n  display:grid;\r\n  place-items:center;\r\n  width:32px;\r\n  height:32px;\r\n  border:1px solid var(--line);\r\n  border-radius:50%;\r\n  background:#fff;\r\n  color:var(--red);\r\n  font-size:11px;\r\n  font-weight:900;\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(--red);\r\n  background:var(--red);\r\n  color:#fff;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__point-copy strong{\r\n  display:block;\r\n  color:var(--ink);\r\n  font-size:13px;\r\n  line-height:1.2;\r\n  font-weight:900;\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:var(--muted);\r\n  font-size:11px;\r\n  line-height:1.25;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__point-arrow{\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* SCENA *\/\r\n\r\n#prx-gear-explorer .prx-gear-explorer__stage{\r\n  position:relative;\r\n  min-width:0;\r\n  min-height:620px;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 52% 44%,\r\n      #fff 0 18%,\r\n      #eef3f7 50%,\r\n      #dde6ed 100%\r\n    );\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:18px;\r\n  right:18px;\r\n  top:17px;\r\n  z-index:8;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:12px;\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  padding:8px 11px;\r\n  border:1px solid rgba(6,43,73,.1);\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.9);\r\n  box-shadow:0 7px 18px rgba(6,43,73,.08);\r\n  color:var(--ink);\r\n  font-size:11px;\r\n  font-weight:900;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__status:before{\r\n  content:\"\";\r\n  display:inline-block;\r\n  width:7px;\r\n  height:7px;\r\n  margin-right:7px;\r\n  border-radius:50%;\r\n  background:#27a979;\r\n}\r\n\r\n\r\n\/* HOTSPOTY *\/\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:30px;\r\n  height:30px;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:0;\r\n  transform:translate(-50%,-50%);\r\n  border:2px solid #fff;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n  box-shadow:\r\n    0 6px 16px rgba(6,43,73,.22),\r\n    0 0 0 6px rgba(223,16,16,.12);\r\n  cursor:pointer;\r\n  pointer-events:auto;\r\n  opacity:1;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__hotspot:before{\r\n  content:\"\";\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:#fff;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__hotspot span{\r\n  position:absolute;\r\n  left:38px;\r\n  top:50%;\r\n  width:max-content;\r\n  padding:7px 10px;\r\n  transform:translateY(-50%);\r\n  border-radius:7px;\r\n  background:rgba(6,43,73,.94);\r\n  color:#fff;\r\n  font-size:11px;\r\n  font-weight:850;\r\n  white-space:nowrap;\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__hotspot:hover span,\r\n#prx-gear-explorer .prx-gear-explorer__hotspot.is-active span{\r\n  opacity:1;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__hotspot.is-label-left span{\r\n  right:38px;\r\n  left:auto;\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\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:17px;\r\n  z-index:9;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  padding:6px;\r\n  transform:translateX(-50%);\r\n  border:1px solid rgba(6,43,73,.12);\r\n  border-radius:11px;\r\n  background:rgba(255,255,255,.92);\r\n  box-shadow:0 10px 24px rgba(6,43,73,.1);\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__control{\r\n  min-height:37px;\r\n  padding:8px 11px;\r\n  border:0;\r\n  border-radius:7px;\r\n  background:transparent;\r\n  color:var(--ink);\r\n  font:inherit;\r\n  font-size:12px;\r\n  font-weight:850;\r\n  cursor:pointer;\r\n  white-space:nowrap;\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(--navy);\r\n  color:#fff;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__control-divider{\r\n  width:1px;\r\n  height:23px;\r\n  background:var(--line);\r\n}\r\n\r\n\r\n\/* FALLBACK *\/\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  place-items:center;\r\n  padding:30px;\r\n  background:#eef3f6;\r\n  color:var(--ink);\r\n  font-weight:800;\r\n  text-align:center;\r\n}\r\n\r\n#prx-gear-explorer .prx-gear-explorer__fallback.is-visible{\r\n  display:grid;\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\r\n\/* =========================================================\r\n   18 \u2014 TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .prx-gears.prx-section{\r\n    padding:68px 20px;\r\n  }\r\n\r\n  .prx-gears.prx-hero{\r\n    min-height:auto;\r\n    padding:70px 20px;\r\n  }\r\n\r\n  .prx-gears .prx-hero__grid,\r\n  .prx-gears .prx-split,\r\n  .prx-gears .prx-head--split{\r\n    grid-template-columns:1fr;\r\n    gap:38px;\r\n  }\r\n\r\n  .prx-gears .prx-grid--3,\r\n  .prx-gears .prx-grid--4{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .prx-gears .prx-related{\r\n    grid-auto-columns:46%;\r\n  }\r\n\r\n  .prx-gears .prx-cta{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n\r\n  \/* MODEL *\/\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:520px;\r\n    order:1;\r\n  }\r\n\r\n  #prx-gear-explorer .prx-gear-explorer__panel{\r\n    order:2;\r\n    border-top:1px solid var(--line);\r\n    border-right:0;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   19 \u2014 MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:620px){\r\n\r\n  .prx-gears.prx-section{\r\n    padding:56px 16px;\r\n  }\r\n\r\n  .prx-gears.prx-hero{\r\n    padding:58px 16px;\r\n  }\r\n\r\n  .prx-gears.prx-hero h1{\r\n    font-size:42px;\r\n  }\r\n\r\n  .prx-gears .prx-grid--2,\r\n  .prx-gears .prx-grid--3,\r\n  .prx-gears .prx-grid--4,\r\n  .prx-gears .prx-choice{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .prx-gears .prx-table-wrap{\r\n    overflow-x:auto;\r\n  }\r\n\r\n  .prx-gears .prx-table{\r\n    min-width:680px;\r\n  }\r\n\r\n  .prx-gears .prx-related{\r\n    grid-auto-columns:85%;\r\n  }\r\n\r\n  .prx-gears .prx-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .prx-gears .prx-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .prx-gears .prx-panel,\r\n  .prx-gears .prx-choice__item{\r\n    padding:26px 22px;\r\n  }\r\n\r\n  .prx-gears .prx-cta{\r\n    padding:30px 22px;\r\n  }\r\n\r\n\r\n  \/* MODEL *\/\r\n\r\n  #prx-gear-explorer .prx-gear-explorer__stage{\r\n    min-height:400px;\r\n  }\r\n\r\n  #prx-gear-explorer .prx-gear-explorer__hint{\r\n    display:none;\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__panel{\r\n    padding:24px 18px;\r\n  }\r\n\r\n  #prx-gear-explorer .prx-gear-explorer__control span{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec8d47 elementor-widget elementor-widget-html\" data-id=\"7ec8d47\" 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<section class=\"prx-gears prx-hero\" id=\"start\">\r\n  <div class=\"prx-hero__grid\">\r\n\r\n    <div>\r\n      <div class=\"prx-eyebrow\">Ko\u0142a z\u0119bate \u00b7 produkcja na zam\u00f3wienie<\/div>\r\n\r\n      <h1>\r\n        Ko\u0142a z\u0119bate na zam\u00f3wienie \u2013 produkcja wed\u0142ug dokumentacji lub wzoru\r\n      <\/h1>\r\n\r\n      <p>\r\n        Wykonujemy pojedyncze ko\u0142a z\u0119bate i kr\u00f3tkie serie dla przemys\u0142u,\r\n        utrzymania ruchu oraz producent\u00f3w maszyn. Pracujemy na podstawie\r\n        dokumentacji technicznej albo odtwarzamy geometri\u0119 z dostarczonego elementu.\r\n      <\/p>\r\n\r\n      <div class=\"prx-actions\">\r\n        <a class=\"prx-btn prx-btn--red\" href=\"#dane-techniczne\">\r\n          Sprawd\u017a dane techniczne\r\n        <\/a>\r\n\r\n        <a class=\"prx-btn prx-btn--outline\" href=\"\/kontakt\/\">\r\n          Wy\u015blij zapytanie\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <figure\r\n      class=\"prx-hero__media\"\r\n      style=\"\r\n        margin:0;\r\n        padding:0;\r\n        border:0;\r\n        border-radius:26px;\r\n        overflow:hidden;\r\n        background:transparent;\r\n        box-shadow:none;\r\n      \"\r\n    >\r\n      <img\r\n        src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/IMG6048-scaled.jpg\"\r\n        alt=\"Ko\u0142a z\u0119bate wykonywane na zam\u00f3wienie\"\r\n        loading=\"eager\"\r\n        decoding=\"async\"\r\n        style=\"\r\n          display:block;\r\n          width:100%;\r\n          height:auto;\r\n          margin:0;\r\n          border:0;\r\n          border-radius:26px;\r\n          outline:0;\r\n        \"\r\n      >\r\n    <\/figure>\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-6b47b47 elementor-widget elementor-widget-html\" data-id=\"6b47b47\" 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<section class=\"prx-gears prx-section prx-section--white\" id=\"proces\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Proces realizacji<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Od dokumentacji lub wzoru do gotowego ko\u0142a z\u0119batego\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Zakres prac ustalamy na podstawie dokumentacji, dostarczonego elementu\r\n        i warunk\u00f3w pracy przek\u0142adni. Ka\u017cdy etap prowadzi do przygotowania\r\n        ko\u0142a dopasowanego do konkretnej maszyny.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-split\">\r\n\r\n      <div class=\"prx-steps\">\r\n\r\n        <div class=\"prx-step\">\r\n          <div class=\"prx-step__no\">01<\/div>\r\n          <div>\r\n            <h3>Dane wej\u015bciowe<\/h3>\r\n            <p>\r\n              Otrzymujemy rysunek, model 3D lub zu\u017cyte ko\u0142o\r\n              wraz z podstawowymi informacjami o zastosowaniu.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-step\">\r\n          <div class=\"prx-step__no\">02<\/div>\r\n          <div>\r\n            <h3>Analiza geometrii<\/h3>\r\n            <p>\r\n              Weryfikujemy uz\u0119bienie, \u015brednice, otw\u00f3r, piast\u0119,\r\n              spos\u00f3b monta\u017cu i elementy wsp\u00f3\u0142pracuj\u0105ce.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-step\">\r\n          <div class=\"prx-step__no\">03<\/div>\r\n          <div>\r\n            <h3>Dob\u00f3r materia\u0142u i technologii<\/h3>\r\n            <p>\r\n              Materia\u0142, obr\u00f3bk\u0119 ciepln\u0105 i dok\u0142adno\u015b\u0107 ustalamy\r\n              na podstawie obci\u0105\u017cenia i warunk\u00f3w pracy przek\u0142adni.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-step\">\r\n          <div class=\"prx-step__no\">04<\/div>\r\n          <div>\r\n            <h3>Obr\u00f3bka elementu<\/h3>\r\n            <p>\r\n              Wykonujemy korpus, otw\u00f3r, piast\u0119, rowki\r\n              oraz uz\u0119bienie zgodnie z przyj\u0119t\u0105 technologi\u0105.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-step\">\r\n          <div class=\"prx-step__no\">05<\/div>\r\n          <div>\r\n            <h3>Obr\u00f3bka ko\u0144cowa<\/h3>\r\n            <p>\r\n              Je\u015bli wymaga tego projekt, realizowana jest obr\u00f3bka cieplna,\r\n              szlifowanie lub inne uzgodnione operacje wyko\u0144czeniowe.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"prx-step\">\r\n          <div class=\"prx-step__no\">06<\/div>\r\n          <div>\r\n            <h3>Kontrola i odbi\u00f3r<\/h3>\r\n            <p>\r\n              Gotowy element jest sprawdzany w zakresie parametr\u00f3w\r\n              okre\u015blonych dla konkretnego zam\u00f3wienia.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <aside class=\"prx-panel\">\r\n\r\n        <div class=\"prx-eyebrow\">Na start<\/div>\r\n\r\n        <h3>\r\n          Nie musisz mie\u0107 kompletnej dokumentacji\r\n        <\/h3>\r\n\r\n        <p>\r\n          Je\u015bli dysponujesz tylko starym ko\u0142em, zacznij od przes\u0142ania\r\n          zdj\u0119\u0107, podstawowych wymiar\u00f3w i informacji o maszynie.\r\n        <\/p>\r\n\r\n        <ul class=\"prx-list\">\r\n          <li>zdj\u0119cia elementu<\/li>\r\n          <li>\u015brednica i szeroko\u015b\u0107<\/li>\r\n          <li>liczba z\u0119b\u00f3w<\/li>\r\n          <li>\u015brednica otworu<\/li>\r\n          <li>liczba potrzebnych sztuk<\/li>\r\n          <li>opis warunk\u00f3w pracy<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"prx-actions\">\r\n          <a class=\"prx-btn prx-btn--red\" href=\"\/kontakt\/\">\r\n            Wy\u015blij dane do analizy\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/aside>\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-839fa70 elementor-widget elementor-widget-html\" data-id=\"839fa70\" 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<section class=\"prx-gears prx-section prx-section--soft\" id=\"rodzaje\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Zakres wykonania<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Jakie ko\u0142a z\u0119bate mo\u017cemy wykona\u0107?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Wykonujemy elementy wed\u0142ug dokumentacji technicznej,\r\n        modelu lub dostarczonego wzoru. Zakres dobieramy do geometrii,\r\n        warunk\u00f3w pracy i wymaga\u0144 konkretnej maszyny.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-grid prx-grid--3\">\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">01 \u00b7 Ko\u0142a walcowe<\/span>\r\n\r\n        <h3>Z\u0119by proste<\/h3>\r\n\r\n        <p>\r\n          Klasyczne ko\u0142a walcowe stosowane w przek\u0142adniach\r\n          przemys\u0142owych, maszynach i urz\u0105dzeniach produkcyjnych.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Prosta geometria \u00b7 szerokie zastosowanie\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">02 \u00b7 Ko\u0142a walcowe<\/span>\r\n\r\n        <h3>Z\u0119by sko\u015bne<\/h3>\r\n\r\n        <p>\r\n          Rozwi\u0105zanie stosowane tam, gdzie wymagane jest\r\n          p\u0142ynniejsze zaz\u0119bienie i przenoszenie obci\u0105\u017cenia.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Uz\u0119bienie sko\u015bne \u00b7 praca ci\u0105g\u0142a\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">03 \u00b7 Ko\u0142a sto\u017ckowe<\/span>\r\n\r\n        <h3>Przek\u0142adnie k\u0105towe<\/h3>\r\n\r\n        <p>\r\n          Ko\u0142a przeznaczone do przenoszenia nap\u0119du pomi\u0119dzy\r\n          osiami przecinaj\u0105cymi si\u0119 pod okre\u015blonym k\u0105tem.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Geometria dopasowana do przek\u0142adni\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">04 \u00b7 Przek\u0142adnie \u015blimakowe<\/span>\r\n\r\n        <h3>Ko\u0142a \u015blimakowe<\/h3>\r\n\r\n        <p>\r\n          Elementy wsp\u00f3\u0142pracuj\u0105ce ze \u015blimakiem w przek\u0142adniach\r\n          wymagaj\u0105cych du\u017cego prze\u0142o\u017cenia i kompaktowej konstrukcji.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Dob\u00f3r do wsp\u00f3\u0142pracuj\u0105cego \u015blimaka\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">05 \u00b7 Du\u017ce \u015brednice<\/span>\r\n\r\n        <h3>Wie\u0144ce z\u0119bate<\/h3>\r\n\r\n        <p>\r\n          Wie\u0144ce do maszyn i zespo\u0142\u00f3w przemys\u0142owych,\r\n          r\u00f3wnie\u017c jako elementy wykonywane na podstawie zu\u017cytego wzoru.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Nowe wykonanie \u00b7 odtworzenie elementu\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">06 \u00b7 Ruch liniowy<\/span>\r\n\r\n        <h3>Listwy z\u0119bate<\/h3>\r\n\r\n        <p>\r\n          Elementy do uk\u0142ad\u00f3w przenosz\u0105cych ruch obrotowy\r\n          na liniowy w maszynach i systemach przemys\u0142owych.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Wykonanie wed\u0142ug wymaganej geometrii\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"prx-panel prx-mt\">\r\n      <div class=\"prx-eyebrow\">Nietypowa geometria?<\/div>\r\n\r\n      <h3>Nie musisz zna\u0107 wszystkich parametr\u00f3w uz\u0119bienia<\/h3>\r\n\r\n      <p>\r\n        Je\u017celi nie posiadasz kompletnej dokumentacji, punktem wyj\u015bcia mo\u017ce by\u0107\r\n        istniej\u0105ce ko\u0142o, zdj\u0119cia, podstawowe wymiary oraz informacje o elemencie\r\n        wsp\u00f3\u0142pracuj\u0105cym i warunkach pracy przek\u0142adni.\r\n      <\/p>\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-be78ef2 elementor-widget elementor-widget-html\" data-id=\"be78ef2\" 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<section class=\"prx-gears prx-section\" id=\"dane-techniczne\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Charakterystyka techniczna<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Ko\u0142a z\u0119bate \u2014 parametry i zakres wykonania\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Parametry elementu ustalamy na podstawie geometrii przek\u0142adni,\r\n        obci\u0105\u017cenia, sposobu monta\u017cu oraz warunk\u00f3w pracy.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-table-wrap\">\r\n\r\n      <table class=\"prx-table\">\r\n\r\n        <thead>\r\n          <tr>\r\n            <th>Parametr<\/th>\r\n            <th>Zakres<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n\r\n        <tbody>\r\n\r\n          <tr>\r\n            <td>Typ uz\u0119bienia<\/td>\r\n            <td>\r\n              Ko\u0142a walcowe o z\u0119bach prostych i sko\u015bnych,\r\n              ko\u0142a sto\u017ckowe, \u015blimakowe, wie\u0144ce oraz listwy z\u0119bate.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td>Modu\u0142 i geometria<\/td>\r\n            <td>\r\n              Wed\u0142ug dokumentacji technicznej lub na podstawie\r\n              pomiar\u00f3w mo\u017cliwych do wykonania na dostarczonym wzorze.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td>Wymiary elementu<\/td>\r\n            <td>\r\n              Ustalane indywidualnie: \u015brednica, szeroko\u015b\u0107,\r\n              otw\u00f3r, piasta i pozosta\u0142e elementy konstrukcyjne.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td>Klasa dok\u0142adno\u015bci<\/td>\r\n            <td>\r\n              Dobierana do zastosowania, geometrii przek\u0142adni\r\n              i wymaga\u0144 dokumentacji technicznej.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td>Materia\u0142y stalowe<\/td>\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            <td>Pozosta\u0142e materia\u0142y<\/td>\r\n            <td>\r\n              \u017beliwa, br\u0105zy, mosi\u0105dze oraz tworzywa konstrukcyjne,\r\n              mi\u0119dzy innymi PA, POM i PEEK \u2014 po analizie zastosowania.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td>Obr\u00f3bka cieplna<\/td>\r\n            <td>\r\n              Hartowanie obj\u0119to\u015bciowe lub indukcyjne,\r\n              ulepszanie cieplne, naw\u0119glanie i azotowanie.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n          <tr>\r\n            <td>Obr\u00f3bka wyko\u0144czeniowa<\/td>\r\n            <td>\r\n              Szlifowanie z\u0119b\u00f3w i otwor\u00f3w oraz wykonanie\r\n              rowk\u00f3w wpustowych, je\u015bli wymaga tego dokumentacja.\r\n            <\/td>\r\n          <\/tr>\r\n\r\n        <\/tbody>\r\n\r\n      <\/table>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"prx-panel prx-mt\">\r\n\r\n      <div class=\"prx-eyebrow\">Wa\u017cne<\/div>\r\n\r\n      <h3>Zakres potwierdzamy po analizie elementu<\/h3>\r\n\r\n      <p>\r\n        Materia\u0142, obr\u00f3bka cieplna, dok\u0142adno\u015b\u0107 i spos\u00f3b wyko\u0144czenia\r\n        zale\u017c\u0105 od geometrii oraz przeznaczenia konkretnego ko\u0142a z\u0119batego.\r\n      <\/p>\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-426ca87 elementor-widget elementor-widget-html\" data-id=\"426ca87\" 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<section class=\"prx-gears prx-section prx-section--soft\" id=\"dobor-materialu\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Dob\u00f3r techniczny<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Najpierw warunki pracy, potem materia\u0142\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Materia\u0142u i technologii wykonania nie dobieramy wy\u0142\u0105cznie\r\n        na podstawie wymiar\u00f3w ko\u0142a. Znaczenie ma ca\u0142y uk\u0142ad nap\u0119dowy.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-split\">\r\n\r\n      <aside class=\"prx-panel\">\r\n\r\n        <div class=\"prx-eyebrow\">Punkt wyj\u015bcia<\/div>\r\n\r\n        <h3>\r\n          Ko\u0142o z\u0119bate jest cz\u0119\u015bci\u0105 ca\u0142ej przek\u0142adni\r\n        <\/h3>\r\n\r\n        <p>\r\n          Ta sama geometria nie zawsze oznacza ten sam materia\u0142.\r\n          Przed wykonaniem analizujemy spos\u00f3b pracy elementu\r\n          oraz warunki, w kt\u00f3rych b\u0119dzie eksploatowany.\r\n        <\/p>\r\n\r\n        <ul class=\"prx-list\">\r\n          <li>obci\u0105\u017cenie i charakter pracy przek\u0142adni<\/li>\r\n          <li>pr\u0119dko\u015b\u0107 obrotow\u0105<\/li>\r\n          <li>\u015brodowisko i temperatur\u0119 pracy<\/li>\r\n          <li>elementy wsp\u00f3\u0142pracuj\u0105ce<\/li>\r\n        <\/ul>\r\n\r\n      <\/aside>\r\n\r\n\r\n      <div class=\"prx-grid prx-grid--2\">\r\n\r\n        <article class=\"prx-card\">\r\n          <span class=\"prx-card__label\">01 \u00b7 Obci\u0105\u017cenie<\/span>\r\n\r\n          <h3>Moment i charakter pracy<\/h3>\r\n\r\n          <p>\r\n            Uwzgl\u0119dniamy poziom obci\u0105\u017cenia, jego zmienno\u015b\u0107\r\n            oraz spos\u00f3b przenoszenia nap\u0119du w mechanizmie.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"prx-card\">\r\n          <span class=\"prx-card__label\">02 \u00b7 Dynamika<\/span>\r\n\r\n          <h3>Pr\u0119dko\u015b\u0107 pracy<\/h3>\r\n\r\n          <p>\r\n            Pr\u0119dko\u015b\u0107 przek\u0142adni wp\u0142ywa na wymagania dotycz\u0105ce\r\n            dok\u0142adno\u015bci wykonania, materia\u0142u i wyko\u0144czenia uz\u0119bienia.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"prx-card\">\r\n          <span class=\"prx-card__label\">03 \u00b7 \u015arodowisko<\/span>\r\n\r\n          <h3>Warunki eksploatacji<\/h3>\r\n\r\n          <p>\r\n            Temperatura, wilgo\u0107, smarowanie oraz kontakt\r\n            z czynnikami procesowymi wp\u0142ywaj\u0105 na dob\u00f3r materia\u0142u.\r\n          <\/p>\r\n        <\/article>\r\n\r\n\r\n        <article class=\"prx-card\">\r\n          <span class=\"prx-card__label\">04 \u00b7 Wsp\u00f3\u0142praca<\/span>\r\n\r\n          <h3>Drugie ko\u0142o i ca\u0142y mechanizm<\/h3>\r\n\r\n          <p>\r\n            Analizujemy geometri\u0119 oraz stan cz\u0119\u015bci wsp\u00f3\u0142pracuj\u0105cych,\r\n            poniewa\u017c nowe ko\u0142o musi pracowa\u0107 prawid\u0142owo w istniej\u0105cym uk\u0142adzie.\r\n          <\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8b4bbb elementor-widget elementor-widget-html\" data-id=\"c8b4bbb\" 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<section class=\"prx-gears prx-section prx-section--white\" id=\"proces\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Materia\u0142y i wykonanie<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Materia\u0142 i obr\u00f3bk\u0119 dobieramy do sposobu pracy ko\u0142a\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Nie ma jednego uniwersalnego materia\u0142u na ko\u0142o z\u0119bate.\r\n        Konstrukcj\u0119, materia\u0142 i obr\u00f3bk\u0119 dobieramy do obci\u0105\u017cenia,\r\n        trwa\u0142o\u015bci oraz warunk\u00f3w pracy przek\u0142adni.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx-grid prx-grid--3\">\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">Materia\u0142y<\/span>\r\n\r\n        <h3>Stale konstrukcyjne<\/h3>\r\n\r\n        <p>\r\n          Rozwi\u0105zania dla typowych element\u00f3w maszynowych,\r\n          dobierane do wymaganej wytrzyma\u0142o\u015bci i warunk\u00f3w pracy.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">Materia\u0142y<\/span>\r\n\r\n        <h3>Stale stopowe<\/h3>\r\n\r\n        <p>\r\n          Stosowane tam, gdzie wymagane s\u0105 wy\u017csze parametry\r\n          mechaniczne i mo\u017cliwo\u015b\u0107 dalszej obr\u00f3bki cieplnej.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">Materia\u0142y<\/span>\r\n\r\n        <h3>Br\u0105zy i tworzywa<\/h3>\r\n\r\n        <p>\r\n          Dobierane mi\u0119dzy innymi do przek\u0142adni \u015blimakowych,\r\n          nietypowych warunk\u00f3w pracy lub okre\u015blonych wymaga\u0144 konstrukcyjnych.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">Obr\u00f3bka cieplna<\/span>\r\n\r\n        <h3>Hartowanie<\/h3>\r\n\r\n        <p>\r\n          Hartowanie obj\u0119to\u015bciowe lub indukcyjne stosujemy,\r\n          gdy wymagana jest wi\u0119ksza odporno\u015b\u0107 powierzchni i trwa\u0142o\u015b\u0107 uz\u0119bienia.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">Obr\u00f3bka cieplna<\/span>\r\n\r\n        <h3>Naw\u0119glanie i ulepszanie<\/h3>\r\n\r\n        <p>\r\n          Technologie dobierane do rodzaju stali, obci\u0105\u017ce\u0144\r\n          oraz wymaganej charakterystyki mechanicznej elementu.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">Wyko\u0144czenie<\/span>\r\n\r\n        <h3>Szlifowanie i obr\u00f3bka ko\u0144cowa<\/h3>\r\n\r\n        <p>\r\n          W zale\u017cno\u015bci od dokumentacji mo\u017cliwe jest dok\u0142adne\r\n          wyko\u0144czenie uz\u0119bienia, otwor\u00f3w i powierzchni bazowych.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"prx-panel prx-mt\">\r\n\r\n      <div class=\"prx-eyebrow\">Dob\u00f3r technologii<\/div>\r\n\r\n      <h3>\r\n        Materia\u0142 i obr\u00f3bka powinny tworzy\u0107 jeden uk\u0142ad\r\n      <\/h3>\r\n\r\n      <p>\r\n        Sam wyb\u00f3r mocniejszej stali nie zawsze poprawia trwa\u0142o\u015b\u0107 przek\u0142adni.\r\n        Znaczenie maj\u0105 r\u00f3wnie\u017c geometria uz\u0119bienia, obr\u00f3bka cieplna,\r\n        dok\u0142adno\u015b\u0107 wykonania i element wsp\u00f3\u0142pracuj\u0105cy.\r\n      <\/p>\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-05b6a44 elementor-widget elementor-widget-html\" data-id=\"05b6a44\" 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<section class=\"prx-gears prx-section prx-section--soft\" id=\"dokumentacja-wzor\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Dwie \u015bcie\u017cki realizacji<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Masz dokumentacj\u0119 czy tylko stare ko\u0142o?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Mo\u017cemy rozpocz\u0105\u0107 prac\u0119 zar\u00f3wno od kompletnego rysunku technicznego,\r\n        jak i od dostarczonego elementu, kt\u00f3ry ma zosta\u0107 odtworzony.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-choice\">\r\n\r\n      <article class=\"prx-choice__item\">\r\n\r\n        <div class=\"prx-eyebrow\">\u015acie\u017cka A<\/div>\r\n\r\n        <h3>Masz dokumentacj\u0119 techniczn\u0105<\/h3>\r\n\r\n        <p>\r\n          Wykonanie rozpoczynamy od analizy rysunku, modelu lub danych\r\n          okre\u015blaj\u0105cych geometri\u0119 i wymagania dla nowego elementu.\r\n        <\/p>\r\n\r\n        <ul class=\"prx-list\">\r\n          <li>rysunek techniczny<\/li>\r\n          <li>model 3D<\/li>\r\n          <li>modu\u0142 i liczba z\u0119b\u00f3w<\/li>\r\n          <li>wymagany materia\u0142<\/li>\r\n          <li>obr\u00f3bka cieplna i dok\u0142adno\u015b\u0107<\/li>\r\n        <\/ul>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-choice__item prx-choice__item--dark\">\r\n\r\n        <div class=\"prx-eyebrow\">\u015acie\u017cka B<\/div>\r\n\r\n        <h3>Masz zu\u017cyte ko\u0142o bez dokumentacji<\/h3>\r\n\r\n        <p>\r\n          Dostarczony element mo\u017ce pos\u0142u\u017cy\u0107 jako punkt wyj\u015bcia\r\n          do pomiar\u00f3w, identyfikacji geometrii i przygotowania nowego wykonania.\r\n        <\/p>\r\n\r\n        <ul class=\"prx-list\">\r\n          <li>pomiar istniej\u0105cego elementu<\/li>\r\n          <li>ocena zu\u017cycia uz\u0119bienia<\/li>\r\n          <li>analiza otworu, piasty i wpustu<\/li>\r\n          <li>kontrola cz\u0119\u015bci wsp\u00f3\u0142pracuj\u0105cych<\/li>\r\n          <li>odtworzenie mo\u017cliwych parametr\u00f3w<\/li>\r\n        <\/ul>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"prx-cta prx-mt\">\r\n\r\n      <div>\r\n        <div class=\"prx-eyebrow\">Nie masz pe\u0142nych danych?<\/div>\r\n\r\n        <h2>\r\n          Zdj\u0119cia i podstawowe wymiary wystarcz\u0105 na pocz\u0105tek\r\n        <\/h2>\r\n\r\n        <p>\r\n          Wy\u015blij informacje o kole, jego zastosowaniu oraz problemie.\r\n          Na tej podstawie mo\u017cemy okre\u015bli\u0107, jakie dane s\u0105 jeszcze potrzebne.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"prx-actions\">\r\n        <a class=\"prx-btn prx-btn--light\" href=\"#dane-techniczne\">\r\n          Sprawd\u017a potrzebne dane\r\n        <\/a>\r\n\r\n        <a class=\"prx-btn prx-btn--red\" href=\"\/kontakt\/\">\r\n          Wy\u015blij zapytanie\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eab5b50 elementor-widget elementor-widget-html\" data-id=\"eab5b50\" 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<section\r\n  class=\"prx-gears prx-section\"\r\n  id=\"prx-gear-explorer\"\r\n  aria-labelledby=\"prx-gear-explorer-title\"\r\n>\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head prx-head--split\">\r\n\r\n      <div>\r\n        <div class=\"prx-eyebrow\">\r\n          Interaktywny model 3D\r\n        <\/div>\r\n\r\n        <h2\r\n          class=\"prx-title\"\r\n          id=\"prx-gear-explorer-title\"\r\n        >\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-lead\">\r\n        Obr\u00f3\u0107 model, przybli\u017c go i wybierz jeden z aktywnych punkt\u00f3w.\r\n        Model automatycznie ustawi odpowiedni widok oraz wska\u017ce\r\n        wybrany detal konstrukcyjny.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-gear-explorer__workspace\">\r\n\r\n\r\n      <!-- ===============================================\r\n           LEWY PANEL\r\n      ================================================ -->\r\n\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\r\n        <div class=\"prx-gear-explorer__panel-main\">\r\n\r\n          <div class=\"prx-gear-explorer__detail\">\r\n\r\n            <div class=\"prx-gear-explorer__selection-label\">\r\n              Wybrany detal\r\n              <span data-detail-number>01 \/ 06<\/span>\r\n            <\/div>\r\n\r\n            <h3 data-detail-title>\r\n              Uz\u0119bienie zewn\u0119trzne\r\n            <\/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            <\/p>\r\n\r\n            <div class=\"prx-gear-explorer__detail-meta\">\r\n              <span data-detail-meta>\r\n                Geometri\u0119 uz\u0119bienia dobiera si\u0119 do przek\u0142adni,\r\n                obci\u0105\u017cenia i wymaganej dok\u0142adno\u015bci pracy.\r\n              <\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\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 \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"prx-gear-explorer__panel-points\">\r\n\r\n          <div class=\"prx-gear-explorer__divider\"><\/div>\r\n\r\n          <p class=\"prx-gear-explorer__points-title\">\r\n            Wybierz element:\r\n          <\/p>\r\n\r\n\r\n          <div class=\"prx-gear-explorer__point-list\">\r\n\r\n\r\n            <!-- 01 -->\r\n\r\n            <button\r\n              class=\"prx-gear-explorer__point-button\"\r\n              type=\"button\"\r\n              data-view=\"teeth\"\r\n              aria-pressed=\"true\"\r\n            >\r\n\r\n              <span class=\"prx-gear-explorer__point-number\">\r\n                01\r\n              <\/span>\r\n\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\r\n              <span class=\"prx-gear-explorer__point-arrow\">\r\n                \u203a\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 02 -->\r\n\r\n            <button\r\n              class=\"prx-gear-explorer__point-button\"\r\n              type=\"button\"\r\n              data-view=\"hub\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"prx-gear-explorer__point-number\">\r\n                02\r\n              <\/span>\r\n\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\r\n              <span class=\"prx-gear-explorer__point-arrow\">\r\n                \u203a\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 03 -->\r\n\r\n            <button\r\n              class=\"prx-gear-explorer__point-button\"\r\n              type=\"button\"\r\n              data-view=\"bore\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"prx-gear-explorer__point-number\">\r\n                03\r\n              <\/span>\r\n\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\r\n              <span class=\"prx-gear-explorer__point-arrow\">\r\n                \u203a\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 04 -->\r\n\r\n            <button\r\n              class=\"prx-gear-explorer__point-button\"\r\n              type=\"button\"\r\n              data-view=\"keyway\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"prx-gear-explorer__point-number\">\r\n                04\r\n              <\/span>\r\n\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\r\n              <span class=\"prx-gear-explorer__point-arrow\">\r\n                \u203a\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 05 -->\r\n\r\n            <button\r\n              class=\"prx-gear-explorer__point-button\"\r\n              type=\"button\"\r\n              data-view=\"screw\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"prx-gear-explorer__point-number\">\r\n                05\r\n              <\/span>\r\n\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\r\n              <span class=\"prx-gear-explorer__point-arrow\">\r\n                \u203a\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- 06 -->\r\n\r\n            <button\r\n              class=\"prx-gear-explorer__point-button\"\r\n              type=\"button\"\r\n              data-view=\"back\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"prx-gear-explorer__point-number\">\r\n                06\r\n              <\/span>\r\n\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\r\n              <span class=\"prx-gear-explorer__point-arrow\">\r\n                \u203a\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n\r\n      <!-- ===============================================\r\n           PRAWA STRONA \u2014 SCENA THREE.JS\r\n      ================================================ -->\r\n\r\n      <div\r\n        class=\"prx-gear-explorer__stage\"\r\n        data-stage\r\n      >\r\n\r\n\r\n        <!-- TOP -->\r\n\r\n        <div class=\"prx-gear-explorer__stage-top\">\r\n\r\n          <span class=\"prx-gear-explorer__status\">\r\n            Model aktywny\r\n          <\/span>\r\n\r\n          <span class=\"prx-gear-explorer__hint\">\r\n            Przeci\u0105gnij model lub u\u017cyj punkt\u00f3w\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CANVAS THREE.JS -->\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\r\n        <!-- HOTSPOTY -->\r\n\r\n        <div\r\n          class=\"prx-gear-explorer__hotspot-layer\"\r\n          aria-label=\"Aktywne punkty modelu\"\r\n        >\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__hotspot is-active\"\r\n            type=\"button\"\r\n            data-hotspot=\"teeth\"\r\n            aria-label=\"Poka\u017c uz\u0119bienie\"\r\n          >\r\n            <span>Uz\u0119bienie<\/span>\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__hotspot\"\r\n            type=\"button\"\r\n            data-hotspot=\"hub\"\r\n            aria-label=\"Poka\u017c piast\u0119\"\r\n          >\r\n            <span>Piasta<\/span>\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__hotspot\"\r\n            type=\"button\"\r\n            data-hotspot=\"bore\"\r\n            aria-label=\"Poka\u017c otw\u00f3r monta\u017cowy\"\r\n          >\r\n            <span>Otw\u00f3r monta\u017cowy<\/span>\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__hotspot\"\r\n            type=\"button\"\r\n            data-hotspot=\"keyway\"\r\n            aria-label=\"Poka\u017c rowek wpustowy\"\r\n          >\r\n            <span>Rowek wpustowy<\/span>\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__hotspot\"\r\n            type=\"button\"\r\n            data-hotspot=\"screw\"\r\n            aria-label=\"Poka\u017c otw\u00f3r boczny\"\r\n          >\r\n            <span>Otw\u00f3r boczny<\/span>\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__hotspot\"\r\n            type=\"button\"\r\n            data-hotspot=\"back\"\r\n            aria-label=\"Poka\u017c tyln\u0105 p\u0142aszczyzn\u0119\"\r\n          >\r\n            <span>Tylna p\u0142aszczyzna<\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STEROWANIE -->\r\n\r\n        <div\r\n          class=\"prx-gear-explorer__controls\"\r\n          aria-label=\"Sterowanie modelem\"\r\n        >\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__control\"\r\n            type=\"button\"\r\n            data-reset\r\n          >\r\n            \u21ba\r\n            <span>Widok pocz\u0105tkowy<\/span>\r\n          <\/button>\r\n\r\n\r\n          <span\r\n            class=\"prx-gear-explorer__control-divider\"\r\n            aria-hidden=\"true\"\r\n          ><\/span>\r\n\r\n\r\n          <button\r\n            class=\"prx-gear-explorer__control\"\r\n            type=\"button\"\r\n            data-spin\r\n            aria-pressed=\"false\"\r\n          >\r\n            \u25b6\r\n            <span data-spin-label>\r\n              W\u0142\u0105cz obr\u00f3t\r\n            <\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FALLBACK -->\r\n\r\n        <div\r\n          class=\"prx-gear-explorer__fallback\"\r\n          data-fallback\r\n        >\r\n          Model 3D wymaga przegl\u0105darki obs\u0142uguj\u0105cej WebGL.\r\n          Zaktualizuj przegl\u0105dark\u0119 albo otw\u00f3rz stron\u0119\r\n          na innym urz\u0105dzeniu.\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"prx-gear-explorer__sr-only\"\r\n          aria-live=\"polite\"\r\n          data-live\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\t\t<div class=\"elementor-element elementor-element-743dcbb elementor-widget elementor-widget-html\" data-id=\"743dcbb\" 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<section class=\"prx-gears prx-section prx-section--soft\" id=\"korzysci\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Wykonanie na zam\u00f3wienie<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Co zyskujesz, zamawiaj\u0105c ko\u0142o pod konkretn\u0105 maszyn\u0119?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Nowe ko\u0142o nie musi by\u0107 standardowym elementem katalogowym.\r\n        Mo\u017cemy odtworzy\u0107 cz\u0119\u015b\u0107 pracuj\u0105c\u0105 w istniej\u0105cej maszynie\r\n        albo wykona\u0107 element wed\u0142ug nowego projektu.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-grid prx-grid--2\">\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">01 \u00b7 Dost\u0119pno\u015b\u0107<\/span>\r\n\r\n        <h3>Zast\u0105pienie niedost\u0119pnej cz\u0119\u015bci<\/h3>\r\n\r\n        <p>\r\n          Mo\u017cliwe jest wykonanie elementu do starszej maszyny,\r\n          nawet gdy oryginalna cz\u0119\u015b\u0107 nie jest ju\u017c dost\u0119pna u producenta.\r\n        <\/p>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">02 \u00b7 Dopasowanie<\/span>\r\n\r\n        <h3>Geometria pod istniej\u0105cy uk\u0142ad<\/h3>\r\n\r\n        <p>\r\n          Ko\u0142o mo\u017cemy dopasowa\u0107 do wa\u0142u, obudowy, wsp\u00f3\u0142pracuj\u0105cego elementu\r\n          oraz przestrzeni dost\u0119pnej w maszynie.\r\n        <\/p>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">03 \u00b7 Technologia<\/span>\r\n\r\n        <h3>Materia\u0142 dobrany do warunk\u00f3w pracy<\/h3>\r\n\r\n        <p>\r\n          Dob\u00f3r nie ogranicza si\u0119 do odtworzenia wymiar\u00f3w.\r\n          Uwzgl\u0119dniamy obci\u0105\u017cenie, spos\u00f3b pracy i wymagania przek\u0142adni.\r\n        <\/p>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">04 \u00b7 Elastyczno\u015b\u0107<\/span>\r\n\r\n        <h3>Od jednej sztuki do kr\u00f3tkiej serii<\/h3>\r\n\r\n        <p>\r\n          Mo\u017cliwe jest wykonanie pojedynczego elementu dla utrzymania ruchu\r\n          albo wi\u0119kszej liczby cz\u0119\u015bci wed\u0142ug tej samej dokumentacji.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"prx-panel prx-mt\">\r\n\r\n      <div class=\"prx-eyebrow\">Utrzymanie ruchu<\/div>\r\n\r\n      <h3>\r\n        Brak cz\u0119\u015bci katalogowej nie musi oznacza\u0107 wymiany ca\u0142ej maszyny\r\n      <\/h3>\r\n\r\n      <p>\r\n        Je\u017celi istniej\u0105ce ko\u0142o mo\u017cna zmierzy\u0107 lub posiadasz dokumentacj\u0119,\r\n        mo\u017cliwe jest przygotowanie nowego elementu dopasowanego\r\n        do aktualnego uk\u0142adu nap\u0119dowego.\r\n      <\/p>\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-5c1d645 elementor-widget elementor-widget-html\" data-id=\"5c1d645\" 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<section class=\"prx-gears prx-section\" id=\"zastosowania\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Zastosowania<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Gdzie wykonujemy ko\u0142a z\u0119bate na zam\u00f3wienie?\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Ko\u0142a wykonujemy zar\u00f3wno jako cz\u0119\u015bci zamienne do istniej\u0105cych maszyn,\r\n        jak i jako nowe elementy przek\u0142adni projektowanych lub modernizowanych.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-grid prx-grid--2\">\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">01 \u00b7 Utrzymanie ruchu<\/span>\r\n\r\n        <h3>Cz\u0119\u015bci zamienne do maszyn<\/h3>\r\n\r\n        <p>\r\n          Odtwarzanie zu\u017cytych lub niedost\u0119pnych k\u00f3\u0142 z\u0119batych\r\n          w celu przywr\u00f3cenia sprawno\u015bci istniej\u0105cego urz\u0105dzenia.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Stare maszyny \u00b7 brak cz\u0119\u015bci katalogowych\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">02 \u00b7 Budowa maszyn<\/span>\r\n\r\n        <h3>Nowe przek\u0142adnie i mechanizmy<\/h3>\r\n\r\n        <p>\r\n          Produkcja element\u00f3w wed\u0142ug dokumentacji konstrukcyjnej\r\n          dla nowych maszyn, urz\u0105dze\u0144 i zespo\u0142\u00f3w nap\u0119dowych.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Dokumentacja \u00b7 nowe projekty\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">03 \u00b7 Modernizacja<\/span>\r\n\r\n        <h3>Przebudowa istniej\u0105cego uk\u0142adu<\/h3>\r\n\r\n        <p>\r\n          Wykonanie ko\u0142a o zmienionej geometrii, materiale\r\n          lub sposobie monta\u017cu w ramach modernizacji maszyny.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          Zmiana konstrukcji \u00b7 dopasowanie do maszyny\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"prx-card\">\r\n        <span class=\"prx-card__label\">04 \u00b7 Produkcja jednostkowa<\/span>\r\n\r\n        <h3>Prototypy i kr\u00f3tkie serie<\/h3>\r\n\r\n        <p>\r\n          Realizacja pojedynczych element\u00f3w oraz kr\u00f3tkich serii,\r\n          gdy standardowy produkt katalogowy nie odpowiada wymaganiom projektu.\r\n        <\/p>\r\n\r\n        <div class=\"prx-card__meta\">\r\n          1 sztuka \u00b7 kr\u00f3tkie serie\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"prx-panel prx-mt\">\r\n\r\n      <div class=\"prx-eyebrow\">Punkt wyj\u015bcia<\/div>\r\n\r\n      <h3>\r\n        Najwa\u017cniejsze jest zastosowanie, nie bran\u017ca\r\n      <\/h3>\r\n\r\n      <p>\r\n        Do oceny mo\u017cliwo\u015bci wykonania potrzebujemy przede wszystkim informacji\r\n        o geometrii, obci\u0105\u017ceniu, pr\u0119dko\u015bci, sposobie monta\u017cu i warunkach pracy\r\n        konkretnego mechanizmu.\r\n      <\/p>\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-62838de elementor-widget elementor-widget-html\" data-id=\"62838de\" 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<section class=\"prx-gears prx-section prx-section--soft\" id=\"faq\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">FAQ<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Najcz\u0119stsze pytania o ko\u0142a z\u0119bate na zam\u00f3wienie\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Najwa\u017cniejsze informacje przed wys\u0142aniem dokumentacji,\r\n        wzoru lub zapytania dotycz\u0105cego wykonania ko\u0142a z\u0119batego.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"prx-faq\">\r\n\r\n      <details>\r\n        <summary>Czy mo\u017cecie wykona\u0107 ko\u0142o z\u0119bate bez dokumentacji technicznej?<\/summary>\r\n        <p>\r\n          Tak. Punktem wyj\u015bcia mo\u017ce by\u0107 dostarczone ko\u0142o z\u0119bate.\r\n          Na jego podstawie analizujemy mo\u017cliw\u0105 do odtworzenia geometri\u0119,\r\n          wymiary, spos\u00f3b monta\u017cu oraz elementy wsp\u00f3\u0142pracuj\u0105ce.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Jakie ko\u0142a z\u0119bate wykonujecie?<\/summary>\r\n        <p>\r\n          Wykonujemy mi\u0119dzy innymi ko\u0142a walcowe o z\u0119bach prostych\r\n          i sko\u015bnych, ko\u0142a sto\u017ckowe, ko\u0142a \u015blimakowe, wie\u0144ce\r\n          oraz listwy z\u0119bate.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Czy mo\u017cna zam\u00f3wi\u0107 tylko jedn\u0105 sztuk\u0119?<\/summary>\r\n        <p>\r\n          Tak. Realizujemy zar\u00f3wno pojedyncze elementy dla utrzymania ruchu\r\n          i napraw maszyn, jak r\u00f3wnie\u017c kr\u00f3tkie serie wed\u0142ug tej samej dokumentacji.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Jakie dane najlepiej przes\u0142a\u0107 do wyceny?<\/summary>\r\n        <p>\r\n          Najlepiej przes\u0142a\u0107 rysunek lub model 3D. Je\u015bli dokumentacji nie ma,\r\n          pomocne b\u0119d\u0105 zdj\u0119cia, \u015brednica, szeroko\u015b\u0107, liczba z\u0119b\u00f3w,\r\n          \u015brednica otworu, liczba sztuk i informacje o zastosowaniu.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Z jakich materia\u0142\u00f3w mog\u0105 by\u0107 wykonane ko\u0142a?<\/summary>\r\n        <p>\r\n          Materia\u0142 dobieramy do konstrukcji i warunk\u00f3w pracy.\r\n          Stosowane mog\u0105 by\u0107 stale konstrukcyjne i stopowe,\r\n          stale nierdzewne, br\u0105zy oraz wybrane tworzywa konstrukcyjne.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Czy mo\u017cliwa jest obr\u00f3bka cieplna ko\u0142a z\u0119batego?<\/summary>\r\n        <p>\r\n          Tak, je\u015bli wymaga tego zastosowanie. Technologia mo\u017ce obejmowa\u0107\r\n          mi\u0119dzy innymi hartowanie, ulepszanie cieplne, naw\u0119glanie\r\n          lub azotowanie, zale\u017cnie od materia\u0142u i wymaganych w\u0142a\u015bciwo\u015bci.\r\n        <\/p>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>Czy mocno zu\u017cyte ko\u0142o mo\u017cna zawsze dok\u0142adnie odtworzy\u0107?<\/summary>\r\n        <p>\r\n          Nie zawsze. Silne zu\u017cycie lub uszkodzenie mo\u017ce uniemo\u017cliwi\u0107\r\n          bezpo\u015brednie odczytanie cz\u0119\u015bci pierwotnych parametr\u00f3w.\r\n          W takich przypadkach pomocna jest analiza ca\u0142ego mechanizmu\r\n          oraz element\u00f3w wsp\u00f3\u0142pracuj\u0105cych.\r\n        <\/p>\r\n      <\/details>\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-f64c6d3 elementor-widget elementor-widget-html\" data-id=\"f64c6d3\" 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<section class=\"prx-gears prx-section prx-section--sot\" id=\"powiazane\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <header class=\"prx-head\">\r\n      <div class=\"prx-eyebrow\">Powi\u0105zane produkty i us\u0142ugi<\/div>\r\n\r\n      <h2 class=\"prx-title\">\r\n        Pasuj\u0105ce do Twojego wyboru\r\n      <\/h2>\r\n\r\n      <p class=\"prx-lead\">\r\n        Zobacz technologie i us\u0142ugi, kt\u00f3re mog\u0105 uzupe\u0142ni\u0107 wykonanie\r\n        ko\u0142a z\u0119batego, przygotowanie korpusu lub obr\u00f3bk\u0119\r\n        pozosta\u0142ych element\u00f3w mechanizmu.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"prx-related\">\r\n\r\n\r\n      <!-- FREZOWANIE CNC -->\r\n\r\n      <a class=\"prx-related__card\"\r\n         href=\"https:\/\/hardchromeplate.com\/frezowanie-cnc\/\">\r\n\r\n        <div class=\"prx-related__media\">\r\n\r\n          <img\r\n            src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2026\/06\/Bez-tytulu2.png\"\r\n            alt=\"Frezowanie CNC element\u00f3w maszynowych\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n\r\n          <span class=\"prx-related__type\">Us\u0142uga<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-related__body\">\r\n\r\n          <h3>Frezowanie CNC<\/h3>\r\n\r\n          <span class=\"prx-related__meta\">\r\n            Obr\u00f3bka powierzchni, rowk\u00f3w, mocowa\u0144\r\n            i element\u00f3w konstrukcyjnych.\r\n          <\/span>\r\n\r\n          <span class=\"prx-related__link\">\r\n            Zobacz us\u0142ug\u0119 \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- TOCZENIE -->\r\n\r\n      <a class=\"prx-related__card\"\r\n         href=\"https:\/\/hardchromeplate.com\/toczenie-detali\/\">\r\n\r\n        <div class=\"prx-related__media\">\r\n\r\n          <img\r\n            src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2026\/06\/Bez-tytulu.png\"\r\n            alt=\"Toczenie CNC precyzyjnych element\u00f3w metalowych\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n\r\n          <span class=\"prx-related__type\">Us\u0142uga<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-related__body\">\r\n\r\n          <h3>Toczenie detali CNC<\/h3>\r\n\r\n          <span class=\"prx-related__meta\">\r\n            Obr\u00f3bka osi, wa\u0142\u00f3w, piast, otwor\u00f3w\r\n            i innych element\u00f3w obrotowych.\r\n          <\/span>\r\n\r\n          <span class=\"prx-related__link\">\r\n            Zobacz us\u0142ug\u0119 \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- CHROMOWANIE -->\r\n\r\n      <a class=\"prx-related__card\"\r\n         href=\"https:\/\/hardchromeplate.com\/chromowanie\/\">\r\n\r\n        <div class=\"prx-related__media\">\r\n\r\n          <img\r\n            src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/2.png\"\r\n            alt=\"Chromowanie techniczne element\u00f3w przemys\u0142owych\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n\r\n          <span class=\"prx-related__type\">Us\u0142uga<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-related__body\">\r\n\r\n          <h3>Chromowanie techniczne<\/h3>\r\n\r\n          <span class=\"prx-related__meta\">\r\n            Odtwarzanie wymiar\u00f3w i zwi\u0119kszanie odporno\u015bci\r\n            powierzchni roboczych element\u00f3w maszyn.\r\n          <\/span>\r\n\r\n          <span class=\"prx-related__link\">\r\n            Zobacz us\u0142ug\u0119 \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- WALCE PRECYZYJNE -->\r\n\r\n      <a class=\"prx-related__card\"\r\n         href=\"https:\/\/hardchromeplate.com\/walce-precyzyjne\/\">\r\n\r\n        <div class=\"prx-related__media\">\r\n\r\n          <img\r\n            src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/10\/ce03.png\"\r\n            alt=\"Walce precyzyjne do maszyn przemys\u0142owych\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n\r\n          <span class=\"prx-related__type\">Produkt<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-related__body\">\r\n\r\n          <h3>Walce precyzyjne<\/h3>\r\n\r\n          <span class=\"prx-related__meta\">\r\n            Produkcja i regeneracja precyzyjnych\r\n            element\u00f3w obrotowych do maszyn.\r\n          <\/span>\r\n\r\n          <span class=\"prx-related__link\">\r\n            Zobacz produkt \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- WA\u0141KI CHROMOWANE -->\r\n\r\n      <a class=\"prx-related__card\"\r\n         href=\"https:\/\/hardchromeplate.com\/walki-chromowane\/\">\r\n\r\n        <div class=\"prx-related__media\">\r\n\r\n          <img\r\n            src=\"https:\/\/hardchromeplate.com\/wp-content\/uploads\/2025\/09\/chrome_shaft_11.jpg\"\r\n            alt=\"Wa\u0142ki chromowane do zastosowa\u0144 przemys\u0142owych\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n\r\n          <span class=\"prx-related__type\">Produkt<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"prx-related__body\">\r\n\r\n          <h3>Wa\u0142ki chromowane<\/h3>\r\n\r\n          <span class=\"prx-related__meta\">\r\n            Precyzyjne elementy robocze przygotowane\r\n            do zastosowa\u0144 w maszynach przemys\u0142owych.\r\n          <\/span>\r\n\r\n          <span class=\"prx-related__link\">\r\n            Zobacz produkt \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\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-f69ef3b elementor-widget elementor-widget-html\" data-id=\"f69ef3b\" 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<section class=\"prx-gears prx-section prx-section--soft\" id=\"kontakt-kola-zebate\">\r\n  <div class=\"prx-inner\">\r\n\r\n    <div class=\"prx-cta\">\r\n\r\n      <div>\r\n        <div class=\"prx-eyebrow\">Ko\u0142a z\u0119bate \u00b7 PROEXPORT<\/div>\r\n\r\n        <h2>\r\n          Potrzebujesz nowego ko\u0142a z\u0119batego lub odtworzenia istniej\u0105cego elementu?\r\n        <\/h2>\r\n\r\n        <p>\r\n          Prze\u015blij rysunek, model 3D albo zdj\u0119cia i podstawowe wymiary\r\n          zu\u017cytego ko\u0142a. Na tej podstawie mo\u017cemy rozpocz\u0105\u0107 analiz\u0119\r\n          mo\u017cliwo\u015bci wykonania i ustali\u0107 potrzebny zakres danych.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"prx-actions\">\r\n\r\n        <a class=\"prx-btn prx-btn--light\" href=\"#dane-techniczne\">\r\n          Sprawd\u017a dane techniczne\r\n        <\/a>\r\n\r\n        <a class=\"prx-btn prx-btn--red\" href=\"\/kontakt\/\">\r\n          Wy\u015blij zapytanie\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a19b84e e-con e-atomic-element e-flexbox-base e-eba0cb3 \" data-id=\"a19b84e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a19b84e\">\n    \t\t<div class=\"elementor-element elementor-element-2f1e584 elementor-widget elementor-widget-html\" data-id=\"2f1e584\" 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<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>\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 \u00b7 produkcja na zam\u00f3wienie Ko\u0142a z\u0119bate na zam\u00f3wienie \u2013 produkcja wed\u0142ug dokumentacji lub wzoru Wykonujemy pojedyncze ko\u0142a z\u0119bate i kr\u00f3tkie serie dla przemys\u0142u, utrzymania ruchu oraz producent\u00f3w maszyn. Pracujemy na podstawie dokumentacji technicznej albo odtwarzamy geometri\u0119 z dostarczonego elementu. Sprawd\u017a dane techniczne Wy\u015blij zapytanie Proces realizacji Od dokumentacji lub wzoru do gotowego ko\u0142a [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8031","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/pages\/8031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/comments?post=8031"}],"version-history":[{"count":13,"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/pages\/8031\/revisions"}],"predecessor-version":[{"id":8081,"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/pages\/8031\/revisions\/8081"}],"wp:attachment":[{"href":"https:\/\/hardchromeplate.com\/bg\/wp-json\/wp\/v2\/media?parent=8031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}