{"id":8,"date":"2026-09-02T17:13:00","date_gmt":"2026-09-02T17:13:00","guid":{"rendered":"https:\/\/halo.comoaratrade.pl\/?page_id=8"},"modified":"2026-09-02T18:17:56","modified_gmt":"2026-09-02T18:17:56","slug":"start","status":"publish","type":"page","link":"https:\/\/halo.comoaratrade.pl\/","title":{"rendered":"START"},"content":{"rendered":"\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-56543bc\" id=\"gspb_container-id-gsbp-56543bc\">\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Inter:wght@400;500;600;700&display=swap');\n\n\n\/* =========================================================\n   HALO-FIT\n   WORDPRESS \/ BLOCKSY CLEAN RESET\n========================================================= *\/\n\n\/*\n * \u0412\u0410\u0416\u041d\u041e:\n * \u0421\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c \u0422\u041e\u041b\u042c\u041a\u041e \u0432\u043d\u0435\u0448\u043d\u044e\u044e \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.\n * \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 article Halo-Fit \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 padding:0.\n *\/\n\nbody.page-id-8 {\n  margin: 0 !important;\n  background: #ffffff !important;\n}\n\n\n\/* ---------- BLOCKSY HEADER ---------- *\/\n\nbody.page-id-8 #header,\nbody.page-id-8 header#header,\nbody.page-id-8 .ct-header,\nbody.page-id-8 .site-header:not(.hf-header),\nbody.page-id-8 #masthead {\n  display: none !important;\n}\n\n\n\/* ---------- BLOCKSY PAGE TITLE \/ HERO ---------- *\/\n\nbody.page-id-8 .hero-section,\nbody.page-id-8 .page-header,\nbody.page-id-8 .entry-header,\nbody.page-id-8 .page-title,\nbody.page-id-8 .ct-page-title {\n  display: none !important;\n}\n\n\n\/* ---------- BLOCKSY FOOTER ---------- *\/\n\nbody.page-id-8 #footer,\nbody.page-id-8 footer#footer,\nbody.page-id-8 .ct-footer,\nbody.page-id-8 .site-footer:not(.hf-footer),\nbody.page-id-8 #colophon {\n  display: none !important;\n}\n\n\n\/* ---------- REMOVE BLOCKSY PAGE SPACING ---------- *\/\n\nbody.page-id-8 #main,\nbody.page-id-8 .site-main {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\nbody.page-id-8 #main > .ct-container,\nbody.page-id-8 #main > .ct-container-full,\nbody.page-id-8 .site-main > .ct-container,\nbody.page-id-8 .site-main > .ct-container-full {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\nbody.page-id-8 article#post-8,\nbody.page-id-8 .post-8 {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\nbody.page-id-8 article#post-8 > .entry-content,\nbody.page-id-8 .post-8 > .entry-content {\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\nbody.page-id-8 [data-vertical-spacing] {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n\n\/*\n * Gutenberg \/ Stackable wrapper.\n * \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u043d\u0435\u0448\u043d\u0438\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f, \u043d\u043e \u041d\u0415 \u043b\u0435\u0437\u0435\u043c\n * \u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b Halo-Fit.\n *\/\n\nbody.page-id-8 .entry-content > .wp-block-html,\nbody.page-id-8 .entry-content > .wp-block-group,\nbody.page-id-8 .entry-content > .stk-block,\nbody.page-id-8 .entry-content > div {\n  max-width: none !important;\n}\n\n\n\/* =========================================================\n   ROOT \/ VARIABLES\n========================================================= *\/\n\n.hf-page {\n  --hf-orange: #ff7900;\n  --hf-orange-hot: #ff8500;\n\n  --hf-black: #101418;\n  --hf-charcoal: #181d22;\n  --hf-charcoal-2: #20262c;\n\n  --hf-white: #ffffff;\n  --hf-cream: #f4f1ea;\n  --hf-cream-2: #ebe7de;\n\n  --hf-text: #161a1e;\n  --hf-muted: #666a6d;\n\n  --hf-border: rgba(16, 20, 24, .15);\n  --hf-border-light: rgba(255, 255, 255, .14);\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  overflow: hidden;\n\n  background: var(--hf-cream);\n\n  color: var(--hf-text);\n\n  font-family: \"Inter\", Arial, sans-serif;\n\n  font-size: 16px;\n  line-height: 1.5;\n\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\n\n.hf-page *,\n.hf-page *::before,\n.hf-page *::after {\n  box-sizing: border-box;\n}\n\n\n.hf-page img {\n  display: block;\n\n  max-width: 100%;\n}\n\n\n.hf-page a {\n  text-decoration: none;\n}\n\n\n.hf-page button,\n.hf-page input {\n  font: inherit;\n}\n\n\n.hf-page button {\n  color: inherit;\n}\n\n\n.hf-page h1,\n.hf-page h2,\n.hf-page h3,\n.hf-page p {\n  margin: 0;\n}\n\n\n\/*\n * Blocksy ustawia\u0142 w\u0142asny granat na H1\/H2\/H3.\n * Tutaj ka\u017cdy nag\u0142\u00f3wek bierze kolor sekcji,\n * w kt\u00f3rej faktycznie si\u0119 znajduje.\n *\/\n\n.hf-page h1,\n.hf-page h2,\n.hf-page h3 {\n  color: inherit !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Impact,\n    \"Arial Narrow\",\n    sans-serif !important;\n\n  text-transform: uppercase;\n}\n\n\n.hf-page em {\n  color: var(--hf-orange) !important;\n\n  font-style: italic;\n}\n\n\n.hf-shell {\n  width: min(1460px, calc(100% - 72px));\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\n\/* =========================================================\n   ADMIN BAR\n========================================================= *\/\n\nbody.admin-bar .hf-header {\n  top: 32px;\n}\n\n\n@media (max-width: 782px) {\n\n  body.admin-bar .hf-header {\n    top: 46px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL TYPOGRAPHY\n========================================================= *\/\n\n.hf-section-tag {\n  display: inline-flex;\n  align-items: center;\n\n  margin-bottom: 25px;\n\n  color: var(--hf-black);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 14px;\n  font-weight: 800;\n\n  letter-spacing: .11em;\n}\n\n\n.hf-section-tag::before {\n  content: \"\";\n\n  width: 32px;\n  height: 3px;\n\n  margin-right: 12px;\n\n  background: var(--hf-orange);\n}\n\n\n.hf-section-tag--dark {\n  color: var(--hf-black);\n}\n\n\n.hf-section-tag--light {\n  color: #ffffff !important;\n}\n\n\n.hf-eyebrow {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 14px;\n  font-weight: 800;\n\n  letter-spacing: .13em;\n}\n\n\n.hf-eyebrow i {\n  display: block;\n\n  width: 34px;\n  height: 3px;\n\n  flex: 0 0 auto;\n\n  background: var(--hf-orange);\n}\n\n\n.hf-eyebrow--white {\n  color: #ffffff !important;\n}\n\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.hf-page .hf-button {\n  min-height: 58px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  padding: 0 27px;\n\n  border: 0 !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 16px;\n  font-weight: 800;\n\n  line-height: 1;\n\n  letter-spacing: .04em;\n\n  clip-path: polygon(\n    0 0,\n    calc(100% - 15px) 0,\n    100% 15px,\n    100% 100%,\n    15px 100%,\n    0 calc(100% - 15px)\n  );\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.hf-page .hf-button span {\n  font-size: 24px;\n}\n\n\n.hf-page .hf-button:hover {\n  transform: translateY(-3px);\n}\n\n\n.hf-page .hf-button--orange {\n  background: var(--hf-orange) !important;\n\n  color: #111111 !important;\n}\n\n\n.hf-page .hf-button--orange:hover {\n  background: #ffffff !important;\n\n  color: #111111 !important;\n}\n\n\n.hf-page .hf-button--dark {\n  background: var(--hf-black) !important;\n\n  color: #ffffff !important;\n}\n\n\n.hf-page .hf-button--dark span {\n  color: var(--hf-orange) !important;\n}\n\n\n.hf-page .hf-button--dark:hover {\n  background: var(--hf-orange) !important;\n\n  color: #111111 !important;\n}\n\n\n.hf-page .hf-button--dark:hover span {\n  color: #111111 !important;\n}\n\n\n.hf-page .hf-text-link {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 15px;\n\n  padding-bottom: 5px;\n\n  border-bottom: 2px solid currentColor;\n\n  color: var(--hf-black) !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 16px;\n  font-weight: 800;\n\n  line-height: 1.1;\n\n  letter-spacing: .04em;\n}\n\n\n.hf-page .hf-text-link span {\n  font-size: 20px;\n\n  transition: transform .25s ease;\n}\n\n\n.hf-page .hf-text-link:hover span {\n  transform: translateX(5px);\n}\n\n\n.hf-page .hf-text-link--white {\n  color: #ffffff !important;\n}\n\n\n\n\/* =========================================================\n   TRUST BAR\n========================================================= *\/\n\n.hf-trustbar {\n  position: relative;\n\n  z-index: 80;\n\n  background: var(--hf-orange);\n\n  color: #101010;\n}\n\n\n.hf-trustbar__inner {\n  min-height: 44px;\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n}\n\n\n.hf-page .hf-trustbar__item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 12px;\n\n  padding: 6px 24px;\n\n  border-right: 1px solid rgba(0, 0, 0, .18);\n\n  color: #101010 !important;\n}\n\n\n.hf-trustbar__item:first-child {\n  border-left: 1px solid rgba(0, 0, 0, .18);\n}\n\n\n.hf-trustbar__item strong,\n.hf-trustbar__item small {\n  display: block;\n}\n\n\n.hf-trustbar__item strong {\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 13px;\n  font-weight: 900;\n\n  line-height: 1;\n\n  letter-spacing: .07em;\n}\n\n\n.hf-trustbar__item small {\n  margin-top: 3px;\n\n  color: rgba(0, 0, 0, .62);\n\n  font-size: 9px;\n}\n\n\n.hf-trustbar__icon {\n  min-width: 25px;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 17px;\n  font-weight: 900;\n}\n\n\n\n\/* =========================================================\n   HALO HEADER\n========================================================= *\/\n\n.hf-header {\n  position: sticky;\n\n  top: 0;\n\n  z-index: 70;\n\n  background: rgba(255, 255, 255, .98);\n\n  border-bottom: 1px solid rgba(0, 0, 0, .08);\n\n  backdrop-filter: blur(13px);\n  -webkit-backdrop-filter: blur(13px);\n\n  transition: box-shadow .25s ease;\n}\n\n\n.hf-header.is-scrolled {\n  box-shadow: 0 10px 40px rgba(0, 0, 0, .09);\n}\n\n\n.hf-header__inner {\n  min-height: 82px;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(180px, 225px)\n    1fr\n    auto;\n\n  align-items: center;\n\n  gap: 35px;\n}\n\n\n.hf-logo {\n  display: flex;\n  align-items: center;\n\n  width: 205px;\n}\n\n\n.hf-logo img {\n  width: 100%;\n  height: auto;\n}\n\n\n.hf-nav {\n  height: 82px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: clamp(20px, 2vw, 38px);\n}\n\n\n.hf-page .hf-nav > a,\n.hf-products-toggle {\n  position: relative;\n\n  height: 82px;\n\n  display: flex;\n  align-items: center;\n\n  padding: 0;\n\n  border: 0;\n\n  background: none;\n\n  color: var(--hf-black) !important;\n\n  cursor: pointer;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 15px;\n  font-weight: 800;\n\n  letter-spacing: .04em;\n\n  white-space: nowrap;\n}\n\n\n.hf-nav > a::after,\n.hf-products-toggle::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  right: 100%;\n  bottom: 0;\n\n  height: 4px;\n\n  background: var(--hf-orange);\n\n  transition: right .25s ease;\n}\n\n\n.hf-nav > a:hover::after,\n.hf-products-toggle:hover::after,\n.hf-header.mega-open .hf-products-toggle::after {\n  right: 0;\n}\n\n\n.hf-products-toggle {\n  gap: 8px;\n}\n\n\n.hf-products-toggle span {\n  font-size: 20px;\n\n  transition: transform .3s ease;\n}\n\n\n.hf-header.mega-open .hf-products-toggle span {\n  transform: rotate(45deg);\n}\n\n\n.hf-header__actions {\n  display: flex;\n  align-items: center;\n\n  gap: 7px;\n}\n\n\n.hf-page .hf-header-icon {\n  width: 46px;\n  height: 46px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid var(--hf-border) !important;\n\n  background: transparent !important;\n\n  color: var(--hf-black) !important;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    color .2s ease;\n}\n\n\n.hf-page .hf-header-icon:hover {\n  background: var(--hf-black) !important;\n\n  color: #ffffff !important;\n}\n\n\n.hf-header-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n\n  stroke: currentColor;\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n.hf-mobile-toggle {\n  position: relative;\n\n  width: 46px;\n  height: 46px;\n\n  display: none;\n\n  border: none;\n\n  background: var(--hf-black);\n\n  cursor: pointer;\n}\n\n\n.hf-mobile-toggle i {\n  position: absolute;\n\n  left: 13px;\n\n  width: 20px;\n  height: 2px;\n\n  background: #ffffff;\n\n  transition:\n    transform .25s ease,\n    top .25s ease;\n}\n\n\n.hf-mobile-toggle i:first-child {\n  top: 18px;\n}\n\n\n.hf-mobile-toggle i:last-child {\n  top: 26px;\n}\n\n\n.hf-header.mobile-open .hf-mobile-toggle i:first-child {\n  top: 22px;\n\n  transform: rotate(45deg);\n}\n\n\n.hf-header.mobile-open .hf-mobile-toggle i:last-child {\n  top: 22px;\n\n  transform: rotate(-45deg);\n}\n\n\n\n\/* =========================================================\n   MEGA MENU\n========================================================= *\/\n\n.hf-mega {\n  position: absolute;\n\n  left: 0;\n  top: 100%;\n\n  width: 100%;\n\n  visibility: hidden;\n\n  opacity: 0;\n\n  transform: translateY(-10px);\n\n  background: var(--hf-black);\n\n  color: #ffffff;\n\n  border-top: 1px solid rgba(255, 255, 255, .1);\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease,\n    visibility .25s ease;\n}\n\n\n.hf-header.mega-open .hf-mega {\n  visibility: visible;\n\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n.hf-mega__inner {\n  min-height: 350px;\n\n  display: grid;\n\n  grid-template-columns:\n    1.35fr\n    1fr\n    1fr\n    1fr;\n}\n\n\n.hf-mega__intro {\n  position: relative;\n\n  padding: 48px 50px 45px 0;\n\n  overflow: hidden;\n\n  border-right: 1px solid rgba(255, 255, 255, .12);\n\n  color: #ffffff;\n}\n\n\n.hf-mega__intro::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 280px;\n  height: 90px;\n\n  left: -80px;\n  bottom: -15px;\n\n  background: var(--hf-orange);\n\n  transform: skewX(-28deg);\n}\n\n\n.hf-mega__intro > span {\n  display: block;\n\n  margin-bottom: 22px;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: .15em;\n}\n\n\n.hf-mega__intro strong {\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  color: #ffffff;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: clamp(30px, 2.3vw, 42px);\n  font-weight: 800;\n\n  line-height: .98;\n\n  text-transform: uppercase;\n}\n\n\n.hf-mega__column {\n  position: relative;\n\n  padding: 48px 32px;\n\n  border-right: 1px solid rgba(255, 255, 255, .1);\n\n  color: #ffffff;\n}\n\n\n.hf-mega__number {\n  position: absolute;\n\n  top: 16px;\n  right: 18px;\n\n  color: rgba(255, 255, 255, .35);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 13px;\n  font-weight: 800;\n}\n\n\n.hf-mega__column h3 {\n  margin-bottom: 22px;\n\n  color: var(--hf-orange) !important;\n\n  font-size: 21px;\n}\n\n\n.hf-page .hf-mega__column > a {\n  display: block;\n\n  padding: 7px 0;\n\n  color: rgba(255, 255, 255, .72) !important;\n\n  font-size: 13px;\n\n  transition:\n    color .2s ease,\n    transform .2s ease;\n}\n\n\n.hf-page .hf-mega__column > a:hover {\n  color: #ffffff !important;\n\n  transform: translateX(5px);\n}\n\n\n.hf-page .hf-mega__column .hf-mega__outlet {\n  margin-top: 20px;\n\n  padding: 12px 14px;\n\n  display: flex;\n  justify-content: space-between;\n\n  background: var(--hf-orange);\n\n  color: #111111 !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-weight: 800;\n}\n\n\n\n\/* =========================================================\n   MOBILE MENU\n========================================================= *\/\n\n.hf-mobile-menu {\n  display: none;\n\n  background: var(--hf-black);\n\n  color: #ffffff;\n}\n\n\n.hf-mobile-menu__inner {\n  padding: 30px 24px 40px;\n}\n\n\n.hf-mobile-menu__label {\n  display: block;\n\n  margin-bottom: 24px;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: .13em;\n}\n\n\n.hf-page .hf-mobile-menu__inner > a:not(.hf-mobile-menu__outlet) {\n  min-height: 66px;\n\n  display: grid;\n\n  grid-template-columns: 40px 1fr auto;\n\n  align-items: center;\n\n  border-top: 1px solid rgba(255, 255, 255, .12);\n\n  color: #ffffff !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 25px;\n  font-weight: 800;\n}\n\n\n.hf-mobile-menu__inner > a small {\n  color: rgba(255, 255, 255, .35);\n\n  font-size: 11px;\n}\n\n\n.hf-mobile-menu__inner > a > span {\n  color: var(--hf-orange);\n}\n\n\n.hf-page .hf-mobile-menu__outlet {\n  margin-top: 25px;\n\n  display: block;\n\n  padding: 15px 20px;\n\n  background: var(--hf-orange);\n\n  color: #111111 !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 19px;\n  font-weight: 800;\n}\n\n\n\n\/* =========================================================\n   SEARCH\n========================================================= *\/\n\n.hf-search {\n  position: absolute;\n\n  top: 100%;\n  left: 0;\n\n  width: 100%;\n\n  visibility: hidden;\n\n  opacity: 0;\n\n  transform: translateY(-10px);\n\n  background: #ffffff;\n\n  border-top: 1px solid var(--hf-border);\n\n  transition:\n    visibility .25s ease,\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n\n.hf-header.search-open .hf-search {\n  visibility: visible;\n\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n.hf-search__inner {\n  min-height: 185px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 40px;\n}\n\n\n.hf-search form {\n  width: 100%;\n}\n\n\n.hf-search form > span {\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n}\n\n\n.hf-search__field {\n  display: flex;\n\n  border-bottom: 3px solid var(--hf-black);\n}\n\n\n.hf-search__field input[type=\"search\"] {\n  width: 100%;\n\n  padding: 10px 0 15px;\n\n  border: 0;\n\n  outline: none;\n\n  background: transparent;\n\n  color: var(--hf-black);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: clamp(32px, 4vw, 60px);\n  font-weight: 700;\n}\n\n\n.hf-search__field button {\n  width: 70px;\n\n  border: 0;\n\n  background: transparent;\n\n  color: var(--hf-black);\n\n  cursor: pointer;\n\n  font-size: 40px;\n}\n\n\n.hf-search-close {\n  width: 50px;\n  height: 50px;\n\n  flex: 0 0 auto;\n\n  border: 1px solid var(--hf-border);\n\n  background: none;\n\n  color: var(--hf-black);\n\n  cursor: pointer;\n\n  font-size: 30px;\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.hf-hero {\n  position: relative;\n\n  min-height: min(760px, calc(100vh - 80px));\n\n  overflow: hidden;\n\n  background: #0c0f12;\n\n  color: #ffffff;\n}\n\n\n.hf-hero__picture {\n  position: absolute;\n\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n}\n\n\n.hf-hero__picture img {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n}\n\n\n.hf-hero__overlay {\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(5, 7, 9, .93) 0%,\n      rgba(5, 7, 9, .79) 31%,\n      rgba(5, 7, 9, .43) 57%,\n      rgba(5, 7, 9, .08) 100%\n    );\n}\n\n\n.hf-hero__beam {\n  position: absolute;\n\n  width: 470px;\n  height: 1100px;\n\n  top: -280px;\n  right: -300px;\n\n  background: rgba(255, 121, 0, .91);\n\n  transform: rotate(29deg);\n}\n\n\n.hf-hero__ring {\n  position: absolute;\n\n  width: 430px;\n  height: 430px;\n\n  right: -100px;\n  bottom: -145px;\n\n  border: 55px solid rgba(255, 255, 255, .11);\n\n  border-radius: 50%;\n}\n\n\n.hf-hero__grid {\n  position: absolute;\n\n  right: 35px;\n  top: 150px;\n\n  width: 170px;\n  height: 170px;\n\n  opacity: .24;\n\n  background-image:\n    linear-gradient(rgba(255, 255, 255, .45) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, .45) 1px, transparent 1px);\n\n  background-size: 22px 22px;\n}\n\n\n.hf-hero__inner {\n  min-height: min(760px, calc(100vh - 80px));\n\n  position: relative;\n\n  z-index: 5;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding-top: 45px;\n  padding-bottom: 75px;\n}\n\n\n.hf-hero__content {\n  width: min(760px, 72%);\n\n  color: #ffffff;\n}\n\n\n.hf-hero h1 {\n  margin-top: 23px;\n\n  color: #ffffff !important;\n\n  font-size: clamp(72px, 7vw, 124px);\n\n  font-weight: 900;\n\n  line-height: .84;\n\n  letter-spacing: -.035em;\n}\n\n\n.hf-hero__content > p {\n  max-width: 580px;\n\n  margin-top: 31px;\n\n  color: rgba(255, 255, 255, .83);\n\n  font-size: 17px;\n\n  line-height: 1.7;\n}\n\n\n.hf-hero__buttons {\n  margin-top: 34px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 28px;\n}\n\n\n.hf-hero__index {\n  position: relative;\n\n  align-self: flex-end;\n\n  margin-bottom: 67px;\n\n  color: #ffffff;\n\n  text-align: right;\n}\n\n\n.hf-hero__index span {\n  display: block;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 70px;\n  font-weight: 800;\n\n  line-height: .8;\n}\n\n\n.hf-hero__index div {\n  width: 85px;\n  height: 2px;\n\n  margin: 15px 0 15px auto;\n\n  background: rgba(255, 255, 255, .5);\n}\n\n\n.hf-hero__index strong {\n  color: #ffffff;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.5;\n\n  letter-spacing: .12em;\n}\n\n\n.hf-hero__bottom {\n  position: absolute;\n\n  z-index: 7;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  min-height: 53px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding:\n    0\n    max(36px, calc((100vw - 1460px) \/ 2));\n\n  border-top: 1px solid rgba(255, 255, 255, .18);\n\n  color: #ffffff;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 11px;\n  font-weight: 800;\n\n  letter-spacing: .15em;\n}\n\n\n.hf-hero__bottom > div {\n  display: flex;\n  align-items: center;\n\n  gap: 10px;\n}\n\n\n.hf-hero__bottom i {\n  width: 33px;\n  height: 2px;\n\n  background: var(--hf-orange);\n}\n\n\n\n\/* =========================================================\n   BRAND STRIP\n========================================================= *\/\n\n.hf-brand-strip {\n  overflow: hidden;\n\n  background: var(--hf-orange);\n\n  color: var(--hf-black);\n\n  transform: rotate(-1.3deg) scale(1.02);\n\n  transform-origin: center;\n}\n\n\n.hf-brand-strip__track {\n  min-width: max-content;\n  min-height: 74px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 31px;\n\n  padding: 0 30px;\n}\n\n\n.hf-brand-strip strong {\n  color: var(--hf-black);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 30px;\n  font-weight: 900;\n\n  letter-spacing: -.02em;\n}\n\n\n.hf-brand-strip i {\n  color: var(--hf-black);\n\n  font-size: 17px;\n\n  font-style: normal;\n}\n\n\n\n\/* =========================================================\n   SECTION HEAD\n========================================================= *\/\n\n.hf-section-head {\n  display: grid;\n\n  grid-template-columns: 1.7fr .8fr;\n\n  gap: 80px;\n\n  align-items: end;\n\n  color: var(--hf-black);\n}\n\n\n.hf-section-head h2 {\n  max-width: 900px;\n\n  color: var(--hf-black) !important;\n\n  font-size: clamp(62px, 6.4vw, 106px);\n\n  font-weight: 900;\n\n  line-height: .87;\n\n  letter-spacing: -.035em;\n}\n\n\n.hf-section-head > p {\n  max-width: 440px;\n\n  padding-bottom: 7px;\n\n  color: var(--hf-muted);\n\n  font-size: 15px;\n\n  line-height: 1.75;\n}\n\n\n\n\/* =========================================================\n   CATEGORIES\n========================================================= *\/\n\n.hf-categories {\n  padding: 145px 0 135px;\n\n  background: var(--hf-cream);\n\n  color: var(--hf-black);\n}\n\n\n.hf-category-grid {\n  margin-top: 75px;\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 22px;\n}\n\n\n.hf-category {\n  position: relative;\n\n  min-height: 610px;\n\n  overflow: hidden;\n\n  padding: 0 !important;\n\n  background: #15191d;\n\n  color: #ffffff;\n\n  clip-path: polygon(\n    0 0,\n    calc(100% - 34px) 0,\n    100% 34px,\n    100% 100%,\n    34px 100%,\n    0 calc(100% - 34px)\n  );\n}\n\n\n.hf-category--shift {\n  transform: translateY(48px);\n}\n\n\n.hf-category > img {\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  z-index: 1;\n\n  width: 100% !important;\n  max-width: none !important;\n\n  height: 100% !important;\n\n  display: block !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n  object-fit: cover !important;\n  object-position: center !important;\n\n  transition: transform .7s cubic-bezier(.2, .7, .2, 1);\n}\n\n\n.hf-category:hover > img {\n  transform: scale(1.055);\n}\n\n\n.hf-category__overlay {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 2;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, .04) 5%,\n      rgba(0, 0, 0, .12) 38%,\n      rgba(7, 10, 12, .78) 76%,\n      rgba(7, 10, 12, .97) 100%\n    );\n}\n\n\n.hf-category__number {\n  position: absolute;\n\n  top: 26px;\n  right: 28px;\n\n  z-index: 4;\n\n  color: #ffffff !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 15px;\n  font-weight: 800;\n}\n\n\n.hf-category__content {\n  position: absolute;\n\n  z-index: 4;\n\n  left: 34px;\n  right: 34px;\n  bottom: 35px;\n\n  color: #ffffff !important;\n}\n\n\n.hf-category__meta {\n  color: var(--hf-orange) !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: .14em;\n}\n\n\n.hf-category h3 {\n  margin-top: 10px;\n\n  color: #ffffff !important;\n\n  font-size: clamp(50px, 4.2vw, 72px);\n\n  font-weight: 900;\n\n  line-height: .82;\n\n  letter-spacing: -.02em;\n}\n\n\n.hf-category__links {\n  margin-top: 28px;\n\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 9px;\n}\n\n\n.hf-page .hf-category__links a {\n  padding: 10px 13px;\n\n  border: 1px solid rgba(255, 255, 255, .43) !important;\n\n  background: rgba(7, 10, 12, .52);\n\n  color: #ffffff !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  line-height: 1;\n\n  backdrop-filter: blur(5px);\n\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    color .2s ease;\n}\n\n\n.hf-page .hf-category__links a:hover {\n  border-color: var(--hf-orange) !important;\n\n  background: var(--hf-orange);\n\n  color: #111111 !important;\n}\n\n\n.hf-all-products {\n  margin-top: 90px;\n\n  display: flex;\n  justify-content: flex-end;\n}\n\n\n.hf-page .hf-all-products a {\n  min-width: 245px;\n\n  display: flex;\n  justify-content: space-between;\n\n  padding: 17px 0;\n\n  border-top: 2px solid var(--hf-black);\n  border-bottom: 2px solid var(--hf-black);\n\n  color: var(--hf-black) !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 17px;\n  font-weight: 800;\n}\n\n\n\n\/* =========================================================\n   TREADMILL CHOOSER\n========================================================= *\/\n\n.hf-choose {\n  position: relative;\n\n  padding: 135px 0;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  color: var(--hf-black);\n}\n\n\n.hf-choose__stripe {\n  position: absolute;\n\n  width: 650px;\n  height: 120px;\n\n  top: 60px;\n  right: -250px;\n\n  background:\n    repeating-linear-gradient(\n      -55deg,\n      var(--hf-orange) 0,\n      var(--hf-orange) 18px,\n      transparent 18px,\n      transparent 34px\n    );\n\n  opacity: .12;\n}\n\n\n.hf-choose__head {\n  display: grid;\n\n  grid-template-columns: 1.55fr .7fr;\n\n  gap: 100px;\n\n  align-items: end;\n}\n\n\n.hf-choose h2 {\n  color: var(--hf-black) !important;\n\n  font-size: clamp(68px, 6.2vw, 104px);\n\n  font-weight: 900;\n\n  line-height: .86;\n\n  letter-spacing: -.035em;\n}\n\n\n.hf-choose__intro p {\n  margin-bottom: 30px;\n\n  color: var(--hf-muted);\n\n  font-size: 15px;\n\n  line-height: 1.75;\n}\n\n\n.hf-model-grid {\n  margin-top: 72px;\n\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n\n  border-top: 1px solid var(--hf-border);\n  border-left: 1px solid var(--hf-border);\n}\n\n\n.hf-model {\n  position: relative;\n\n  min-height: 395px;\n\n  display: flex;\n  flex-direction: column;\n\n  \/*\n   * To jest w\u0142a\u015bnie poprawka problemu ze screena #2.\n   *\/\n  padding: 30px 28px 27px !important;\n\n  border-right: 1px solid var(--hf-border);\n  border-bottom: 1px solid var(--hf-border);\n\n  background: #ffffff;\n\n  color: var(--hf-black);\n\n  transition:\n    background .25s ease,\n    transform .25s ease,\n    color .25s ease;\n}\n\n\n.hf-model:hover {\n  z-index: 3;\n\n  transform: translateY(-8px);\n\n  background: var(--hf-black);\n\n  color: #ffffff;\n}\n\n\n.hf-model--orange {\n  background: var(--hf-orange);\n\n  color: var(--hf-black);\n}\n\n\n.hf-model--orange:hover {\n  background: var(--hf-black);\n\n  color: #ffffff;\n}\n\n\n.hf-model__top {\n  display: flex;\n  justify-content: space-between;\n\n  color: inherit;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  line-height: 1;\n\n  letter-spacing: .1em;\n}\n\n\n.hf-model h3 {\n  margin-top: 55px;\n\n  color: inherit !important;\n\n  font-size: 72px;\n  font-weight: 900;\n\n  line-height: .82;\n}\n\n\n.hf-model > p {\n  max-width: 220px;\n\n  margin-top: 25px;\n\n  color: inherit;\n\n  font-size: 13px;\n\n  line-height: 1.65;\n\n  opacity: .7;\n}\n\n\n.hf-model__specs {\n  margin-top: auto;\n\n  display: flex;\n\n  gap: 26px;\n}\n\n\n.hf-model__specs span {\n  color: inherit;\n\n  font-size: 9px;\n\n  line-height: 1.2;\n}\n\n\n.hf-model__specs strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: inherit;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 21px;\n  font-weight: 800;\n}\n\n\n.hf-page .hf-model > a {\n  margin-top: 27px;\n\n  display: flex;\n  justify-content: space-between;\n\n  padding-top: 15px;\n\n  border-top: 2px solid currentColor;\n\n  color: inherit !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 13px;\n  font-weight: 800;\n\n  line-height: 1;\n}\n\n\n\n\/* =========================================================\n   SPEED200\n========================================================= *\/\n\n.hf-speed {\n  position: relative;\n\n  padding: 140px 0;\n\n  overflow: hidden;\n\n  background: var(--hf-cream);\n\n  color: var(--hf-black);\n}\n\n\n.hf-speed__geometry {\n  position: absolute;\n\n  width: 450px;\n  height: 800px;\n\n  top: -210px;\n  right: -260px;\n\n  background: var(--hf-orange);\n\n  transform: rotate(28deg);\n\n  opacity: .08;\n}\n\n\n.hf-speed__grid {\n  display: grid;\n\n  grid-template-columns: 1.02fr .88fr;\n\n  gap: clamp(60px, 8vw, 130px);\n\n  align-items: center;\n}\n\n\n.hf-speed__visual {\n  position: relative;\n\n  min-height: 660px;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n\n.hf-speed__orange-block {\n  position: absolute;\n\n  width: 73%;\n  height: 86%;\n\n  left: 0;\n  bottom: 0;\n\n  background: var(--hf-orange);\n\n  clip-path: polygon(\n    0 0,\n    92% 0,\n    100% 8%,\n    100% 100%,\n    0 100%\n  );\n}\n\n\n.hf-speed__visual > img {\n  position: absolute !important;\n\n  z-index: 3;\n\n  right: 0;\n  bottom: 0;\n\n  width: 82% !important;\n  max-width: 82% !important;\n\n  max-height: 625px;\n\n  display: block !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n  object-fit: contain;\n}\n\n\n.hf-speed__vertical {\n  position: absolute;\n\n  z-index: 4;\n\n  left: 19px;\n  bottom: 25px;\n\n  color: var(--hf-black);\n\n  writing-mode: vertical-rl;\n\n  transform: rotate(180deg);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 11px;\n  font-weight: 900;\n\n  letter-spacing: .16em;\n}\n\n\n.hf-speed__content {\n  color: var(--hf-black);\n}\n\n\n.hf-speed h2 {\n  color: var(--hf-black) !important;\n\n  font-size: clamp(67px, 5.8vw, 100px);\n\n  font-weight: 900;\n\n  line-height: .86;\n\n  letter-spacing: -.035em;\n}\n\n\n.hf-speed__content > p {\n  max-width: 520px;\n\n  margin-top: 32px;\n\n  color: var(--hf-muted);\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n.hf-speed__mini {\n  margin: 38px 0;\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  border-top: 1px solid var(--hf-border);\n  border-bottom: 1px solid var(--hf-border);\n}\n\n\n.hf-speed__mini > div {\n  min-height: 95px;\n\n  padding: 18px;\n\n  border-right: 1px solid var(--hf-border);\n\n  color: var(--hf-black);\n}\n\n\n.hf-speed__mini > div:last-child {\n  border-right: none;\n}\n\n\n.hf-speed__mini span {\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n\n.hf-speed__mini strong {\n  color: var(--hf-black);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 16px;\n\n  line-height: 1.05;\n}\n\n\n\n\/* =========================================================\n   SERVICE \/ WHY HALO-FIT\n========================================================= *\/\n\n.hf-service {\n  position: relative;\n\n  padding: 140px 0;\n\n  overflow: hidden;\n\n  background: var(--hf-black);\n\n  color: #ffffff !important;\n}\n\n\n.hf-service__ring {\n  position: absolute;\n\n  width: 520px;\n  height: 520px;\n\n  right: -250px;\n  top: -180px;\n\n  border: 65px solid rgba(255, 255, 255, .045);\n\n  border-radius: 50%;\n}\n\n\n.hf-service__head {\n  max-width: 1180px;\n\n  color: #ffffff !important;\n}\n\n\n.hf-service .hf-section-tag {\n  color: #ffffff !important;\n}\n\n\n.hf-service h2 {\n  color: #ffffff !important;\n\n  font-size: clamp(65px, 6.3vw, 104px);\n\n  font-weight: 900;\n\n  line-height: .88;\n\n  letter-spacing: -.035em;\n}\n\n\n.hf-service h2 em {\n  color: var(--hf-orange) !important;\n}\n\n\n.hf-service-grid {\n  margin-top: 75px;\n\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 1px;\n\n  background: rgba(255, 255, 255, .13);\n}\n\n\n.hf-page .hf-service-card {\n  position: relative;\n\n  min-height: 215px;\n\n  display: grid;\n\n  grid-template-columns: 90px 1fr auto;\n\n  align-items: center;\n\n  gap: 25px;\n\n  padding: 36px !important;\n\n  background: var(--hf-charcoal-2);\n\n  color: #ffffff !important;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n\n.hf-page .hf-service-card:hover {\n  background: #ffffff;\n\n  color: var(--hf-black) !important;\n}\n\n\n.hf-page .hf-service-card--orange {\n  background: var(--hf-orange);\n\n  color: var(--hf-black) !important;\n}\n\n\n.hf-page .hf-service-card--orange:hover {\n  background: #ffffff;\n\n  color: var(--hf-black) !important;\n}\n\n\n.hf-service-card__number {\n  color: var(--hf-orange) !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 64px;\n  font-weight: 900;\n\n  line-height: 1;\n}\n\n\n.hf-service-card--orange .hf-service-card__number {\n  color: var(--hf-black) !important;\n}\n\n\n.hf-service-card h3 {\n  margin-bottom: 11px;\n\n  color: inherit !important;\n\n  font-size: 26px;\n\n  line-height: 1.02;\n}\n\n\n.hf-service-card p {\n  max-width: 390px;\n\n  color: rgba(255, 255, 255, .66) !important;\n\n  font-size: 12px;\n\n  line-height: 1.65;\n}\n\n\n.hf-service-card--orange p {\n  color: rgba(0, 0, 0, .64) !important;\n}\n\n\n.hf-service-card:hover p {\n  color: rgba(0, 0, 0, .64) !important;\n}\n\n\n.hf-service-card > b {\n  color: inherit;\n\n  font-size: 28px;\n}\n\n\n\n\/* =========================================================\n   ABOUT\n========================================================= *\/\n\n.hf-about {\n  position: relative;\n\n  padding: 145px 0 155px;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  color: var(--hf-black);\n}\n\n\n.hf-about__shape {\n  position: absolute;\n\n  left: -190px;\n  bottom: -240px;\n\n  width: 500px;\n  height: 500px;\n\n  border: 65px solid var(--hf-orange);\n\n  border-radius: 50%;\n\n  opacity: .07;\n}\n\n\n.hf-about__grid {\n  display: grid;\n\n  grid-template-columns: minmax(0, 1.28fr) minmax(330px, .62fr);\n\n  gap: clamp(70px, 8vw, 125px);\n\n  align-items: start;\n}\n\n\n.hf-about__headline {\n  min-width: 0;\n\n  color: var(--hf-black);\n}\n\n\n.hf-about h2 {\n  max-width: 880px;\n\n  color: var(--hf-black) !important;\n\n  font-size: clamp(58px, 5.75vw, 96px);\n\n  font-weight: 900;\n\n  \/*\n   * Naprawa nachodz\u0105cych na siebie linii.\n   *\/\n  line-height: .93;\n\n  letter-spacing: -.03em;\n}\n\n\n.hf-about h2 em {\n  color: var(--hf-orange) !important;\n\n  line-height: inherit;\n}\n\n\n.hf-about__copy {\n  padding-top: 52px;\n\n  color: var(--hf-black);\n}\n\n\n.hf-about__copy p {\n  margin-bottom: 23px;\n\n  color: var(--hf-muted) !important;\n\n  font-size: 14px;\n\n  line-height: 1.82;\n}\n\n\n.hf-about__copy .hf-about__lead {\n  color: var(--hf-black) !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 27px;\n  font-weight: 700;\n\n  line-height: 1.28;\n}\n\n\n.hf-about__copy > strong {\n  display: block;\n\n  margin: 38px 0 34px;\n\n  color: var(--hf-black);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 30px;\n  font-weight: 900;\n\n  line-height: 1;\n}\n\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.hf-final-cta {\n  position: relative;\n\n  overflow: hidden;\n\n  background: var(--hf-orange);\n\n  color: var(--hf-black);\n}\n\n\n.hf-final-cta__line {\n  position: absolute;\n\n  width: 430px;\n  height: 900px;\n\n  top: -390px;\n  left: 53%;\n\n  background: rgba(255, 255, 255, .14);\n\n  transform: rotate(27deg);\n}\n\n\n.hf-final-cta__inner {\n  position: relative;\n\n  z-index: 3;\n\n  min-height: 420px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n\n.hf-final-cta__inner > div > span {\n  color: var(--hf-black);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 13px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n}\n\n\n.hf-final-cta h2 {\n  margin-top: 18px;\n\n  color: var(--hf-black) !important;\n\n  font-size: clamp(72px, 7vw, 118px);\n\n  font-weight: 900;\n\n  line-height: .82;\n\n  letter-spacing: -.035em;\n}\n\n\n.hf-final-cta h2 em {\n  color: #ffffff !important;\n}\n\n\n.hf-page .hf-final-cta__inner > a {\n  width: 205px;\n  height: 205px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  padding: 25px;\n\n  background: var(--hf-black);\n\n  color: #ffffff !important;\n\n  clip-path: polygon(\n    0 0,\n    calc(100% - 35px) 0,\n    100% 35px,\n    100% 100%,\n    35px 100%,\n    0 calc(100% - 35px)\n  );\n\n  transition: transform .25s ease;\n}\n\n\n.hf-page .hf-final-cta__inner > a:hover {\n  transform: rotate(-3deg) scale(1.035);\n}\n\n\n.hf-final-cta__inner > a span {\n  color: #ffffff;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 23px;\n  font-weight: 800;\n\n  line-height: .95;\n}\n\n\n.hf-final-cta__inner > a strong {\n  align-self: flex-end;\n\n  color: var(--hf-orange);\n\n  font-size: 43px;\n}\n\n\n\n\/* =========================================================\n   HALO FOOTER\n========================================================= *\/\n\n.hf-footer {\n  padding: 95px 0 28px;\n\n  background: #0d1114;\n\n  color: #ffffff;\n}\n\n\n.hf-footer__top {\n  display: grid;\n\n  grid-template-columns: .85fr 1.4fr;\n\n  gap: 130px;\n\n  padding-bottom: 70px;\n}\n\n\n.hf-footer__logo {\n  display: block;\n\n  width: 220px;\n\n  margin-bottom: 28px;\n}\n\n\n.hf-footer__logo img {\n  width: 100%;\n}\n\n\n.hf-footer__brand p {\n  max-width: 390px;\n\n  color: rgba(255, 255, 255, .59) !important;\n\n  font-size: 13px;\n\n  line-height: 1.75;\n}\n\n\n.hf-footer__brand > strong {\n  display: block;\n\n  margin-top: 28px;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 21px;\n\n  letter-spacing: .06em;\n}\n\n\n.hf-footer__nav {\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 55px;\n}\n\n\n.hf-footer__nav h3 {\n  margin-bottom: 24px;\n\n  color: var(--hf-orange) !important;\n\n  font-size: 17px;\n}\n\n\n.hf-page .hf-footer__nav a {\n  display: block;\n\n  padding: 5px 0;\n\n  color: rgba(255, 255, 255, .65) !important;\n\n  font-size: 12px;\n\n  transition:\n    color .2s ease,\n    transform .2s ease;\n}\n\n\n.hf-page .hf-footer__nav a:hover {\n  color: #ffffff !important;\n\n  transform: translateX(4px);\n}\n\n\n.hf-footer__contact {\n  display: grid;\n\n  grid-template-columns: 1.5fr .7fr 1fr;\n\n  gap: 1px;\n\n  background: rgba(255, 255, 255, .12);\n\n  border: 1px solid rgba(255, 255, 255, .12);\n}\n\n\n.hf-footer__contact > div {\n  min-height: 105px;\n\n  padding: 22px;\n\n  background: #14191d;\n\n  color: #ffffff;\n}\n\n\n.hf-footer__contact span {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--hf-orange);\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 10px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n}\n\n\n.hf-footer__contact strong {\n  color: #ffffff;\n}\n\n\n.hf-page .hf-footer__contact a {\n  color: #ffffff !important;\n}\n\n\n.hf-footer__contact strong,\n.hf-footer__contact a {\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 19px;\n  font-weight: 700;\n\n  line-height: 1.2;\n}\n\n\n.hf-footer__bottom {\n  min-height: 75px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  border-bottom: 1px solid rgba(255, 255, 255, .12);\n}\n\n\n.hf-footer__bottom p {\n  color: rgba(255, 255, 255, .43) !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .08em;\n}\n\n\n.hf-page .hf-footer__bottom a {\n  display: flex;\n  align-items: center;\n\n  gap: 10px;\n\n  color: #ffffff !important;\n\n  font-family: \"Barlow Condensed\", sans-serif;\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .08em;\n}\n\n\n.hf-footer__bottom a span {\n  color: var(--hf-orange);\n\n  font-size: 20px;\n}\n\n\n\n\/* =========================================================\n   REVEAL\n   NIC NIE JEST UKRYWANE PRZEZ CSS\n========================================================= *\/\n\n.hf-reveal {\n  opacity: 1 !important;\n\n  visibility: visible !important;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .hf-shell {\n    width: min(1460px, calc(100% - 42px));\n  }\n\n\n  .hf-header__inner {\n    grid-template-columns: 190px 1fr auto;\n\n    gap: 20px;\n  }\n\n\n  .hf-logo {\n    width: 185px;\n  }\n\n\n  .hf-nav {\n    gap: 16px;\n  }\n\n\n  .hf-nav > a,\n  .hf-products-toggle {\n    font-size: 13px;\n  }\n\n\n  .hf-mega__inner {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n\n  .hf-mega__intro {\n    display: none;\n  }\n\n\n  .hf-category {\n    min-height: 540px;\n  }\n\n\n  .hf-model-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n\n  .hf-speed__grid {\n    gap: 50px;\n  }\n\n\n  .hf-speed__visual {\n    min-height: 550px;\n  }\n\n\n  .hf-about__grid {\n    grid-template-columns: 1.1fr .7fr;\n\n    gap: 65px;\n  }\n\n\n  .hf-about h2 {\n    font-size: clamp(58px, 6vw, 82px);\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 820px) {\n\n  .hf-shell {\n    width: calc(100% - 32px);\n  }\n\n\n  \/* TRUST *\/\n\n  .hf-trustbar__inner {\n    min-height: 36px;\n\n    display: flex;\n    justify-content: center;\n  }\n\n\n  .hf-trustbar__item {\n    display: none !important;\n  }\n\n\n  .hf-trustbar__item:nth-child(2) {\n    display: flex !important;\n\n    border: 0;\n  }\n\n\n  .hf-trustbar__item small {\n    display: none;\n  }\n\n\n  \/* HEADER *\/\n\n  .hf-header__inner {\n    min-height: 69px;\n\n    grid-template-columns: 1fr auto;\n\n    gap: 15px;\n  }\n\n\n  .hf-logo {\n    width: 165px;\n  }\n\n\n  .hf-nav {\n    display: none;\n  }\n\n\n  .hf-header-icon {\n    width: 42px;\n    height: 42px;\n  }\n\n\n  .hf-mobile-toggle {\n    width: 42px;\n    height: 42px;\n\n    display: block;\n  }\n\n\n  .hf-mobile-menu {\n    display: none;\n  }\n\n\n  .hf-header.mobile-open .hf-mobile-menu {\n    display: block;\n  }\n\n\n  .hf-mega {\n    display: none;\n  }\n\n\n  \/* SEARCH *\/\n\n  .hf-search__inner {\n    min-height: 145px;\n\n    gap: 15px;\n  }\n\n\n  .hf-search__field input[type=\"search\"] {\n    font-size: 32px;\n  }\n\n\n  .hf-search-close {\n    width: 42px;\n    height: 42px;\n  }\n\n\n  \/* HERO *\/\n\n  .hf-hero,\n  .hf-hero__inner {\n    min-height: 720px;\n  }\n\n\n  .hf-hero__picture img {\n    object-position: center top;\n  }\n\n\n  .hf-hero__overlay {\n    background:\n      linear-gradient(\n        0deg,\n        rgba(5, 7, 9, .97) 0%,\n        rgba(5, 7, 9, .80) 47%,\n        rgba(5, 7, 9, .14) 100%\n      );\n  }\n\n\n  .hf-hero__beam {\n    width: 220px;\n    height: 650px;\n\n    top: -200px;\n    right: -180px;\n\n    opacity: .75;\n  }\n\n\n  .hf-hero__grid {\n    display: none;\n  }\n\n\n  .hf-hero__ring {\n    width: 260px;\n    height: 260px;\n\n    right: -130px;\n    bottom: 15px;\n\n    border-width: 32px;\n  }\n\n\n  .hf-hero__inner {\n    align-items: flex-end;\n\n    padding-bottom: 100px;\n  }\n\n\n  .hf-hero__content {\n    width: 100%;\n  }\n\n\n  .hf-hero h1 {\n    font-size: clamp(56px, 17vw, 82px);\n\n    line-height: .87;\n  }\n\n\n  .hf-hero__content > p {\n    max-width: 440px;\n\n    margin-top: 23px;\n\n    font-size: 14px;\n\n    line-height: 1.6;\n  }\n\n\n  .hf-hero__buttons {\n    margin-top: 27px;\n\n    align-items: flex-start;\n    flex-direction: column;\n\n    gap: 20px;\n  }\n\n\n  .hf-page .hf-button {\n    width: 100%;\n  }\n\n\n  .hf-hero__index {\n    display: none;\n  }\n\n\n  .hf-hero__bottom {\n    padding-inline: 16px;\n  }\n\n\n  \/* STRIP *\/\n\n  .hf-brand-strip__track {\n    justify-content: flex-start;\n\n    min-height: 58px;\n\n    gap: 20px;\n  }\n\n\n  .hf-brand-strip strong {\n    font-size: 23px;\n  }\n\n\n  \/* SECTION SPACING *\/\n\n  .hf-categories,\n  .hf-choose,\n  .hf-speed,\n  .hf-service,\n  .hf-about {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n\n\n  .hf-section-head,\n  .hf-choose__head,\n  .hf-about__grid {\n    grid-template-columns: 1fr;\n\n    gap: 40px;\n  }\n\n\n  .hf-section-head h2,\n  .hf-choose h2,\n  .hf-speed h2,\n  .hf-service h2,\n  .hf-about h2 {\n    font-size: clamp(54px, 14.5vw, 74px);\n\n    line-height: .91;\n  }\n\n\n  \/* CATEGORY *\/\n\n  .hf-category-grid {\n    margin-top: 48px;\n\n    grid-template-columns: 1fr;\n\n    gap: 16px;\n  }\n\n\n  .hf-category,\n  .hf-category--shift {\n    min-height: 525px;\n\n    transform: none;\n  }\n\n\n  .hf-category__content {\n    left: 25px;\n    right: 25px;\n    bottom: 27px;\n  }\n\n\n  .hf-category h3 {\n    font-size: 62px;\n\n    line-height: .85;\n  }\n\n\n  .hf-all-products {\n    margin-top: 35px;\n  }\n\n\n  .hf-all-products a {\n    width: 100%;\n  }\n\n\n  \/* MODELS *\/\n\n  .hf-model-grid {\n    margin-top: 50px;\n\n    grid-template-columns: 1fr;\n  }\n\n\n  .hf-model {\n    min-height: 330px;\n\n    padding: 26px 24px !important;\n  }\n\n\n  .hf-model h3 {\n    margin-top: 38px;\n  }\n\n\n  \/* SPEED *\/\n\n  .hf-speed__grid {\n    grid-template-columns: 1fr;\n\n    gap: 60px;\n  }\n\n\n  .hf-speed__visual {\n    min-height: 480px;\n  }\n\n\n  .hf-speed__visual > img {\n    width: 92% !important;\n    max-width: 92% !important;\n  }\n\n\n  .hf-speed__mini {\n    grid-template-columns: 1fr;\n  }\n\n\n  .hf-speed__mini > div {\n    min-height: 75px;\n\n    border-right: 0;\n    border-bottom: 1px solid var(--hf-border);\n  }\n\n\n  .hf-speed__mini > div:last-child {\n    border-bottom: none;\n  }\n\n\n  \/* SERVICE *\/\n\n  .hf-service-grid {\n    margin-top: 50px;\n\n    grid-template-columns: 1fr;\n  }\n\n\n  .hf-page .hf-service-card {\n    min-height: 180px;\n\n    grid-template-columns: 62px 1fr auto;\n\n    gap: 15px;\n\n    padding: 25px 20px !important;\n  }\n\n\n  .hf-service-card__number {\n    font-size: 48px;\n  }\n\n\n  .hf-service-card h3 {\n    font-size: 22px;\n\n    line-height: 1.05;\n  }\n\n\n  \/* ABOUT *\/\n\n  .hf-about__copy {\n    padding-top: 0;\n  }\n\n\n  .hf-about h2 {\n    max-width: 100%;\n  }\n\n\n  \/* CTA *\/\n\n  .hf-final-cta__inner {\n    min-height: 470px;\n\n    padding-top: 60px;\n    padding-bottom: 60px;\n\n    flex-direction: column;\n\n    align-items: flex-start;\n    justify-content: space-between;\n  }\n\n\n  .hf-final-cta h2 {\n    font-size: clamp(68px, 19vw, 92px);\n\n    line-height: .86;\n  }\n\n\n  .hf-final-cta__inner > a {\n    width: 170px;\n    height: 170px;\n\n    align-self: flex-end;\n  }\n\n\n  \/* FOOTER *\/\n\n  .hf-footer {\n    padding-top: 70px;\n  }\n\n\n  .hf-footer__top {\n    grid-template-columns: 1fr;\n\n    gap: 55px;\n  }\n\n\n  .hf-footer__nav {\n    grid-template-columns: 1fr 1fr;\n\n    gap: 40px 25px;\n  }\n\n\n  .hf-footer__contact {\n    grid-template-columns: 1fr;\n  }\n\n\n  .hf-footer__contact > div {\n    min-height: auto;\n  }\n\n\n  .hf-footer__bottom {\n    padding: 25px 0;\n\n    align-items: flex-start;\n\n    flex-direction: column;\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .hf-header__actions {\n    gap: 4px;\n  }\n\n\n  .hf-header-icon:first-child {\n    display: none;\n  }\n\n\n  .hf-logo {\n    width: 150px;\n  }\n\n\n  .hf-hero,\n  .hf-hero__inner {\n    min-height: 680px;\n  }\n\n\n  .hf-hero h1 {\n    font-size: 56px;\n\n    line-height: .88;\n  }\n\n\n  .hf-category {\n    min-height: 470px;\n  }\n\n\n  .hf-speed__visual {\n    min-height: 410px;\n  }\n\n\n  .hf-footer__nav {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\/* =========================================================\n   FINAL VISUAL FIXES\n========================================================= *\/\n\n\n\/* HERO \u2014 \u043d\u043e\u043c\u0435\u0440 \u0441\u0435\u043a\u0446\u0438\u0438 01.\n   \u0421\u0432\u0435\u0442\u043b\u044b\u0439, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0442\u0435\u0440\u044f\u043b\u0441\u044f \u043d\u0430 \u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e\u0439 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0438 *\/\n\n.hf-hero__index span {\n  color: rgba(255, 255, 255, .88) !important;\n\n  text-shadow:\n    0 2px 18px rgba(0, 0, 0, .18);\n}\n\n\n\/* \u043b\u0438\u043d\u0438\u044f \u0432\u043e\u0437\u043b\u0435 \u043d\u043e\u043c\u0435\u0440\u0430 \u0442\u043e\u0436\u0435 \u0441\u0432\u0435\u0442\u043b\u0435\u0435 *\/\n\n.hf-hero__index div {\n  background: rgba(255, 255, 255, .72) !important;\n}\n\n\n\/* \u043f\u043e\u0434\u043f\u0438\u0441\u0438 FITNESS \/ SPORT \/ OUTDOOR *\/\n\n.hf-hero__index strong {\n  color: rgba(255, 255, 255, .94) !important;\n}\n\n\n\/* FOOTER \u2014 \u0431\u0435\u043b\u044b\u0439 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n\n.hf-footer__logo {\n  width: 225px;\n}\n\n\n.hf-footer__logo img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  opacity: 1;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n  const page = document.querySelector('.hf-page');\n\n  if (!page) return;\n\n\n  const header = page.querySelector('.hf-header');\n\n  const productsToggle =\n    page.querySelector('.hf-products-toggle');\n\n  const mobileToggle =\n    page.querySelector('.hf-mobile-toggle');\n\n  const searchOpen =\n    page.querySelector('.hf-search-open');\n\n  const searchClose =\n    page.querySelector('.hf-search-close');\n\n  const searchInput =\n    page.querySelector('.hf-search input[type=\"search\"]');\n\n\n\n  \/* =====================================================\n     HEADER ON SCROLL\n  ====================================================== *\/\n\n  function handleHeaderScroll() {\n\n    if (window.scrollY > 20) {\n\n      header.classList.add('is-scrolled');\n\n    } else {\n\n      header.classList.remove('is-scrolled');\n\n    }\n\n  }\n\n\n  window.addEventListener(\n    'scroll',\n    handleHeaderScroll,\n    { passive: true }\n  );\n\n\n  handleHeaderScroll();\n\n\n\n  \/* =====================================================\n     DESKTOP MEGA MENU\n  ====================================================== *\/\n\n  if (productsToggle) {\n\n    productsToggle.addEventListener(\n      'click',\n      function (event) {\n\n        event.stopPropagation();\n\n        const isOpen =\n          header.classList.toggle('mega-open');\n\n        header.classList.remove('search-open');\n        header.classList.remove('mobile-open');\n\n        productsToggle.setAttribute(\n          'aria-expanded',\n          isOpen ? 'true' : 'false'\n        );\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     MOBILE MENU\n  ====================================================== *\/\n\n  if (mobileToggle) {\n\n    mobileToggle.addEventListener(\n      'click',\n      function (event) {\n\n        event.stopPropagation();\n\n        const isOpen =\n          header.classList.toggle('mobile-open');\n\n        header.classList.remove('mega-open');\n        header.classList.remove('search-open');\n\n        mobileToggle.setAttribute(\n          'aria-expanded',\n          isOpen ? 'true' : 'false'\n        );\n\n\n        if (productsToggle) {\n\n          productsToggle.setAttribute(\n            'aria-expanded',\n            'false'\n          );\n\n        }\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     SEARCH\n  ====================================================== *\/\n\n  if (searchOpen) {\n\n    searchOpen.addEventListener(\n      'click',\n      function (event) {\n\n        event.stopPropagation();\n\n        const isOpen =\n          header.classList.toggle('search-open');\n\n        header.classList.remove('mega-open');\n        header.classList.remove('mobile-open');\n\n\n        if (productsToggle) {\n\n          productsToggle.setAttribute(\n            'aria-expanded',\n            'false'\n          );\n\n        }\n\n\n        if (mobileToggle) {\n\n          mobileToggle.setAttribute(\n            'aria-expanded',\n            'false'\n          );\n\n        }\n\n\n        if (isOpen && searchInput) {\n\n          setTimeout(\n            function () {\n              searchInput.focus();\n            },\n            150\n          );\n\n        }\n\n      }\n    );\n\n  }\n\n\n\n  if (searchClose) {\n\n    searchClose.addEventListener(\n      'click',\n      function () {\n\n        header.classList.remove('search-open');\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     CLOSE EVERYTHING\n  ====================================================== *\/\n\n  function closeAllMenus() {\n\n    header.classList.remove('mega-open');\n    header.classList.remove('mobile-open');\n    header.classList.remove('search-open');\n\n\n    if (productsToggle) {\n\n      productsToggle.setAttribute(\n        'aria-expanded',\n        'false'\n      );\n\n    }\n\n\n    if (mobileToggle) {\n\n      mobileToggle.setAttribute(\n        'aria-expanded',\n        'false'\n      );\n\n    }\n\n  }\n\n\n\n  \/* =====================================================\n     CLICK OUTSIDE\n  ====================================================== *\/\n\n  document.addEventListener(\n    'click',\n    function (event) {\n\n      if (!header.contains(event.target)) {\n\n        closeAllMenus();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =====================================================\n     ESC\n  ====================================================== *\/\n\n  document.addEventListener(\n    'keydown',\n    function (event) {\n\n      if (event.key === 'Escape') {\n\n        closeAllMenus();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =====================================================\n     INTERNAL LINKS\n  ====================================================== *\/\n\n  page\n    .querySelectorAll('a[href^=\"#\"]')\n    .forEach(function (link) {\n\n      link.addEventListener(\n        'click',\n        function (event) {\n\n          const targetId =\n            link.getAttribute('href');\n\n          if (\n            !targetId ||\n            targetId === '#'\n          ) {\n            return;\n          }\n\n\n          const target =\n            document.querySelector(targetId);\n\n          if (!target) {\n            return;\n          }\n\n\n          event.preventDefault();\n\n          closeAllMenus();\n\n\n          target.scrollIntoView({\n            behavior: 'smooth',\n            block: 'start'\n          });\n\n        }\n      );\n\n    });\n\n\n\n  \/* =====================================================\n     REVEAL ANIMATION\n     \n     \u0412\u0410\u0416\u041d\u041e:\n     \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0412\u0418\u0414\u0418\u041c\u042b.\n     JS \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442 \u044d\u0444\u0444\u0435\u043a\u0442.\n     \u0415\u0441\u043b\u0438 JS \u0441\u043b\u043e\u043c\u0430\u0435\u0442\u0441\u044f, \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0438\u0441\u0447\u0435\u0437\u043d\u0435\u0442.\n  ====================================================== *\/\n\n  const revealElements =\n    page.querySelectorAll('.hf-reveal');\n\n\n  const reducedMotion =\n    window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n\n  if (\n    !reducedMotion &&\n    'IntersectionObserver' in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n\n        function (entries, obs) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (!entry.isIntersecting) {\n                return;\n              }\n\n\n              const element =\n                entry.target;\n\n\n              if (\n                typeof element.animate === 'function'\n              ) {\n\n                element.animate(\n                  [\n                    {\n                      opacity: 0,\n                      transform: 'translateY(28px)'\n                    },\n                    {\n                      opacity: 1,\n                      transform: 'translateY(0)'\n                    }\n                  ],\n                  {\n                    duration: 650,\n                    easing:\n                      'cubic-bezier(.2,.7,.2,1)',\n                    fill: 'none'\n                  }\n                );\n\n              }\n\n\n              obs.unobserve(element);\n\n            }\n          );\n\n        },\n\n        {\n          threshold: 0.08,\n          rootMargin:\n            '0px 0px -25px 0px'\n        }\n\n      );\n\n\n    revealElements.forEach(\n      function (element) {\n\n        observer.observe(element);\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     FOOTER YEAR\n  ====================================================== *\/\n\n  page\n    .querySelectorAll('.hf-year')\n    .forEach(function (element) {\n\n      element.textContent =\n        new Date().getFullYear();\n\n    });\n\n\n})();\n<\/script>\n\n<div class=\"hf-page\" id=\"hf-top\">\n\n  <!-- TRUST BAR -->\n  <div class=\"hf-trustbar\">\n    <div class=\"hf-shell hf-trustbar__inner\">\n\n      <a href=\"\/dostawa\/\" class=\"hf-trustbar__item\">\n        <span class=\"hf-trustbar__icon\">\u2197<\/span>\n        <span>\n          <strong>DARMOWA DOSTAWA<\/strong>\n          <small>na terenie Polski<\/small>\n        <\/span>\n      <\/a>\n\n      <a href=\"\/gwarancja\/\" class=\"hf-trustbar__item\">\n        <span class=\"hf-trustbar__icon\">24<\/span>\n        <span>\n          <strong>24 MIESI\u0104CE GWARANCJI<\/strong>\n          <small>na wszystkie produkty<\/small>\n        <\/span>\n      <\/a>\n\n      <a href=\"\/gwarancja\/\" class=\"hf-trustbar__item\">\n        <span class=\"hf-trustbar__icon\">HF<\/span>\n        <span>\n          <strong>W\u0141ASNY SERWIS<\/strong>\n          <small>Warszawa<\/small>\n        <\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- HEADER -->\n  <header class=\"hf-header\">\n\n    <div class=\"hf-shell hf-header__inner\">\n\n      <a class=\"hf-logo\" href=\"\/\" aria-label=\"Halo-Fit\">\n        <img decoding=\"async\" src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/logo.webp\" alt=\"Halo-Fit\">\n      <\/a>\n\n      <nav class=\"hf-nav\" aria-label=\"G\u0142\u00f3wne menu\">\n\n        <div class=\"hf-nav__products\">\n          <button class=\"hf-products-toggle\" type=\"button\" aria-expanded=\"false\">\n            PRODUKTY\n            <span>+<\/span>\n          <\/button>\n        <\/div>\n\n        <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n          BIE\u017bNIE\n        <\/a>\n\n        <a href=\"#hf-choose\">\n          JAK WYBRA\u0106\n        <\/a>\n\n        <a href=\"\/gwarancja\/\">\n          SERWIS I GWARANCJA\n        <\/a>\n\n        <a href=\"#hf-about\">\n          O HALO-FIT\n        <\/a>\n\n      <\/nav>\n\n\n      <div class=\"hf-header__actions\">\n\n        <button class=\"hf-header-icon hf-search-open\" type=\"button\" aria-label=\"Szukaj\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"10.8\" cy=\"10.8\" r=\"6.2\"><\/circle>\n            <path d=\"M15.4 15.4L21 21\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <a class=\"hf-header-icon\" href=\"\/koszyk\/\" aria-label=\"Koszyk\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M3 4h2.2l2 10.1h10.4l2.2-7.2H6.1\"><\/path>\n            <circle cx=\"9\" cy=\"19\" r=\"1.3\"><\/circle>\n            <circle cx=\"17\" cy=\"19\" r=\"1.3\"><\/circle>\n          <\/svg>\n        <\/a>\n\n        <button class=\"hf-mobile-toggle\" type=\"button\" aria-label=\"Menu\" aria-expanded=\"false\">\n          <i><\/i>\n          <i><\/i>\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MEGA MENU -->\n    <div class=\"hf-mega\">\n\n      <div class=\"hf-shell hf-mega__inner\">\n\n        <div class=\"hf-mega__intro\">\n\n          <span>PRODUKTY HALO-FIT<\/span>\n\n          <strong>\n            Wybierz sprz\u0119t<br>\n            wed\u0142ug tego,<br>\n            <em>jak si\u0119 ruszasz.<\/em>\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"hf-mega__column\">\n\n          <span class=\"hf-mega__number\">01<\/span>\n\n          <h3>TRENING W DOMU<\/h3>\n\n          <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n            Bie\u017cnie elektryczne\n          <\/a>\n\n          <a href=\"\/product-category\/steppery\/\">\n            Steppery\n          <\/a>\n\n          <a href=\"\/product-category\/rowery\/\">\n            Rowery treningowe\n          <\/a>\n\n          <a href=\"\/product-category\/drazki\/\">\n            Dr\u0105\u017cki\n          <\/a>\n\n          <a href=\"\/product-category\/lawki-inwersyjne-grawitacyjne\/\">\n            \u0141awki inwersyjne\n          <\/a>\n\n          <a href=\"\/product-category\/kolko\/\">\n            Akcesoria\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"hf-mega__column\">\n\n          <span class=\"hf-mega__number\">02<\/span>\n\n          <h3>SPORT I OGR\u00d3D<\/h3>\n\n          <a href=\"\/product-category\/kosze-siatki-bramki-sportowe\/\">\n            Kosze, siatki i bramki\n          <\/a>\n\n          <a href=\"\/product-category\/trampoliny\/\">\n            Trampoliny\n          <\/a>\n\n          <a href=\"\/product-category\/hamakihustawki\/\">\n            Hamaki i hu\u015btawki\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"hf-mega__column\">\n\n          <span class=\"hf-mega__number\">03<\/span>\n\n          <h3>WODA I RELAKS<\/h3>\n\n          <a href=\"\/product-category\/deski-sup\/\">\n            Deski SUP\n          <\/a>\n\n          <a href=\"\/product-category\/hamakihustawki\/\">\n            Relaks w ogrodzie\n          <\/a>\n\n          <a class=\"hf-mega__outlet\" href=\"\/product-category\/towary-przecenione\/\">\n            OUTLET\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MOBILE MENU -->\n    <div class=\"hf-mobile-menu\">\n\n      <div class=\"hf-mobile-menu__inner\">\n\n        <span class=\"hf-mobile-menu__label\">\n          MENU \/ HALO-FIT\n        <\/span>\n\n        <a href=\"\/shop\/\">\n          <small>01<\/small>\n          PRODUKTY\n          <span>\u2197<\/span>\n        <\/a>\n\n        <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n          <small>02<\/small>\n          BIE\u017bNIE\n          <span>\u2197<\/span>\n        <\/a>\n\n        <a href=\"#hf-choose\">\n          <small>03<\/small>\n          JAK WYBRA\u0106\n          <span>\u2193<\/span>\n        <\/a>\n\n        <a href=\"\/gwarancja\/\">\n          <small>04<\/small>\n          SERWIS I GWARANCJA\n          <span>\u2197<\/span>\n        <\/a>\n\n        <a href=\"#hf-about\">\n          <small>05<\/small>\n          O HALO-FIT\n          <span>\u2193<\/span>\n        <\/a>\n\n        <a class=\"hf-mobile-menu__outlet\" href=\"\/product-category\/towary-przecenione\/\">\n          OUTLET\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- SEARCH -->\n    <div class=\"hf-search\">\n\n      <div class=\"hf-shell hf-search__inner\">\n\n        <form action=\"\/\" method=\"get\">\n\n          <span>SZUKAJ W HALO-FIT<\/span>\n\n          <div class=\"hf-search__field\">\n\n            <input type=\"search\" name=\"s\" placeholder=\"Czego szukasz?\" autocomplete=\"off\">\n\n            <input type=\"hidden\" name=\"post_type\" value=\"product\">\n\n            <button type=\"submit\">\n              \u2192\n            <\/button>\n\n          <\/div>\n\n        <\/form>\n\n        <button class=\"hf-search-close\" type=\"button\" aria-label=\"Zamknij\">\n          \u00d7\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/header>\n\n\n  <main>\n\n\n    <!-- HERO -->\n    <section class=\"hf-hero\">\n\n      <picture class=\"hf-hero__picture\">\n\n        <source media=\"(max-width: 767px)\" srcset=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-hero-mobile.webp\">\n\n        <img decoding=\"async\" src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-hero-desktop.webp\" alt=\"Halo-Fit - sprz\u0119t do aktywnego \u017cycia\" fetchpriority=\"high\">\n\n      <\/picture>\n\n      <div class=\"hf-hero__overlay\"><\/div>\n\n      <div class=\"hf-hero__beam\"><\/div>\n      <div class=\"hf-hero__ring\"><\/div>\n      <div class=\"hf-hero__grid\"><\/div>\n\n\n      <div class=\"hf-shell hf-hero__inner\">\n\n        <div class=\"hf-hero__content\">\n\n          <div class=\"hf-eyebrow hf-eyebrow--white\">\n            <i><\/i>\n            HALO-FIT \/ DOM \u00b7 OGR\u00d3D \u00b7 WODA\n          <\/div>\n\n          <h1>\n            RUCH, KT\u00d3RY<br>\n            <em>MIE\u015aCI SI\u0118<\/em><br>\n            W TWOIM \u017bYCIU.\n          <\/h1>\n\n          <p>\n            Kompaktowy sprz\u0119t fitness i sportowy do domu,\n            ogrodu i na wod\u0119 \u2014 z w\u0142asnym serwisem w Warszawie.\n          <\/p>\n\n          <div class=\"hf-hero__buttons\">\n\n            <a class=\"hf-button hf-button--orange\" href=\"#hf-categories\">\n              ZNAJD\u0179 SPRZ\u0118T DLA SIEBIE\n              <span>\u2197<\/span>\n            <\/a>\n\n            <a class=\"hf-text-link hf-text-link--white\" href=\"#hf-about\">\n              POZNAJ HALO-FIT\n              <span>\u2193<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"hf-hero__index\">\n\n          <span>01<\/span>\n\n          <div><\/div>\n\n          <strong>\n            FITNESS<br>\n            SPORT<br>\n            OUTDOOR\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"hf-hero__bottom\">\n\n        <span>MOVE YOUR WAY<\/span>\n\n        <div>\n          <i><\/i>\n          SCROLL\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- STRIPE -->\n    <section class=\"hf-brand-strip\">\n\n      <div class=\"hf-brand-strip__track\">\n\n        <strong>DOM<\/strong>\n        <i>\u2726<\/i>\n\n        <strong>TRENING<\/strong>\n        <i>\u2726<\/i>\n\n        <strong>OGR\u00d3D<\/strong>\n        <i>\u2726<\/i>\n\n        <strong>SPORT<\/strong>\n        <i>\u2726<\/i>\n\n        <strong>WODA<\/strong>\n        <i>\u2726<\/i>\n\n        <strong>RUCH<\/strong>\n        <i>\u2726<\/i>\n\n        <strong>HALO-FIT<\/strong>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- CATEGORIES -->\n    <section class=\"hf-categories\" id=\"hf-categories\">\n\n      <div class=\"hf-shell\">\n\n        <div class=\"hf-section-head hf-reveal\">\n\n          <div>\n\n            <span class=\"hf-section-tag\">\n              01 \/ PRODUKTY\n            <\/span>\n\n            <h2>\n              WYBIERZ,<br>\n              <em>JAK CHCESZ SI\u0118 RUSZA\u0106.<\/em>\n            <\/h2>\n\n          <\/div>\n\n          <p>\n            Nie musisz przegl\u0105da\u0107 kilkunastu przypadkowych kategorii.\n            Zacznij od miejsca i sposobu, w jaki naprawd\u0119 chcesz\n            korzysta\u0107 ze sprz\u0119tu.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"hf-category-grid\">\n\n\n          <!-- TRAINING -->\n          <article class=\"hf-category hf-reveal\">\n\n            <img decoding=\"async\" src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-category-training.webp\" alt=\"Trening w domu Halo-Fit\" loading=\"lazy\">\n\n            <div class=\"hf-category__overlay\"><\/div>\n\n            <span class=\"hf-category__number\">\n              01\n            <\/span>\n\n            <div class=\"hf-category__content\">\n\n              <span class=\"hf-category__meta\">\n                FITNESS \/ HOME\n              <\/span>\n\n              <h3>\n                TRENING<br>\n                W DOMU\n              <\/h3>\n\n              <div class=\"hf-category__links\">\n\n                <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n                  BIE\u017bNIE\n                <\/a>\n\n                <a href=\"\/product-category\/steppery\/\">\n                  STEPPERY\n                <\/a>\n\n                <a href=\"\/product-category\/rowery\/\">\n                  ROWERY\n                <\/a>\n\n                <a href=\"\/product-category\/drazki\/\">\n                  DR\u0104\u017bKI\n                <\/a>\n\n              <\/div>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- OUTDOOR -->\n          <article class=\"hf-category hf-category--shift hf-reveal\">\n\n            <img decoding=\"async\" src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-category-outdoor.webp\" alt=\"Sport i ogr\u00f3d Halo-Fit\" loading=\"lazy\">\n\n            <div class=\"hf-category__overlay\"><\/div>\n\n            <span class=\"hf-category__number\">\n              02\n            <\/span>\n\n            <div class=\"hf-category__content\">\n\n              <span class=\"hf-category__meta\">\n                GAME \/ OUTDOOR\n              <\/span>\n\n              <h3>\n                SPORT<br>\n                I OGR\u00d3D\n              <\/h3>\n\n              <div class=\"hf-category__links\">\n\n                <a href=\"\/product-category\/kosze-siatki-bramki-sportowe\/\">\n                  BRAMKI I SIATKI\n                <\/a>\n\n                <a href=\"\/product-category\/trampoliny\/\">\n                  TRAMPOLINY\n                <\/a>\n\n                <a href=\"\/product-category\/hamakihustawki\/\">\n                  RELAKS\n                <\/a>\n\n              <\/div>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- WATER -->\n          <article class=\"hf-category hf-reveal\">\n\n            <img decoding=\"async\" src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-category-water.webp\" alt=\"Woda i relaks Halo-Fit\" loading=\"lazy\">\n\n            <div class=\"hf-category__overlay\"><\/div>\n\n            <span class=\"hf-category__number\">\n              03\n            <\/span>\n\n            <div class=\"hf-category__content\">\n\n              <span class=\"hf-category__meta\">\n                WATER \/ SUMMER\n              <\/span>\n\n              <h3>\n                WODA<br>\n                I RELAKS\n              <\/h3>\n\n              <div class=\"hf-category__links\">\n\n                <a href=\"\/product-category\/deski-sup\/\">\n                  DESKI SUP\n                <\/a>\n\n                <a href=\"\/product-category\/hamakihustawki\/\">\n                  HAMAKI I HU\u015aTAWKI\n                <\/a>\n\n              <\/div>\n\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n\n        <div class=\"hf-all-products\">\n\n          <a href=\"\/shop\/\">\n            WSZYSTKIE PRODUKTY\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- TREADMILLS -->\n    <section class=\"hf-choose\" id=\"hf-choose\">\n\n      <div class=\"hf-choose__stripe\"><\/div>\n\n      <div class=\"hf-shell\">\n\n        <div class=\"hf-choose__head hf-reveal\">\n\n          <div>\n\n            <span class=\"hf-section-tag hf-section-tag--dark\">\n              02 \/ BIE\u017bNIE\n            <\/span>\n\n            <h2>\n              NIE SZUKAJ<br>\n              \u201eNAJLEPSZEJ\u201d.<br>\n              <em>ZNAJD\u0179 SWOJ\u0104.<\/em>\n            <\/h2>\n\n          <\/div>\n\n\n          <div class=\"hf-choose__intro\">\n\n            <p>\n              Cztery modele, cztery r\u00f3\u017cne scenariusze.\n              Zamiast filtrowa\u0107 \u2014 zacznij od tego,\n              jak naprawd\u0119 chcesz trenowa\u0107.\n            <\/p>\n\n            <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\" class=\"hf-text-link\">\n              POR\u00d3WNAJ BIE\u017bNIE\n              <span>\u2192<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"hf-model-grid\">\n\n\n          <article class=\"hf-model hf-reveal\">\n\n            <div class=\"hf-model__top\">\n              <span>01<\/span>\n              <small>WALK<\/small>\n            <\/div>\n\n            <h3>X50<\/h3>\n\n            <p>\n              Do chodzenia i aktywno\u015bci podczas pracy.\n            <\/p>\n\n            <div class=\"hf-model__specs\">\n\n              <span>\n                <strong>1\u20136<\/strong>\n                km\/h\n              <\/span>\n\n              <span>\n                <strong>HOME<\/strong>\n                OFFICE\n              <\/span>\n\n            <\/div>\n\n            <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n              ZOBACZ\n              <span>\u2197<\/span>\n            <\/a>\n\n          <\/article>\n\n\n\n          <article class=\"hf-model hf-model--orange hf-reveal\">\n\n            <div class=\"hf-model__top\">\n              <span>02<\/span>\n              <small>DAILY<\/small>\n            <\/div>\n\n            <h3>VELA<\/h3>\n\n            <p>\n              Do marszu i lekkiego biegu w mieszkaniu.\n            <\/p>\n\n            <div class=\"hf-model__specs\">\n\n              <span>\n                <strong>1\u201310<\/strong>\n                km\/h\n              <\/span>\n\n              <span>\n                <strong>7%<\/strong>\n                NACHYLENIE\n              <\/span>\n\n            <\/div>\n\n            <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n              ZOBACZ\n              <span>\u2197<\/span>\n            <\/a>\n\n          <\/article>\n\n\n\n          <article class=\"hf-model hf-reveal\">\n\n            <div class=\"hf-model__top\">\n              <span>03<\/span>\n              <small>FIT<\/small>\n            <\/div>\n\n            <h3>EVA<\/h3>\n\n            <p>\n              Wi\u0119cej kontroli podczas regularnego treningu.\n            <\/p>\n\n            <div class=\"hf-model__specs\">\n\n              <span>\n                <strong>12<\/strong>\n                km\/h\n              <\/span>\n\n              <span>\n                <strong>PULSE<\/strong>\n                SENSOR\n              <\/span>\n\n            <\/div>\n\n            <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n              ZOBACZ\n              <span>\u2197<\/span>\n            <\/a>\n\n          <\/article>\n\n\n\n          <article class=\"hf-model hf-reveal\">\n\n            <div class=\"hf-model__top\">\n              <span>04<\/span>\n              <small>RUN<\/small>\n            <\/div>\n\n            <h3>X150<\/h3>\n\n            <p>\n              Dla tych, kt\u00f3rzy potrzebuj\u0105 wi\u0119cej przestrzeni do biegu.\n            <\/p>\n\n            <div class=\"hf-model__specs\">\n\n              <span>\n                <strong>12<\/strong>\n                km\/h\n              <\/span>\n\n              <span>\n                <strong>107\u00d742<\/strong>\n                CM\n              <\/span>\n\n            <\/div>\n\n            <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n              ZOBACZ\n              <span>\u2197<\/span>\n            <\/a>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- SPEED 200 -->\n    <section class=\"hf-speed\">\n\n      <div class=\"hf-speed__geometry\"><\/div>\n\n      <div class=\"hf-shell hf-speed__grid\">\n\n\n        <div class=\"hf-speed__visual hf-reveal\">\n\n          <div class=\"hf-speed__orange-block\"><\/div>\n\n          <img decoding=\"async\" src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/halofit-home-product-speed200.webp\" alt=\"Rower treningowy Halo-Fit Speed200\" loading=\"lazy\">\n\n          <span class=\"hf-speed__vertical\">\n            HALO-FIT \/ TRAIN AT HOME\n          <\/span>\n\n        <\/div>\n\n\n\n        <div class=\"hf-speed__content hf-reveal\">\n\n          <span class=\"hf-section-tag\">\n            03 \/ HOME TRAINING\n          <\/span>\n\n          <h2>\n            TW\u00d3J RYTM.<br>\n            TWOJE TEMPO.<br>\n            <em>SPEED200.<\/em>\n          <\/h2>\n\n          <p>\n            Regularny ruch nie wymaga wyj\u015bcia na si\u0142owni\u0119.\n            Speed200 przenosi trening do domu \u2014 tam,\n            gdzie \u0142atwiej znale\u017a\u0107 na niego czas.\n          <\/p>\n\n\n          <div class=\"hf-speed__mini\">\n\n            <div>\n              <span>01<\/span>\n              <strong>DOMOWY<br>TRENING<\/strong>\n            <\/div>\n\n            <div>\n              <span>02<\/span>\n              <strong>KOMPAKTOWA<br>FORMA<\/strong>\n            <\/div>\n\n            <div>\n              <span>03<\/span>\n              <strong>TW\u00d3J<br>RYTM<\/strong>\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"hf-button hf-button--dark\" href=\"\/product-category\/rowery\/\">\n            ZOBACZ ROWERY\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- SERVICE -->\n    <section class=\"hf-service\">\n\n      <div class=\"hf-service__ring\"><\/div>\n\n      <div class=\"hf-shell\">\n\n        <div class=\"hf-service__head hf-reveal\">\n\n          <span class=\"hf-section-tag hf-section-tag--light\">\n            04 \/ DLACZEGO HALO-FIT\n          <\/span>\n\n          <h2>\n            SPRZ\u0118T TO POCZ\u0104TEK.<br>\n            <em>LICZY SI\u0118 TO, CO POTEM.<\/em>\n          <\/h2>\n\n        <\/div>\n\n\n        <div class=\"hf-service-grid\">\n\n\n          <a class=\"hf-service-card hf-reveal\" href=\"\/gwarancja\/\">\n\n            <span class=\"hf-service-card__number\">\n              24\n            <\/span>\n\n            <div>\n\n              <h3>\n                24 MIESI\u0104CE GWARANCJI\n              <\/h3>\n\n              <p>\n                Gwarancja na wszystkie produkty Halo-Fit.\n              <\/p>\n\n            <\/div>\n\n            <b>\u2197<\/b>\n\n          <\/a>\n\n\n\n          <a class=\"hf-service-card hf-service-card--orange hf-reveal\" href=\"\/gwarancja\/\">\n\n            <span class=\"hf-service-card__number\">\n              HF\n            <\/span>\n\n            <div>\n\n              <h3>\n                W\u0141ASNY SERWIS W WARSZAWIE\n              <\/h3>\n\n              <p>\n                Naprawy realizowane w naszym centrum serwisowym.\n              <\/p>\n\n            <\/div>\n\n            <b>\u2197<\/b>\n\n          <\/a>\n\n\n\n          <a class=\"hf-service-card hf-reveal\" href=\"\/dostawa\/\">\n\n            <span class=\"hf-service-card__number\">\n              0\n            <\/span>\n\n            <div>\n\n              <h3>\n                DARMOWA DOSTAWA\n              <\/h3>\n\n              <p>\n                Bez dodatkowego kosztu dostawy na terenie Polski.\n              <\/p>\n\n            <\/div>\n\n            <b>\u2197<\/b>\n\n          <\/a>\n\n\n\n          <a class=\"hf-service-card hf-reveal\" href=\"\/gwarancja\/\">\n\n            <span class=\"hf-service-card__number\">\n              14\n            <\/span>\n\n            <div>\n\n              <h3>\n                14 DNI NA ZWROT\n              <\/h3>\n\n              <p>\n                Jasne zasady i prosta procedura zwrotu.\n              <\/p>\n\n            <\/div>\n\n            <b>\u2197<\/b>\n\n          <\/a>\n\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- ABOUT -->\n    <section class=\"hf-about\" id=\"hf-about\">\n\n      <div class=\"hf-about__shape\"><\/div>\n\n      <div class=\"hf-shell hf-about__grid\">\n\n\n        <div class=\"hf-about__headline hf-reveal\">\n\n          <span class=\"hf-section-tag\">\n            05 \/ O MARCE\n          <\/span>\n\n          <h2>\n            NIE MUSISZ<br>\n            \u017bY\u0106 SPORTEM.<br>\n            <em>SPORT MA PASOWA\u0106 DO CIEBIE.<\/em>\n          <\/h2>\n\n        <\/div>\n\n\n\n        <div class=\"hf-about__copy hf-reveal\">\n\n          <p class=\"hf-about__lead\">\n            Halo-Fit to sprz\u0119t dla ludzi, kt\u00f3rzy chc\u0105\n            mie\u0107 wi\u0119cej ruchu w zwyk\u0142ym, codziennym \u017cyciu.\n          <\/p>\n\n          <p>\n            W domu przed prac\u0105. Wieczorem po ca\u0142ym dniu.\n            W ogrodzie z rodzin\u0105. Nad wod\u0105 podczas weekendu.\n            Nie interesuje nas tworzenie \u015bwiata wy\u0142\u0105cznie\n            dla zawodowych sportowc\u00f3w.\n          <\/p>\n\n          <p>\n            Wybieramy praktyczny sprz\u0119t fitness i rekreacyjny,\n            kt\u00f3ry \u0142atwo wpasowa\u0107 w przestrze\u0144, czas i rytm \u017cycia.\n            A kiedy potrzebujesz pomocy po zakupie \u2014\n            Halo-Fit nie znika za ekranem marketplace.\n          <\/p>\n\n          <strong>\n            HALO-FIT.<br>\n            MOVE YOUR WAY.\n          <\/strong>\n\n          <a class=\"hf-text-link\" href=\"\/shop\/\">\n            POZNAJ PRODUKTY\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n\n    <!-- FINAL CTA -->\n    <section class=\"hf-final-cta\">\n\n      <div class=\"hf-final-cta__line\"><\/div>\n\n      <div class=\"hf-shell hf-final-cta__inner\">\n\n        <div>\n\n          <span>\n            GOTOWY NA WI\u0118CEJ RUCHU?\n          <\/span>\n\n          <h2>\n            ZACZNIJ<br>\n            <em>PO SWOJEMU.<\/em>\n          <\/h2>\n\n        <\/div>\n\n        <a href=\"\/shop\/\">\n\n          <span>\n            WEJD\u0179 DO<br>\n            SKLEPU\n          <\/span>\n\n          <strong>\n            \u2197\n          <\/strong>\n\n        <\/a>\n\n      <\/div>\n\n    <\/section>\n\n  <\/main>\n\n\n\n  <!-- FOOTER -->\n  <footer class=\"hf-footer\">\n\n    <div class=\"hf-shell\">\n\n\n      <div class=\"hf-footer__top\">\n\n\n        <div class=\"hf-footer__brand\">\n\n        <a href=\"\/\" class=\"hf-footer__logo\">\n\n  <img decoding=\"async\"\n    src=\"https:\/\/halo.comoaratrade.pl\/wp-content\/uploads\/2026\/09\/logo-wh.webp\"\n    alt=\"Halo-Fit\"\n  >\n\n<\/a>\n\n          <p>\n            Kompaktowy i dost\u0119pny sprz\u0119t sportowy\n            do domu i aktywnego wypoczynku.\n            Produkty, kt\u00f3re maj\u0105 pasowa\u0107 do codziennego \u017cycia \u2014\n            nie odwrotnie.\n          <\/p>\n\n          <strong>\n            MOVE YOUR WAY.\n          <\/strong>\n\n        <\/div>\n\n\n\n        <div class=\"hf-footer__nav\">\n\n\n          <div>\n\n            <h3>PRODUKTY<\/h3>\n\n            <a href=\"\/product-category\/bieznie-elektryczne-domowe\/\">\n              Bie\u017cnie\n            <\/a>\n\n            <a href=\"\/product-category\/steppery\/\">\n              Steppery\n            <\/a>\n\n            <a href=\"\/product-category\/rowery\/\">\n              Rowery\n            <\/a>\n\n            <a href=\"\/product-category\/kosze-siatki-bramki-sportowe\/\">\n              Sport i ogr\u00f3d\n            <\/a>\n\n            <a href=\"\/product-category\/deski-sup\/\">\n              Deski SUP\n            <\/a>\n\n          <\/div>\n\n\n\n          <div>\n\n            <h3>POMOC<\/h3>\n\n            <a href=\"\/gwarancja\/\">\n              Serwis i gwarancja\n            <\/a>\n\n            <a href=\"\/dostawa\/\">\n              Dostawa\n            <\/a>\n\n            <a href=\"\/gwarancja\/\">\n              Zwroty\n            <\/a>\n\n            <a href=\"mailto:support@halofit.pl\">\n              Kontakt\n            <\/a>\n\n          <\/div>\n\n\n\n          <div>\n\n            <h3>INFORMACJE<\/h3>\n\n            <a href=\"#hf-about\">\n              O Halo-Fit\n            <\/a>\n\n            <a href=\"\/regulamin-sklepu-internetowego\/\">\n              Regulamin\n            <\/a>\n\n            <a href=\"\/polityka-prywatnosci\/\">\n              Polityka prywatno\u015bci\n            <\/a>\n\n            <a href=\"\/product-category\/towary-przecenione\/\">\n              Outlet\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"hf-footer__contact\">\n\n        <div>\n\n          <span>\n            MAGAZYN I SERWIS\n          <\/span>\n\n          <strong>\n            Jagiello\u0144ska 88, Hala 30<br>\n            03-215 Warszawa\n          <\/strong>\n\n        <\/div>\n\n\n        <div>\n\n          <span>\n            TELEFON\n          <\/span>\n\n          <a href=\"tel:+48511592310\">\n            +48 511 592 310\n          <\/a>\n\n        <\/div>\n\n\n        <div>\n\n          <span>\n            E-MAIL\n          <\/span>\n\n          <a href=\"mailto:support@halofit.pl\">\n            support@halofit.pl\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"hf-footer__bottom\">\n\n        <p>\n          \u00a9 <span class=\"hf-year\">2026<\/span>\n          HALO-FIT SP. Z O.O.\n          &nbsp; \/ &nbsp;\n          NIP 9512563751\n          &nbsp; \/ &nbsp;\n          KRS 0001024413\n        <\/p>\n\n        <a href=\"#hf-top\">\n          BACK TO TOP\n          <span>\u2191<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/footer>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gspb_container-id-gsbp-56543bc{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-56543bc.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-56543bc.gspb_container{position:relative;box-sizing:border-box}","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7},"has_hero_section":"disabled"},"_links":{"self":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/halo.comoaratrade.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}