{"id":14,"date":"2026-09-04T07:15:04","date_gmt":"2026-09-04T07:15:04","guid":{"rendered":"https:\/\/mgwires.michalkaczmarek.eu\/?page_id=14"},"modified":"2026-10-18T15:29:05","modified_gmt":"2026-10-18T15:29:05","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/mgwires.michalkaczmarek.eu\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62a0c6b e-con-full e-flex e-con e-parent\" data-id=\"62a0c6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-786dce0 elementor-widget elementor-widget-html\" data-id=\"786dce0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"mgw-hero\" data-mgw-hero>\n\n  <!-- AUTOMATYCZNA KARUZELA ZDJ\u0118\u0106 -->\n\n  <div class=\"mgw-hero__visual\" aria-hidden=\"true\">\n\n    <div class=\"mgw-hero__slides\">\n\n      <figure\n        class=\"mgw-hero__slide is-active\"\n        style=\"--desktop-x:46%; --mobile-x:58%;\"\n      >\n        <img\n          src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/hero05.png\"\n          alt=\"\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n          decoding=\"async\"\n        >\n      <\/figure>\n\n      <figure\n        class=\"mgw-hero__slide\"\n        style=\"--desktop-x:50%; --mobile-x:52%;\"\n      >\n        <img\n          src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/hero47.png\"\n          alt=\"\"\n          loading=\"eager\"\n          decoding=\"async\"\n        >\n      <\/figure>\n\n      <figure\n        class=\"mgw-hero__slide\"\n        style=\"--desktop-x:51%; --mobile-x:54%;\"\n      >\n        <img\n          src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/hero29.png\"\n          alt=\"\"\n          loading=\"eager\"\n          decoding=\"async\"\n        >\n      <\/figure>\n\n    <\/div>\n\n    <div class=\"mgw-hero__overlay\"><\/div>\n\n    <div class=\"mgw-hero__slider-status\">\n\n      <span class=\"mgw-hero__slider-current\">\n        01\n      <\/span>\n\n      <div class=\"mgw-hero__slider-progress\">\n        <span><\/span>\n      <\/div>\n\n      <span class=\"mgw-hero__slider-total\">\n        03\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- SUBTELNA GEOMETRIA BRANDOWA -->\n\n  <svg\n    class=\"mgw-hero__geometry\"\n    viewBox=\"0 0 700 700\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M-60 470 L150 260 L315 530 L490 250 L690 490\"><\/path>\n    <path d=\"M-50 540 L150 340 L305 600 L505 320 L715 530\"><\/path>\n\n    <line\n      x1=\"0\"\n      y1=\"620\"\n      x2=\"700\"\n      y2=\"620\"\n    ><\/line>\n\n    <line\n      x1=\"130\"\n      y1=\"0\"\n      x2=\"130\"\n      y2=\"700\"\n    ><\/line>\n  <\/svg>\n\n\n  <!-- TRE\u015a\u0106 HERO -->\n\n  <div class=\"mgw-hero__container\">\n\n    <div class=\"mgw-hero__content\">\n\n      <div class=\"mgw-hero__eyebrow\">\n        <span class=\"mgw-hero__eyebrow-line\"><\/span>\n        <span>MG WIRES \u2022 PRODUCENT KABLI<\/span>\n      <\/div>\n\n      <div class=\"mgw-hero__claim\">\n        <span>\u0141\u0104CZYMY NAJLEPSZE\u2026<\/span>\n      <\/div>\n\n      <h1 class=\"mgw-hero__title\">\n        Producent kabli dla przemys\u0142u i wymagaj\u0105cych zastosowa\u0144\n      <\/h1>\n\n      <p class=\"mgw-hero__description\">\n        Produkujemy kable do zastosowa\u0144 przemys\u0142owych i specjalistycznych,\n        \u0142\u0105cz\u0105c szerok\u0105 ofert\u0119 standardow\u0105 z mo\u017cliwo\u015bci\u0105 realizacji wed\u0142ug\n        indywidualnych wymaga\u0144 technicznych.\n      <\/p>\n\n      <div class=\"mgw-hero__actions\">\n\n        <a\n          href=\"\/oferta\/\"\n          class=\"mgw-btn mgw-btn--primary\"\n        >\n          <span>Zobacz katalog<\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n        <\/a>\n\n        <a\n          href=\"\/kontakt\/\"\n          class=\"mgw-btn mgw-btn--secondary\"\n        >\n          <span>Zapytaj o ofert\u0119<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- WYSZUKIWARKA -->\n\n  <div class=\"mgw-search-wrap\">\n\n    <div class=\"mgw-search\">\n\n      <div class=\"mgw-search__intro\">\n\n        <span class=\"mgw-search__label\">\n          KATALOG PRODUKT\u00d3W\n        <\/span>\n\n        <strong>\n          Znajd\u017a konkretny<br>\n          kabel\n        <\/strong>\n\n      <\/div>\n\n      <form\n        class=\"mgw-search__form\"\n        action=\"\/oferta\/\"\n        method=\"get\"\n        data-mgw-global-search\n      >\n\n        <div class=\"mgw-search__field\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"11\" cy=\"11\" r=\"6\"><\/circle>\n            <path d=\"M16 16l4 4\"><\/path>\n          <\/svg>\n\n          <input\n            type=\"search\"\n            name=\"q\"\n            placeholder=\"Wpisz nazw\u0119 lub symbol, np. H1Z2Z2-K\"\n            aria-label=\"Wyszukaj kabel\"\n            autocomplete=\"off\"\n            enterkeyhint=\"search\"\n            spellcheck=\"false\"\n          >\n\n        <\/div>\n\n        <button type=\"submit\">\n\n          <span>Szukaj<\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n      <\/form>\n\n      <a\n        href=\"\/oferta\/\"\n        class=\"mgw-search__catalog\"\n      >\n        <span>Przegl\u0105daj ca\u0142y katalog<\/span>\n\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n          <path d=\"M4 10h11\"><\/path>\n          <path d=\"M11 6l4 4-4 4\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap');\n\n\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.mgw-hero {\n  --mg-navy: #02163B;\n  --mg-deep: #010D24;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n  --mg-black: #22262D;\n  --mg-bg: #F5F7F9;\n  --mg-border: #DCE3E8;\n  --mg-muted: #687582;\n\n  position: relative;\n  width: 100%;\n  min-height: 720px;\n  margin-bottom: 61px;\n  background: var(--mg-navy);\n  font-family: 'Lato', sans-serif;\n  overflow: visible;\n  isolation: isolate;\n}\n\n.mgw-hero *,\n.mgw-hero *::before,\n.mgw-hero *::after {\n  box-sizing: border-box;\n}\n\n.mgw-hero p.mgw-hero__description,\n.elementor .mgw-hero p.mgw-hero__description {\n  color: #F4F7FA !important;\n  opacity: 1 !important;\n  -webkit-text-fill-color: #F4F7FA !important;\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.mgw-hero__visual {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: -2px;\n  bottom: 0;\n  left: 42%;\n  overflow: hidden;\n  background: var(--mg-deep);\n}\n\n.mgw-hero__slides {\n  position: absolute;\n  inset: 0;\n}\n\n.mgw-hero__slide {\n  position: absolute;\n  inset: 0;\n  margin: 0;\n  opacity: 0;\n  overflow: hidden;\n  transform: scale(1.035);\n\n  transition:\n    opacity 1.25s ease,\n    transform 6.5s cubic-bezier(.2,.6,.2,1);\n\n  pointer-events: none;\n}\n\n.mgw-hero__slide.is-active {\n  opacity: 1;\n  transform: scale(1);\n  z-index: 2;\n}\n\n.mgw-hero__slide img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: var(--desktop-x, 50%) center;\n\n  filter:\n    saturate(.84)\n    contrast(1.045)\n    brightness(.96);\n}\n\n\n\/* =========================================================\n   OVERLAY\n   ========================================================= *\/\n\n.mgw-hero__overlay {\n  position: absolute;\n  z-index: 4;\n  inset: 0;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      #02163B 0%,\n      rgba(2,22,59,.99) 5%,\n      rgba(2,22,59,.95) 13%,\n      rgba(2,22,59,.78) 24%,\n      rgba(2,22,59,.46) 36%,\n      rgba(2,22,59,.15) 50%,\n      rgba(2,22,59,.015) 70%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(1,13,36,.18) 0%,\n      rgba(1,13,36,0) 28%,\n      rgba(1,13,36,.02) 62%,\n      rgba(1,13,36,.40) 100%\n    );\n}\n\n\n\/* =========================================================\n   SLIDER STATUS\n   ========================================================= *\/\n\n.mgw-hero__slider-status {\n  position: absolute;\n  z-index: 7;\n  right: 34px;\n  bottom: 92px;\n  width: 175px;\n\n  display: grid;\n  grid-template-columns: auto minmax(0,1fr) auto;\n  align-items: center;\n  gap: 11px;\n\n  color: rgba(254,254,254,.52);\n  font-size: 9px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .15em;\n  pointer-events: none;\n}\n\n.mgw-hero__slider-current {\n  color: var(--mg-white);\n}\n\n.mgw-hero__slider-total {\n  color: rgba(254,254,254,.55);\n}\n\n.mgw-hero__slider-progress {\n  position: relative;\n  height: 1px;\n  overflow: hidden;\n  background: rgba(254,254,254,.22);\n}\n\n.mgw-hero__slider-progress span {\n  position: absolute;\n  inset: 0;\n  background: var(--mg-blue);\n  transform: scaleX(0);\n  transform-origin: left center;\n}\n\n.mgw-hero__slider-progress span.is-running {\n  animation: mgwHeroProgress 5.8s linear forwards;\n}\n\n@keyframes mgwHeroProgress {\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n}\n\n\n\/* =========================================================\n   GEOMETRY\n   ========================================================= *\/\n\n.mgw-hero__geometry {\n  position: absolute;\n  z-index: 2;\n  width: 610px;\n  height: 610px;\n  left: -175px;\n  bottom: -190px;\n  fill: none;\n  stroke: var(--mg-blue);\n  stroke-width: 1;\n  opacity: .13;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   MAIN CONTAINER\n   ========================================================= *\/\n\n.mgw-hero__container {\n  position: relative;\n  z-index: 6;\n  width: min(1280px, calc(100% - 64px));\n  min-height: 720px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  padding: 76px 0 132px;\n}\n\n.mgw-hero__content {\n  position: relative;\n  z-index: 6;\n  width: 52%;\n  max-width: 660px;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.mgw-hero__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 18px;\n  color: #A9BCCB;\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.mgw-hero__eyebrow-line {\n  display: block;\n  width: 42px;\n  height: 1px;\n  flex-shrink: 0;\n  background: var(--mg-blue);\n}\n\n\n\/* =========================================================\n   BRAND CLAIM\n   ========================================================= *\/\n\n.mgw-hero__claim {\n  margin: 0 0 15px;\n  color: #B8CBD8;\n  font-family: 'Lato', sans-serif;\n  font-size: 18px;\n  line-height: 1.15;\n  font-weight: 900;\n  letter-spacing: .075em;\n  text-transform: uppercase;\n}\n\n.mgw-hero__claim span {\n  position: relative;\n  display: inline-block;\n}\n\n.mgw-hero__claim span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  width: 54px;\n  height: 1px;\n  background: var(--mg-blue);\n}\n\n\n\/* =========================================================\n   H1\n   ========================================================= *\/\n\n.mgw-hero__title {\n  max-width: 650px;\n  margin: 0;\n  color: var(--mg-white);\n  font-family: 'Lato', sans-serif;\n  font-size: clamp(50px, 4vw, 66px);\n  line-height: 1.04;\n  font-weight: 900;\n  letter-spacing: -.032em;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n.mgw-hero .mgw-hero__description {\n  max-width: 570px;\n  margin: 28px 0 0;\n  color: #F4F7FA !important;\n  opacity: 1 !important;\n  -webkit-text-fill-color: #F4F7FA !important;\n  font-size: 17px;\n  line-height: 1.68;\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   ACTIONS\n   ========================================================= *\/\n\n.mgw-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 36px;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.mgw-btn {\n  min-height: 52px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 15px;\n  padding: 0 24px;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  font-family: 'Lato', sans-serif;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .075em;\n  text-transform: uppercase;\n  text-decoration: none !important;\n\n  transition:\n    background-color .2s ease,\n    border-color .2s ease,\n    color .2s ease;\n}\n\n.mgw-btn svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-btn--primary {\n  background: var(--mg-white);\n  color: var(--mg-navy);\n}\n\n.mgw-btn--primary:hover {\n  background: var(--mg-blue);\n  color: var(--mg-white);\n}\n\n.mgw-btn--primary:hover svg {\n  transform: translateX(3px);\n}\n\n.mgw-btn--secondary {\n  background: transparent;\n  border-color: rgba(254,254,254,.32);\n  color: var(--mg-white);\n}\n\n.mgw-btn--secondary:hover {\n  background: rgba(254,254,254,.07);\n  border-color: rgba(254,254,254,.62);\n  color: var(--mg-white);\n}\n\n\n\/* =========================================================\n   SEARCH WRAPPER\n   ========================================================= *\/\n\n.mgw-search-wrap {\n  position: absolute;\n  z-index: 10;\n  width: 100%;\n  left: 0;\n  bottom: -61px;\n}\n\n\n\/* =========================================================\n   SEARCH\n   ========================================================= *\/\n\n.mgw-search {\n  width: min(1280px, calc(100% - 64px));\n  min-height: 122px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 220px minmax(0,1fr) auto;\n  align-items: center;\n  gap: 28px;\n  padding: 25px 28px;\n  background: var(--mg-white);\n  border: 1px solid var(--mg-border);\n  border-radius: 2px;\n  box-shadow: 0 18px 50px rgba(2,22,59,.09);\n}\n\n\n\/* =========================================================\n   SEARCH INTRO\n   ========================================================= *\/\n\n.mgw-search__intro {\n  padding-right: 27px;\n  border-right: 1px solid var(--mg-border);\n}\n\n.mgw-search__label {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mg-blue);\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .17em;\n  text-transform: uppercase;\n}\n\n.mgw-search__intro strong {\n  display: block;\n  color: var(--mg-navy);\n  font-family: 'Lato', sans-serif;\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   SEARCH FORM\n   ========================================================= *\/\n\n.mgw-search__form {\n  position: relative;\n  z-index: 20;\n  overflow: visible;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) 116px;\n  min-width: 0;\n}\n\n.mgw-search__field {\n  position: relative;\n  z-index: 21;\n  min-width: 0;\n  overflow: visible;\n}\n\n.mgw-search__field > svg {\n  position: absolute;\n  z-index: 2;\n  width: 18px;\n  height: 18px;\n  left: 18px;\n  top: 50%;\n  transform: translateY(-50%);\n  fill: none;\n  stroke: var(--mg-blue);\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  pointer-events: none;\n}\n\n.mgw-search__field input {\n  display: block;\n  width: 100%;\n  height: 54px;\n  margin: 0;\n  padding: 0 18px 0 49px;\n  background: #F7F9FA;\n  border: 1px solid var(--mg-border);\n  border-right: 0;\n  border-radius: 2px 0 0 2px;\n  outline: none;\n  color: var(--mg-black);\n  font-family: 'Lato', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n}\n\n.mgw-search__field input::placeholder {\n  color: #8996A2;\n  opacity: 1;\n}\n\n.mgw-search__field input:focus {\n  background: var(--mg-white);\n  border-color: var(--mg-blue);\n}\n\n\n\/* =========================================================\n   SEARCH BUTTON\n   ========================================================= *\/\n\n.mgw-search__form button {\n  height: 54px;\n  margin: 0;\n  padding: 0 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  background: var(--mg-navy);\n  border: 1px solid var(--mg-navy);\n  border-radius: 0 2px 2px 0;\n  color: var(--mg-white);\n  font-family: 'Lato', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  cursor: pointer;\n\n  transition:\n    background-color .2s ease,\n    border-color .2s ease;\n}\n\n.mgw-search__form button:hover {\n  background: var(--mg-blue);\n  border-color: var(--mg-blue);\n}\n\n.mgw-search__form button svg {\n  width: 16px;\n  height: 16px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   CATALOG LINK\n   ========================================================= *\/\n\n.mgw-search__catalog {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  white-space: nowrap;\n  color: var(--mg-navy);\n  font-family: 'Lato', sans-serif;\n  font-size: 12px;\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: .055em;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  transition: color .2s ease;\n}\n\n.mgw-search__catalog svg {\n  width: 16px;\n  height: 16px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-search__catalog:hover {\n  color: var(--mg-blue);\n}\n\n.mgw-search__catalog:hover svg {\n  transform: translateX(3px);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .mgw-hero {\n    min-height: 690px;\n  }\n\n  .mgw-hero__container {\n    width: calc(100% - 48px);\n    min-height: 690px;\n  }\n\n  .mgw-hero__content {\n    width: 59%;\n  }\n\n  .mgw-hero__visual {\n    left: 39%;\n  }\n\n  .mgw-hero__title {\n    font-size: clamp(44px, 5vw, 57px);\n  }\n\n  .mgw-hero__slider-status {\n    right: 25px;\n    bottom: 90px;\n    width: 150px;\n  }\n\n  .mgw-search {\n    width: calc(100% - 48px);\n    grid-template-columns: 185px minmax(0,1fr);\n    gap: 24px;\n  }\n\n  .mgw-search__catalog {\n    display: none;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-hero {\n    min-height: auto;\n    margin-bottom: 0;\n    overflow: visible;\n  }\n\n  .mgw-hero__visual {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .mgw-hero__slide {\n    transform: scale(1.055);\n  }\n\n  .mgw-hero__slide.is-active {\n    transform: scale(1);\n  }\n\n  .mgw-hero__slide img {\n    object-position: var(--mobile-x, 52%) center;\n\n    filter:\n      saturate(.74)\n      contrast(1.04)\n      brightness(.84);\n  }\n\n  .mgw-hero__overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(2,22,59,.34) 0%,\n        rgba(2,22,59,.58) 17%,\n        rgba(2,22,59,.76) 34%,\n        rgba(2,22,59,.90) 52%,\n        rgba(2,22,59,.98) 70%,\n        #02163B 82%,\n        #02163B 100%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(2,22,59,.91) 0%,\n        rgba(2,22,59,.68) 55%,\n        rgba(2,22,59,.38) 100%\n      );\n  }\n\n  .mgw-hero__slider-status {\n    display: none;\n  }\n\n\n  \/* CONTENT MOBILE *\/\n\n  .mgw-hero__container {\n    width: 100%;\n    min-height: auto;\n    display: block;\n    margin: 0;\n    padding: 102px 22px 62px;\n  }\n\n  .mgw-hero__content {\n    width: 100%;\n    max-width: 520px;\n  }\n\n  .mgw-hero__eyebrow {\n    gap: 12px;\n    margin-bottom: 18px;\n    color: #A7BAC9;\n    font-size: 10px;\n    letter-spacing: .17em;\n  }\n\n  .mgw-hero__eyebrow-line {\n    width: 30px;\n  }\n\n  .mgw-hero__claim {\n    margin-bottom: 16px;\n    font-size: 15px;\n    letter-spacing: .07em;\n  }\n\n  .mgw-hero__claim span::after {\n    bottom: -5px;\n    width: 42px;\n  }\n\n  .mgw-hero__title {\n    max-width: 500px;\n    font-size: clamp(39px, 11vw, 48px);\n    line-height: 1.035;\n    letter-spacing: -.035em;\n  }\n\n  .mgw-hero .mgw-hero__description {\n    max-width: 470px;\n    margin-top: 25px;\n    color: #F4F7FA !important;\n    opacity: 1 !important;\n    -webkit-text-fill-color: #F4F7FA !important;\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .mgw-hero__actions {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-top: 32px;\n  }\n\n  .mgw-btn {\n    width: 100%;\n    min-height: 54px;\n  }\n\n  .mgw-hero__geometry {\n    width: 390px;\n    height: 390px;\n    left: -180px;\n    bottom: -115px;\n    opacity: .07;\n  }\n\n\n  \/* SEARCH MOBILE *\/\n\n  .mgw-search-wrap {\n    position: relative;\n    z-index: 10;\n    left: auto;\n    bottom: auto;\n    width: 100%;\n    padding: 0 16px 28px;\n    background: var(--mg-bg);\n  }\n\n  .mgw-search {\n    width: 100%;\n    min-height: auto;\n    display: block;\n    margin: 0;\n    padding: 23px 18px;\n    background: var(--mg-white);\n    border: 1px solid var(--mg-border);\n    border-radius: 2px;\n    box-shadow: none;\n  }\n\n  .mgw-search__intro {\n    padding: 0 0 18px;\n    margin: 0 0 18px;\n    border-right: 0;\n    border-bottom: 1px solid var(--mg-border);\n  }\n\n  .mgw-search__intro strong {\n    font-size: 19px;\n    line-height: 1.25;\n  }\n\n  .mgw-search__intro strong br {\n    display: none;\n  }\n\n  .mgw-search__form {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .mgw-search__field input {\n    width: 100%;\n    height: 54px;\n    padding-left: 47px;\n    border: 1px solid var(--mg-border);\n    border-radius: 2px;\n    font-size: 14px;\n  }\n\n  .mgw-search__form button {\n    width: 100%;\n    height: 52px;\n    margin-top: 9px;\n    border-radius: 2px;\n  }\n\n  .mgw-search__catalog {\n    display: inline-flex;\n    margin-top: 19px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-hero__container {\n    padding: 96px 18px 54px;\n  }\n\n  .mgw-hero__title {\n    font-size: 39px;\n  }\n\n  .mgw-hero .mgw-hero__description {\n    font-size: 15.5px;\n  }\n\n  .mgw-search-wrap {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 360px) {\n\n  .mgw-hero__title {\n    font-size: 35px;\n  }\n\n  .mgw-hero .mgw-hero__description {\n    font-size: 15px;\n  }\n\n  .mgw-btn {\n    font-size: 12px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .mgw-hero__slide {\n    transition: opacity .2s ease;\n    transform: none !important;\n  }\n\n  .mgw-hero__slider-progress span {\n    animation: none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const heroes = document.querySelectorAll('[data-mgw-hero]');\n\n  heroes.forEach(function(hero) {\n\n    const slides = Array.from(\n      hero.querySelectorAll('.mgw-hero__slide')\n    );\n\n    const counter = hero.querySelector(\n      '.mgw-hero__slider-current'\n    );\n\n    const total = hero.querySelector(\n      '.mgw-hero__slider-total'\n    );\n\n    const progress = hero.querySelector(\n      '.mgw-hero__slider-progress span'\n    );\n\n    if (!slides.length) {\n      return;\n    }\n\n    const duration = 5800;\n\n    const reducedMotion = window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n    let current = 0;\n    let timer = null;\n\n    function format(index) {\n      return String(index + 1).padStart(2, '0');\n    }\n\n    function formatTotal(value) {\n      return String(value).padStart(2, '0');\n    }\n\n    function updateTotal() {\n      if (total) {\n        total.textContent = formatTotal(slides.length);\n      }\n    }\n\n    function restartProgress() {\n      if (!progress || reducedMotion) {\n        return;\n      }\n\n      progress.classList.remove('is-running');\n      void progress.offsetWidth;\n      progress.classList.add('is-running');\n    }\n\n    function show(index) {\n\n      slides.forEach(function(slide, slideIndex) {\n        slide.classList.toggle(\n          'is-active',\n          slideIndex === index\n        );\n      });\n\n      current = index;\n\n      if (counter) {\n        counter.textContent = format(current);\n      }\n\n      restartProgress();\n    }\n\n    function next() {\n      const nextIndex = (current + 1) % slides.length;\n      show(nextIndex);\n    }\n\n    function start() {\n      if (reducedMotion || slides.length < 2) {\n        return;\n      }\n\n      window.clearInterval(timer);\n\n      restartProgress();\n\n      timer = window.setInterval(\n        next,\n        duration\n      );\n    }\n\n    function stop() {\n      window.clearInterval(timer);\n    }\n\n    document.addEventListener(\n      'visibilitychange',\n      function() {\n        if (document.hidden) {\n          stop();\n        } else {\n          start();\n        }\n      }\n    );\n\n    updateTotal();\n    show(0);\n    start();\n\n  });\n\n})();\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3954c99 e-con-full e-flex e-con e-parent\" data-id=\"3954c99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1723566 elementor-widget elementor-widget-html\" data-id=\"1723566\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-trustbar\">\n\n  <div class=\"mgw-trustbar__container\">\n\n\n    <!-- 01 -->\n    <article class=\"mgw-trustbar__item\">\n\n      <span class=\"mgw-trustbar__number\">\n        01\n      <\/span>\n\n      <div class=\"mgw-trustbar__content\">\n\n        <h3>\n          ISO 9001:2015\n        <\/h3>\n\n        <p>\n          System jako\u015bci potwierdzony\n          certyfikatami ISO oraz IQNet.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 02 -->\n    <article class=\"mgw-trustbar__item\">\n\n      <span class=\"mgw-trustbar__number\">\n        02\n      <\/span>\n\n      <div class=\"mgw-trustbar__content\">\n\n        <h3>\n          W\u0142asna produkcja\n        <\/h3>\n\n        <p>\n          Nowoczesny i zautomatyzowany\n          park maszynowy.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 03 -->\n    <article class=\"mgw-trustbar__item\">\n\n      <span class=\"mgw-trustbar__number\">\n        03\n      <\/span>\n\n      <div class=\"mgw-trustbar__content\">\n\n        <h3>\n          Produkcja na zam\u00f3wienie\n        <\/h3>\n\n        <p>\n          Parametry kabli dopasowane\n          do wymaga\u0144 technicznych.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 04 -->\n    <article class=\"mgw-trustbar__item\">\n\n      <span class=\"mgw-trustbar__number\">\n        04\n      <\/span>\n\n      <div class=\"mgw-trustbar__content\">\n\n        <h3>\n          Rynki mi\u0119dzynarodowe\n        <\/h3>\n\n        <p>\n          Dostawy dla klient\u00f3w w Europie\n          i na rynkach zagranicznych.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 TRUST BAR\n   ========================================================= *\/\n\n.mgw-trustbar {\n\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n\n  width: 100%;\n\n  margin: 0;\n\n  padding: 0;\n\n  background: var(--mg-white);\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n  font-family: 'Lato', sans-serif;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-trustbar__container {\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\/* =========================================================\n   ITEM\n   ========================================================= *\/\n\n.mgw-trustbar__item {\n\n  position: relative;\n\n  min-height: 166px;\n\n  margin: 0;\n\n  padding:\n    27px\n    28px\n    27px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  gap: 27px;\n\n  border-right:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\/* pierwszy element r\u00f3wna si\u0119 z kontenerem *\/\n\n.mgw-trustbar__item:first-child {\n\n  padding-left: 0;\n\n}\n\n\n\/* ostatni bez bordera *\/\n\n.mgw-trustbar__item:last-child {\n\n  padding-right: 0;\n\n  border-right: 0;\n\n}\n\n\n\/* =========================================================\n   HOVER ACCENT\n   ========================================================= *\/\n\n.mgw-trustbar__item::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 28px;\n  right: 28px;\n\n  bottom: -1px;\n\n  height: 2px;\n\n  background: var(--mg-blue);\n\n  transform:\n    scaleX(0);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform\n    .23s\n    ease;\n\n}\n\n\n.mgw-trustbar__item:first-child::after {\n\n  left: 0;\n\n}\n\n\n.mgw-trustbar__item:last-child::after {\n\n  right: 0;\n\n}\n\n\n.mgw-trustbar__item:hover::after {\n\n  transform:\n    scaleX(1);\n\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.mgw-trustbar__number {\n\n  display: block;\n\n  color: var(--mg-blue);\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .16em;\n\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.mgw-trustbar__item h3 {\n\n  margin:\n    0\n    0\n    9px;\n\n  color: var(--mg-navy);\n\n  font-family: 'Lato', sans-serif;\n\n  font-size: 19px;\n\n  line-height: 1.25;\n\n  font-weight: 900;\n\n  letter-spacing: -.015em;\n\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n.mgw-trustbar__item p {\n\n  max-width: 245px;\n\n  margin: 0;\n\n  color: var(--mg-muted);\n\n  font-family: 'Lato', sans-serif;\n\n  font-size: 14px;\n\n  line-height: 1.55;\n\n  font-weight: 400;\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .mgw-trustbar__container {\n\n    width:\n      calc(\n        100% - 48px\n      );\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n\n  .mgw-trustbar__item {\n\n    border-bottom:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-trustbar__item:nth-child(2) {\n\n    border-right: 0;\n\n  }\n\n\n  .mgw-trustbar__item:nth-child(3) {\n\n    padding-left: 0;\n\n    border-bottom: 0;\n\n  }\n\n\n  .mgw-trustbar__item:nth-child(4) {\n\n    border-right: 0;\n\n    border-bottom: 0;\n\n  }\n\n\n  .mgw-trustbar__item:nth-child(3)::after {\n\n    left: 0;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-trustbar__container {\n\n    width:\n      calc(\n        100% - 36px\n      );\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .mgw-trustbar__item {\n\n    min-height: auto;\n\n    display: grid;\n\n    grid-template-columns:\n      30px\n      minmax(0,1fr);\n\n    align-items: start;\n\n    gap: 18px;\n\n    padding:\n      23px\n      0;\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-trustbar__item:first-child {\n\n    padding-left: 0;\n\n  }\n\n\n  .mgw-trustbar__item:nth-child(3) {\n\n    padding-left: 0;\n\n    border-bottom:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-trustbar__item:last-child {\n\n    padding-right: 0;\n\n    border-bottom: 0;\n\n  }\n\n\n  .mgw-trustbar__number {\n\n    padding-top: 5px;\n\n  }\n\n\n  .mgw-trustbar__item h3 {\n\n    font-size: 18px;\n\n  }\n\n\n  .mgw-trustbar__item p {\n\n    max-width: 450px;\n\n    font-size: 14px;\n\n  }\n\n\n  .mgw-trustbar__item::after {\n\n    display: none;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4d7077 e-con-full e-flex e-con e-parent\" data-id=\"d4d7077\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f75d4 elementor-widget elementor-widget-html\" data-id=\"e6f75d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-offer\">\n  <div class=\"mgw-offer__container\">\n\n    <!-- NAG\u0141\u00d3WEK -->\n    <div class=\"mgw-offer__head\">\n      <div class=\"mgw-offer__heading\">\n        <div class=\"mgw-offer__eyebrow\">\n          <span><\/span>\n          OFERTA\n        <\/div>\n\n        <h2>\n          Kable dla przemys\u0142u<br>\n          i zastosowa\u0144 specjalnych\n        <\/h2>\n\n        <p>\n          Oferta MG Wires obejmuje dziewi\u0119\u0107 g\u0142\u00f3wnych grup kabli,\n          wyroby z miedzi oraz rozwi\u0105zania projektowane wed\u0142ug\n          indywidualnej specyfikacji klienta.\n        <\/p>\n      <\/div>\n\n      <a class=\"mgw-offer__all\" href=\"\/oferta\/\">\n        <span>Zobacz pe\u0142ny katalog<\/span>\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n          <path d=\"M4 10h11\"><\/path>\n          <path d=\"M11 6l4 4-4 4\"><\/path>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- G\u0141\u00d3WNE KATEGORIE -->\n    <div class=\"mgw-categories\">\n\n      <!-- 01 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-wysokotemperaturowe\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablewysokotemperaturowe.png\"\n            alt=\"Kable wysokotemperaturowe\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">01<\/span>\n            <span class=\"mgw-cat__group\">PRZEMYS\u0141OWE I SPECJALISTYCZNE<\/span>\n          <\/div>\n\n          <h3>Kable wysokotemperaturowe<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 02 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-kompensacyjne-i-termoelektryczne\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/10\/Pleciony-kabel-kompensacyjny-na-niebieskim-tle.png\"\n            alt=\"Kable kompensacyjne i termoelektryczne\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">02<\/span>\n            <span class=\"mgw-cat__group\">PRZEMYS\u0141OWE I SPECJALISTYCZNE<\/span>\n          <\/div>\n\n          <h3>Kable kompensacyjne i termoelektryczne<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 03 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-do-zastosowan-militarnych-lub-kable-militarne-oraz-lotnicze\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablenowosci.png\"\n            alt=\"Kable militarne i lotnicze\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">03<\/span>\n            <span class=\"mgw-cat__group\">PRZEMYS\u0141OWE I SPECJALISTYCZNE<\/span>\n          <\/div>\n\n          <h3>Kable militarne i lotnicze<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 04 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-fotowoltaiczne\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablepv.png\"\n            alt=\"Kable fotowoltaiczne\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">04<\/span>\n            <span class=\"mgw-cat__group\">PRZEMYS\u0141OWE I SPECJALISTYCZNE<\/span>\n          <\/div>\n\n          <h3>Kable fotowoltaiczne<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 05 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-automotive\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/10\/Bialy-kabel-miedziany-na-tle-samochodu.png\"\n            alt=\"Kable automotive\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">05<\/span>\n            <span class=\"mgw-cat__group\">PRZEMYS\u0141OWE I SPECJALISTYCZNE<\/span>\n          <\/div>\n\n          <h3>Kable automotive<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 06 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-do-taboru-kolejowego\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kabledotaboru.png\"\n            alt=\"Kable do taboru kolejowego\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">06<\/span>\n            <span class=\"mgw-cat__group\">PRZEMYS\u0141OWE I SPECJALISTYCZNE<\/span>\n          <\/div>\n\n          <h3>Kable do taboru kolejowego<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 07 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-sterownicze-i-sygnalizacyjne\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablesterownicze.png\"\n            alt=\"Kable sterownicze i sygnalizacyjne\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">07<\/span>\n            <span class=\"mgw-cat__group\">INFRASTRUKTURALNE I SYGNALIZACYJNE<\/span>\n          <\/div>\n\n          <h3>Kable sterownicze i sygnalizacyjne<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 08 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-elektroenergetyczne\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablejednozylowe.png\"\n            alt=\"Kable elektroenergetyczne do 0,6\/1 kV\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">08<\/span>\n            <span class=\"mgw-cat__group\">INFRASTRUKTURALNE I SYGNALIZACYJNE<\/span>\n          <\/div>\n\n          <h3>Kable elektroenergetyczne do 0,6\/1 kV<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 09 -->\n      <a\n        class=\"mgw-cat\"\n        href=\"\/oferta\/kable-bezhalogenowe-i-przeciwpozarowe\/\"\n      >\n        <div class=\"mgw-cat__image\">\n          <img decoding=\"async\"\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablebezhalogenowe.png\"\n            alt=\"Kable bezhalogenowe i przeciwpo\u017carowe\"\n            loading=\"lazy\"\n          >\n        <\/div>\n\n        <div class=\"mgw-cat__body\">\n          <div class=\"mgw-cat__meta\">\n            <span class=\"mgw-cat__number\">09<\/span>\n            <span class=\"mgw-cat__group\">INFRASTRUKTURALNE I SYGNALIZACYJNE<\/span>\n          <\/div>\n\n          <h3>Kable bezhalogenowe i przeciwpo\u017carowe<\/h3>\n\n          <span class=\"mgw-cat__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <!-- OBSZARY SPECJALNE -->\n    <div class=\"mgw-specials\">\n\n      <!-- 10 -->\n      <a href=\"\/oferta\/wyroby-z-miedzi\/\" class=\"mgw-special\">\n        <img decoding=\"async\"\n          src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/drutypasemka.png\"\n          alt=\"Wyroby z miedzi\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"mgw-special__overlay\"><\/div>\n\n        <div class=\"mgw-special__content\">\n          <span class=\"mgw-special__meta\">\n            10 \/ WYROBY Z MIEDZI\n          <\/span>\n\n          <h3>Wyroby z miedzi<\/h3>\n\n          <p>\n            Druty, pasemka, skr\u0119tki i p\u00f3\u0142produkty z miedzi go\u0142ej\n            oraz cynowanej do zastosowa\u0144 przemys\u0142owych.\n          <\/p>\n\n          <span class=\"mgw-special__link\">\n            Zobacz produkty\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- 11 -->\n      <a\n        href=\"\/oferta\/kable-wg-specyfikacji-klienta\/\"\n        class=\"mgw-special\"\n      >\n        <img decoding=\"async\"\n          src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kablepozostale.png\"\n          alt=\"Rozwi\u0105zania OEM i Custom Design\"\n          loading=\"lazy\"\n        >\n\n        <div class=\"mgw-special__overlay\"><\/div>\n\n        <div class=\"mgw-special__content\">\n          <span class=\"mgw-special__meta\">\n            11 \/ OEM \/ CUSTOM DESIGN\n          <\/span>\n\n          <h3>Rozwi\u0105zania OEM \/ Custom Design<\/h3>\n\n          <p>\n            Kable projektowane i wykonywane wed\u0142ug indywidualnych\n            wymaga\u0144 technicznych, materia\u0142owych i aplikacyjnych.\n          <\/p>\n\n          <span class=\"mgw-special__link\">\n            Zobacz rozwi\u0105zania\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <!-- DOLNE CTA -->\n    <div class=\"mgw-offer__bottom\">\n      <p>\n        Nie znajdujesz kabla o odpowiednich parametrach?\n        <strong>\n          <br> Mo\u017cemy przygotowa\u0107 rozwi\u0105zanie wed\u0142ug indywidualnej specyfikacji.\n        <\/strong>\n      <\/p>\n\n      <a href=\"\/kontakt\/\">\n        Zapytaj o rozwi\u0105zanie\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n          <path d=\"M4 10h11\"><\/path>\n          <path d=\"M11 6l4 4-4 4\"><\/path>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* MG WIRES \u2014 OFFER *\/\n\n.mgw-offer {\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n  --mg-black: #22262D;\n  --mg-bg: #F5F7F9;\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  width: 100%;\n  padding: 112px 0 108px;\n  background: var(--mg-bg);\n  font-family: 'Lato', sans-serif;\n}\n\n\/* CONTAINER *\/\n\n.mgw-offer__container {\n  width: min(1280px, calc(100% - 64px));\n  margin: 0 auto;\n}\n\n\/* HEADING *\/\n\n.mgw-offer__head {\n  display: grid;\n  grid-template-columns: minmax(0, 780px) auto;\n  align-items: end;\n  justify-content: space-between;\n  gap: 60px;\n  margin-bottom: 53px;\n}\n\n.mgw-offer__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 22px;\n  color: var(--mg-blue);\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .18em;\n}\n\n.mgw-offer__eyebrow span {\n  width: 36px;\n  height: 1px;\n  display: block;\n  background: var(--mg-blue);\n}\n\n.mgw-offer__heading h2 {\n  max-width: 760px;\n  margin: 0;\n  color: var(--mg-navy);\n  font-family: 'Lato', sans-serif;\n  font-size: clamp(43px, 3.7vw, 57px);\n  line-height: 1.04;\n  font-weight: 900;\n  letter-spacing: -.034em;\n}\n\n.mgw-offer__heading p {\n  max-width: 650px;\n  margin: 25px 0 0;\n  color: var(--mg-muted);\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n\/* FULL CATALOG LINK *\/\n\n.mgw-offer__all {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n  padding-bottom: 7px;\n  border-bottom: 1px solid var(--mg-blue);\n  color: var(--mg-navy);\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .065em;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition: color .2s ease, border-color .2s ease;\n}\n\n.mgw-offer__all svg {\n  width: 16px;\n  height: 16px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-offer__all:hover {\n  color: var(--mg-blue);\n}\n\n.mgw-offer__all:hover svg {\n  transform: translateX(3px);\n}\n\n\/* MAIN GRID *\/\n\n.mgw-categories {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1px;\n  background: var(--mg-border);\n  border: 1px solid var(--mg-border);\n}\n\n\/* CATEGORY *\/\n\n.mgw-cat {\n  position: relative;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--mg-white);\n  color: var(--mg-navy);\n  text-decoration: none !important;\n  overflow: hidden;\n}\n\n\/* CATEGORY IMAGE *\/\n\n.mgw-cat__image {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 3 \/ 2;\n  overflow: hidden;\n  background: var(--mg-navy);\n}\n\n.mgw-cat__image::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(2,22,59,0);\n  transition: background-color .25s ease;\n}\n\n.mgw-cat__image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.001);\n  transition: transform .45s cubic-bezier(.2,.6,.2,1);\n}\n\n.mgw-cat:hover .mgw-cat__image img {\n  transform: scale(1.025);\n}\n\n.mgw-cat:hover .mgw-cat__image::after {\n  background: rgba(2,22,59,.07);\n}\n\n\/* CATEGORY BODY *\/\n\n.mgw-cat__body {\n  position: relative;\n  min-height: 177px;\n  display: flex;\n  flex-direction: column;\n  padding: 24px 27px 25px;\n  background: var(--mg-white);\n  transition: background-color .23s ease;\n}\n\n.mgw-cat__body::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 0;\n  height: 2px;\n  background: var(--mg-blue);\n  transition: width .3s ease;\n}\n\n.mgw-cat:hover .mgw-cat__body {\n  background: var(--mg-navy);\n}\n\n.mgw-cat:hover .mgw-cat__body::before {\n  width: 100%;\n}\n\n\/* NUMBER *\/\n\n.mgw-cat__number {\n  display: block;\n  margin-bottom: 27px;\n  color: var(--mg-blue);\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .17em;\n}\n\n\/* CATEGORY TITLE *\/\n\n.mgw-cat h3 {\n  max-width: 320px;\n  margin: 0 0 24px;\n  color: var(--mg-navy);\n  font-family: 'Lato', sans-serif;\n  font-size: 21px;\n  line-height: 1.22;\n  font-weight: 900;\n  letter-spacing: -.018em;\n  transition: color .23s ease;\n}\n\n.mgw-cat:hover h3 {\n  color: var(--mg-white);\n}\n\n\/* CATEGORY LINK *\/\n\n.mgw-cat__link {\n  margin-top: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  color: var(--mg-muted);\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  transition: color .23s ease;\n}\n\n.mgw-cat__link svg {\n  width: 15px;\n  height: 15px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-cat:hover .mgw-cat__link {\n  color: rgba(254,254,254,.80);\n}\n\n.mgw-cat:hover .mgw-cat__link svg {\n  transform: translateX(3px);\n}\n\n\/* SPECIAL CARDS *\/\n\n.mgw-specials {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1px;\n  margin-top: 1px;\n  background: var(--mg-border);\n  border-left: 1px solid var(--mg-border);\n  border-right: 1px solid var(--mg-border);\n  border-bottom: 1px solid var(--mg-border);\n}\n\n\/* SPECIAL CARD *\/\n\n.mgw-special {\n  position: relative;\n  min-height: 350px;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-end;\n  color: var(--mg-white);\n  text-decoration: none !important;\n  isolation: isolate;\n  background: var(--mg-navy);\n}\n\n.mgw-special img {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transform: scale(1.001);\n  transition: transform .5s cubic-bezier(.2,.6,.2,1);\n}\n\n.mgw-special:hover img {\n  transform: scale(1.025);\n}\n\n\/* STRONGER SPECIAL OVERLAY *\/\n\n.mgw-special__overlay {\n  position: absolute;\n  z-index: 2;\n  inset: 0;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(2,22,59,.15) 0%,\n      rgba(2,22,59,.25) 28%,\n      rgba(2,22,59,.58) 55%,\n      rgba(2,22,59,.91) 78%,\n      #02163B 100%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(2,22,59,.58) 0%,\n      rgba(2,22,59,.22) 60%,\n      rgba(2,22,59,.12) 100%\n    );\n  transition: background .25s ease;\n}\n\n.mgw-special:hover .mgw-special__overlay {\n  background:\n    linear-gradient(\n      180deg,\n      rgba(2,22,59,.22) 0%,\n      rgba(2,22,59,.34) 30%,\n      rgba(2,22,59,.68) 57%,\n      rgba(2,22,59,.95) 80%,\n      #02163B 100%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(2,22,59,.67) 0%,\n      rgba(2,22,59,.30) 60%,\n      rgba(2,22,59,.17) 100%\n    );\n}\n\n\/* SPECIAL CONTENT *\/\n\n.mgw-special__content {\n  position: relative;\n  z-index: 4;\n  width: 100%;\n  padding: 38px 36px;\n  text-shadow: 0 2px 12px rgba(0,0,0,.20);\n}\n\n.mgw-special__meta {\n  display: block;\n  margin-bottom: 13px;\n  color: #B9CBD8;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .17em;\n  text-shadow: none;\n}\n\n.mgw-special h3 {\n  margin: 0 0 12px;\n  color: var(--mg-white);\n  font-family: 'Lato', sans-serif;\n  font-size: 32px;\n  line-height: 1.08;\n  font-weight: 900;\n  letter-spacing: -.026em;\n}\n\n.mgw-special p {\n  max-width: 410px;\n  margin: 0 0 26px;\n  color: rgba(254,254,254,.88);\n  font-size: 14px;\n  line-height: 1.58;\n}\n\n.mgw-special__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--mg-white);\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n}\n\n.mgw-special__link svg {\n  width: 15px;\n  height: 15px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-special:hover .mgw-special__link svg {\n  transform: translateX(4px);\n}\n\n\/* BOTTOM CTA *\/\n\n.mgw-offer__bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 40px;\n  margin-top: 39px;\n  padding-top: 31px;\n  border-top: 1px solid var(--mg-border);\n}\n\n.mgw-offer__bottom p {\n  max-width: 800px;\n  margin: 0;\n  color: var(--mg-muted);\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.mgw-offer__bottom p strong {\n  color: var(--mg-navy);\n  font-weight: 700;\n}\n\n.mgw-offer__bottom a {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--mg-navy);\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .065em;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  transition: color .2s ease;\n}\n\n.mgw-offer__bottom a svg {\n  width: 16px;\n  height: 16px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-offer__bottom a:hover {\n  color: var(--mg-blue);\n}\n\n.mgw-offer__bottom a:hover svg {\n  transform: translateX(3px);\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1024px) {\n  .mgw-offer {\n    padding: 94px 0 92px;\n  }\n\n  .mgw-offer__container {\n    width: calc(100% - 48px);\n  }\n\n  .mgw-offer__head {\n    gap: 35px;\n  }\n\n  .mgw-categories {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .mgw-cat__body {\n    min-height: 165px;\n  }\n\n  .mgw-cat h3 {\n    font-size: 20px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  .mgw-offer {\n    padding: 72px 0 70px;\n  }\n\n  .mgw-offer__container {\n    width: calc(100% - 36px);\n  }\n\n  \/* HEADER *\/\n\n  .mgw-offer__head {\n    display: block;\n    margin-bottom: 36px;\n  }\n\n  .mgw-offer__heading h2 {\n    font-size: 37px;\n    line-height: 1.06;\n  }\n\n  .mgw-offer__heading h2 br {\n    display: none;\n  }\n\n  .mgw-offer__heading p {\n    margin-top: 20px;\n    font-size: 15px;\n  }\n\n  .mgw-offer__all {\n    margin-top: 25px;\n  }\n\n  \/* MOBILE CATEGORIES *\/\n\n  .mgw-categories {\n    grid-template-columns: 1fr;\n  }\n\n  .mgw-cat__image {\n    aspect-ratio: 3 \/ 2;\n  }\n\n  .mgw-cat__image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .mgw-cat__body {\n    min-height: 151px;\n    padding: 21px 21px 22px;\n  }\n\n  .mgw-cat__number {\n    margin-bottom: 20px;\n  }\n\n  .mgw-cat h3 {\n    max-width: 100%;\n    margin-bottom: 20px;\n    font-size: 19px;\n    line-height: 1.2;\n  }\n\n  .mgw-cat__link {\n    font-size: 10px;\n  }\n\n  \/* SPECIALS MOBILE *\/\n\n  .mgw-specials {\n    grid-template-columns: 1fr;\n  }\n\n  .mgw-special {\n    min-height: 320px;\n  }\n\n  .mgw-special__overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(2,22,59,.20) 0%,\n        rgba(2,22,59,.32) 30%,\n        rgba(2,22,59,.70) 58%,\n        rgba(2,22,59,.96) 81%,\n        #02163B 100%\n      );\n  }\n\n  .mgw-special__content {\n    padding: 29px 24px;\n  }\n\n  .mgw-special h3 {\n    font-size: 29px;\n  }\n\n  .mgw-special p {\n    max-width: 330px;\n    color: rgba(254,254,254,.90);\n  }\n\n  \/* BOTTOM CTA *\/\n\n  .mgw-offer__bottom {\n    display: block;\n    margin-top: 31px;\n    padding-top: 27px;\n  }\n\n  .mgw-offer__bottom a {\n    margin-top: 20px;\n  }\n}\n\n\/* SMALL MOBILE *\/\n\n@media (max-width: 420px) {\n  .mgw-offer__container {\n    width: calc(100% - 30px);\n  }\n\n  .mgw-offer__heading h2 {\n    font-size: 34px;\n  }\n\n  .mgw-cat__image {\n    aspect-ratio: 3 \/ 2;\n  }\n\n  .mgw-cat__body {\n    min-height: 145px;\n    padding: 19px 19px 21px;\n  }\n\n  .mgw-cat h3 {\n    font-size: 18px;\n  }\n\n  .mgw-special {\n    min-height: 300px;\n  }\n\n  .mgw-special__content {\n    padding: 26px 21px;\n  }\n}\n\n\/* VERY SMALL MOBILE *\/\n\n@media (max-width: 360px) {\n  .mgw-offer__heading h2 {\n    font-size: 32px;\n  }\n\n  .mgw-cat h3 {\n    font-size: 17px;\n  }\n\n  .mgw-special h3 {\n    font-size: 27px;\n  }\n}\n\n\/* CURRENT CATALOG STRUCTURE \u2014 META LABELS *\/\n\n.mgw-cat__meta {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 27px;\n}\n\n.mgw-cat__meta .mgw-cat__number {\n  margin-bottom: 0;\n  flex: 0 0 auto;\n}\n\n.mgw-cat__group {\n  max-width: 220px;\n  display: block;\n  color: #8A98A4;\n  font-size: 7.5px;\n  line-height: 1.35;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-align: right;\n  text-transform: uppercase;\n  transition: color .23s ease;\n}\n\n.mgw-cat:hover .mgw-cat__group {\n  color: rgba(254,254,254,.52);\n}\n\n@media (max-width: 767px) {\n  .mgw-cat__meta {\n    margin-bottom: 20px;\n  }\n\n  .mgw-cat__group {\n    max-width: 190px;\n    font-size: 7px;\n  }\n}\n\n@media (max-width: 420px) {\n  .mgw-cat__group {\n    max-width: 165px;\n    font-size: 6.8px;\n    letter-spacing: .10em;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94e4244 e-con-full e-flex e-con e-parent\" data-id=\"94e4244\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-570fbae elementor-widget elementor-widget-html\" data-id=\"570fbae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-production\">\n\n  <div class=\"mgw-production__container\">\n\n\n    <!-- =====================================================\n         LEWA STRONA \u2014 REALNE UJ\u0118CIA PRODUKCJI\n         ===================================================== -->\n\n    <div class=\"mgw-production__media\">\n\n      <div class=\"mgw-production__slider\">\n\n        <div class=\"mgw-production__slides\">\n\n          <figure\n            class=\"mgw-production__slide is-active\"\n            data-slide=\"0\"\n          >\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/onas1.png\"\n              alt=\"Zaplecze produkcyjne MG Wires\"\n              loading=\"lazy\"\n            >\n          <\/figure>\n\n\n          <figure\n            class=\"mgw-production__slide\"\n            data-slide=\"1\"\n          >\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/onas2.png\"\n              alt=\"Proces produkcji kabli MG Wires\"\n              loading=\"lazy\"\n            >\n          <\/figure>\n\n\n          <figure\n            class=\"mgw-production__slide\"\n            data-slide=\"2\"\n          >\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/10\/Pracownik-przy-sterowaniu-maszyna-przemyslowa.png\"\n              alt=\"Operator przy sterowaniu maszyn\u0105 przemys\u0142ow\u0105 MG Wires\"\n              loading=\"lazy\"\n            >\n          <\/figure>\n\n        <\/div>\n\n\n        <!-- SUBTELNY BRANDOWY OVERLAY -->\n        <div class=\"mgw-production__image-overlay\"><\/div>\n\n\n        <!-- LEWY DOLNY PODPIS -->\n        <div class=\"mgw-production__caption\">\n\n          <span class=\"mgw-production__caption-label\">\n            MG WIRES\n          <\/span>\n\n          <strong>\n            W\u0142asne zaplecze produkcyjne\n          <\/strong>\n\n        <\/div>\n\n\n        <!-- NAWIGACJA -->\n        <div class=\"mgw-production__controls\">\n\n          <div class=\"mgw-production__counter\">\n            <span class=\"mgw-production__current\">01<\/span>\n            <span class=\"mgw-production__divider\">\/<\/span>\n            <span>03<\/span>\n          <\/div>\n\n\n          <div\n            class=\"mgw-production__progress\"\n            aria-hidden=\"true\"\n          >\n            <span><\/span>\n          <\/div>\n\n\n          <div class=\"mgw-production__dots\">\n\n            <button\n              type=\"button\"\n              class=\"mgw-production__dot is-active\"\n              data-go=\"0\"\n              aria-label=\"Poka\u017c zdj\u0119cie 1\"\n            ><\/button>\n\n            <button\n              type=\"button\"\n              class=\"mgw-production__dot\"\n              data-go=\"1\"\n              aria-label=\"Poka\u017c zdj\u0119cie 2\"\n            ><\/button>\n\n            <button\n              type=\"button\"\n              class=\"mgw-production__dot\"\n              data-go=\"2\"\n              aria-label=\"Poka\u017c zdj\u0119cie 3\"\n            ><\/button>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         PRAWA STRONA \u2014 TRE\u015a\u0106\n         ===================================================== -->\n\n    <div class=\"mgw-production__content\">\n\n\n      <div class=\"mgw-production__eyebrow\">\n        <span><\/span>\n        W\u0141ASNA PRODUKCJA\n      <\/div>\n\n\n      <h2>\n        Od parametr\u00f3w technicznych do gotowego kabla\n        pod pe\u0142n\u0105 kontrol\u0105\n      <\/h2>\n\n\n      <div class=\"mgw-production__copy\">\n\n        <p>\n          Jako producent mamy wp\u0142yw na ca\u0142y proces powstawania naszych kabli.\n          Dysponujemy w\u0142asnym parkiem maszynowym oraz zautomatyzowanymi\n          urz\u0105dzeniami, kt\u00f3re pozwalaj\u0105 zachowa\u0107 wysok\u0105 powtarzalno\u015b\u0107\n          produkcji r\u00f3wnie\u017c przy wi\u0119kszych zam\u00f3wieniach.\n        <\/p>\n\n        <p>\n          Realizujemy zar\u00f3wno standardowe serie produktowe, jak i kable\n          przygotowywane wed\u0142ug indywidualnych wymaga\u0144 technicznych odbiorcy.\n          Dzi\u0119ki temu mo\u017cemy odpowiada\u0107 r\u00f3wnie\u017c na potrzeby nietypowych\n          i wymagaj\u0105cych zastosowa\u0144 przemys\u0142owych.\n        <\/p>\n\n      <\/div>\n\n\n\n      <!-- =================================================\n           KLUCZOWE ATUTY\n           ================================================= -->\n\n      <div class=\"mgw-production__features\">\n\n        <div class=\"mgw-production__feature\">\n\n          <span>01<\/span>\n\n          <strong>\n            W\u0142asny park<br>\n            maszynowy\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"mgw-production__feature\">\n\n          <span>02<\/span>\n\n          <strong>\n            Powtarzalno\u015b\u0107<br>\n            produkcji\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"mgw-production__feature\">\n\n          <span>03<\/span>\n\n          <strong>\n            Produkcja wed\u0142ug<br>\n            specyfikacji klienta\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- =================================================\n           HAS\u0141O MARKI\n           ================================================= -->\n\n      <div class=\"mgw-production__brand\">\n\n        <div class=\"mgw-production__brand-mark\">\n          <span><\/span>\n        <\/div>\n\n        <div class=\"mgw-production__brand-content\">\n\n          <span class=\"mgw-production__brand-label\">\n         \n          <\/span>\n\n          <strong>\n            \u0141\u0104CZYMY NAJLEPSZE\u2026\n          <\/strong>\n\n          <p>\n            Do\u015bwiadczenie, technologi\u0119 i elastyczno\u015b\u0107 produkcji,\n            aby dostarcza\u0107 rozwi\u0105zania dopasowane do konkretnych zastosowa\u0144.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"mgw-production__actions\">\n\n        <a\n          href=\"\/o-firmie\/\"\n          class=\"mgw-production__button\"\n        >\n\n          Poznaj MG Wires\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 PRODUCTION \/ ABOUT\n   ========================================================= *\/\n\n.mgw-production {\n\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n  --mg-black: #22262D;\n  --mg-bg: #F5F7F9;\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n\n  width: 100%;\n\n  padding: 118px 0;\n\n  background: var(--mg-white);\n\n  font-family: 'Lato', sans-serif;\n\n  overflow: hidden;\n\n}\n\n\n.mgw-production *,\n.mgw-production *::before,\n.mgw-production *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-production__container {\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.03fr)\n    minmax(0, .97fr);\n\n  gap: 78px;\n\n  align-items: center;\n\n}\n\n\n\/* =========================================================\n   MEDIA\n   ========================================================= *\/\n\n.mgw-production__media {\n  min-width: 0;\n}\n\n\n.mgw-production__slider {\n\n  position: relative;\n\n  width: 100%;\n\n  min-height: 620px;\n\n  overflow: hidden;\n\n  background: var(--mg-navy);\n\n  border:\n    1px solid\n    var(--mg-border);\n\n  isolation: isolate;\n\n}\n\n\n\/* =========================================================\n   SLIDES\n   ========================================================= *\/\n\n.mgw-production__slides {\n\n  position: absolute;\n\n  inset: 0;\n\n}\n\n\n.mgw-production__slide {\n\n  position: absolute;\n\n  inset: 0;\n\n  margin: 0;\n\n  opacity: 0;\n\n  transform: scale(1.015);\n\n  transition:\n    opacity 1s ease,\n    transform 5.5s cubic-bezier(.2,.6,.2,1);\n\n  pointer-events: none;\n\n}\n\n\n.mgw-production__slide.is-active {\n\n  opacity: 1;\n\n  transform: scale(1);\n\n  z-index: 2;\n\n}\n\n\n.mgw-production__slide img {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  filter:\n    saturate(.88)\n    contrast(1.025);\n\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n   ========================================================= *\/\n\n.mgw-production__image-overlay {\n\n  position: absolute;\n\n  z-index: 3;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n\n    linear-gradient(\n      180deg,\n      rgba(2,22,59,.02) 30%,\n      rgba(2,22,59,.18) 62%,\n      rgba(2,22,59,.84) 100%\n    );\n\n}\n\n\n\/* =========================================================\n   IMAGE CAPTION\n   ========================================================= *\/\n\n.mgw-production__caption {\n\n  position: absolute;\n\n  z-index: 5;\n\n  left: 32px;\n\n  bottom: 78px;\n\n}\n\n\n.mgw-production__caption-label {\n\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: #A9BDCD;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .18em;\n\n}\n\n\n.mgw-production__caption strong {\n\n  display: block;\n\n  color: var(--mg-white);\n\n  font-size: 18px;\n\n  line-height: 1.3;\n\n  font-weight: 900;\n\n}\n\n\n\/* =========================================================\n   SLIDER CONTROLS\n   ========================================================= *\/\n\n.mgw-production__controls {\n\n  position: absolute;\n\n  z-index: 6;\n\n  left: 32px;\n  right: 32px;\n\n  bottom: 27px;\n\n  display: grid;\n\n  grid-template-columns:\n    auto\n    minmax(50px, 1fr)\n    auto;\n\n  align-items: center;\n\n  gap: 17px;\n\n}\n\n\n\/* counter *\/\n\n.mgw-production__counter {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 5px;\n\n  color:\n    rgba(254,254,254,.58);\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .12em;\n\n}\n\n\n.mgw-production__current {\n  color: var(--mg-white);\n}\n\n\n.mgw-production__divider {\n  opacity: .45;\n}\n\n\n\/* =========================================================\n   PROGRESS\n   ========================================================= *\/\n\n.mgw-production__progress {\n\n  position: relative;\n\n  height: 1px;\n\n  overflow: hidden;\n\n  background:\n    rgba(254,254,254,.23);\n\n}\n\n\n.mgw-production__progress span {\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 100%;\n  height: 100%;\n\n  background:\n    var(--mg-blue);\n\n  transform:\n    scaleX(0);\n\n  transform-origin:\n    left center;\n\n}\n\n\n.mgw-production__progress span.is-running {\n\n  animation:\n    mgwProductionProgress\n    5s\n    linear\n    forwards;\n\n}\n\n\n@keyframes mgwProductionProgress {\n\n  from {\n    transform: scaleX(0);\n  }\n\n  to {\n    transform: scaleX(1);\n  }\n\n}\n\n\n\/* =========================================================\n   DOTS\n   ========================================================= *\/\n\n.mgw-production__dots {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n}\n\n\n.mgw-production__dot {\n\n  width: 6px;\n  height: 6px;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n  border-radius: 0;\n\n  background:\n    rgba(254,254,254,.35);\n\n  cursor: pointer;\n\n  transition:\n    width .2s ease,\n    background-color .2s ease;\n\n}\n\n\n.mgw-production__dot:hover {\n  background: rgba(254,254,254,.70);\n}\n\n\n.mgw-production__dot.is-active {\n\n  width: 18px;\n\n  background: var(--mg-white);\n\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.mgw-production__content {\n\n  position: relative;\n\n  min-width: 0;\n\n}\n\n\n\/* bardzo subtelna linia brandowa *\/\n\n.mgw-production__content::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  right: -250px;\n  bottom: -220px;\n\n  border:\n    1px solid\n    rgba(104,134,159,.10);\n\n  transform:\n    rotate(45deg);\n\n  pointer-events: none;\n\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.mgw-production__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 23px;\n\n  color:\n    var(--mg-blue);\n\n  font-size: 11px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .18em;\n\n}\n\n\n.mgw-production__eyebrow span {\n\n  display: block;\n\n  width: 36px;\n  height: 1px;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.mgw-production__content h2 {\n\n  max-width: 590px;\n\n  margin: 0;\n\n  color:\n    var(--mg-navy);\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n  font-size:\n    clamp(\n      43px,\n      3.6vw,\n      55px\n    );\n\n  line-height: 1.055;\n\n  font-weight: 900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n\/* =========================================================\n   COPY\n   ========================================================= *\/\n\n.mgw-production__copy {\n\n  max-width: 590px;\n\n  margin-top: 29px;\n\n}\n\n\n.mgw-production__copy p {\n\n  margin: 0;\n\n  color:\n    var(--mg-muted);\n\n  font-size: 16px;\n\n  line-height: 1.72;\n\n  font-weight: 400;\n\n}\n\n\n.mgw-production__copy p + p {\n  margin-top: 16px;\n}\n\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n.mgw-production__features {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0,1fr)\n    );\n\n  margin-top: 42px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-production__feature {\n\n  min-height: 130px;\n\n  padding:\n    24px\n    18px\n    23px;\n\n  border-right:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-production__feature:first-child {\n  padding-left: 0;\n}\n\n\n.mgw-production__feature:last-child {\n\n  padding-right: 0;\n\n  border-right: 0;\n\n}\n\n\n.mgw-production__feature span {\n\n  display: block;\n\n  margin-bottom: 21px;\n\n  color:\n    var(--mg-blue);\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .16em;\n\n}\n\n\n.mgw-production__feature strong {\n\n  display: block;\n\n  color:\n    var(--mg-navy);\n\n  font-size: 14px;\n\n  line-height: 1.45;\n\n  font-weight: 700;\n\n}\n\n\n\/* =========================================================\n   BRAND CLAIM\n   ========================================================= *\/\n\n.mgw-production__brand {\n\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    4px\n    minmax(0,1fr);\n\n  gap: 21px;\n\n  margin-top: 35px;\n\n  padding:\n    26px\n    28px;\n\n  background:\n    #F6F8FA;\n\n  border:\n    1px solid\n    var(--mg-border);\n\n  border-radius: 2px;\n\n}\n\n\n.mgw-production__brand-mark {\n\n  position: relative;\n\n  width: 4px;\n\n  min-height: 100%;\n\n  background:\n    rgba(104,134,159,.20);\n\n}\n\n\n.mgw-production__brand-mark span {\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 100%;\n  height: 38px;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n.mgw-production__brand-content {\n\n  min-width: 0;\n\n}\n\n\n.mgw-production__brand-label {\n\n  display: block;\n\n  margin-bottom: 8px;\n\n  color:\n    var(--mg-blue);\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .16em;\n\n}\n\n\n.mgw-production__brand-content strong {\n\n  display: block;\n\n  margin: 0;\n\n  color:\n    var(--mg-navy);\n\n  font-size: 22px;\n\n  line-height: 1.15;\n\n  font-weight: 900;\n\n  letter-spacing:\n    -.015em;\n\n}\n\n\n.mgw-production__brand-content p {\n\n  max-width: 500px;\n\n  margin:\n    9px 0 0;\n\n  color:\n    var(--mg-muted);\n\n  font-size: 13px;\n\n  line-height: 1.55;\n\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.mgw-production__actions {\n\n  margin-top: 34px;\n\n}\n\n\n.mgw-production__button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 12px;\n\n  min-height: 52px;\n\n  padding:\n    0 23px;\n\n  background:\n    var(--mg-navy);\n\n  border:\n    1px solid\n    var(--mg-navy);\n\n  border-radius: 2px;\n\n  color:\n    var(--mg-white);\n\n  font-size: 12px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .075em;\n\n  text-transform: uppercase;\n\n  text-decoration: none !important;\n\n  transition:\n    background-color .2s ease,\n    border-color .2s ease;\n\n}\n\n\n.mgw-production__button svg {\n\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n.mgw-production__button:hover {\n\n  color:\n    var(--mg-white);\n\n  background:\n    var(--mg-blue);\n\n  border-color:\n    var(--mg-blue);\n\n}\n\n\n.mgw-production__button:hover svg {\n  transform: translateX(3px);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-production {\n    padding:\n      96px 0;\n  }\n\n\n  .mgw-production__container {\n\n    width:\n      calc(100% - 48px);\n\n    gap: 48px;\n\n    grid-template-columns:\n      minmax(0, .96fr)\n      minmax(0, 1.04fr);\n\n  }\n\n\n  .mgw-production__slider {\n    min-height: 570px;\n  }\n\n\n  .mgw-production__content h2 {\n\n    font-size:\n      clamp(\n        38px,\n        4vw,\n        48px\n      );\n\n  }\n\n\n  .mgw-production__features {\n    grid-template-columns: 1fr;\n  }\n\n\n  .mgw-production__feature {\n\n    min-height: auto;\n\n    display: grid;\n\n    grid-template-columns:\n      30px\n      1fr;\n\n    gap: 15px;\n\n    padding:\n      17px 0;\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-production__feature:last-child {\n    border-bottom: 0;\n  }\n\n\n  .mgw-production__feature span {\n    margin: 4px 0 0;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-production__container {\n\n    grid-template-columns: 1fr;\n\n    gap: 57px;\n\n  }\n\n\n  .mgw-production__slider {\n    min-height: 520px;\n  }\n\n\n  .mgw-production__content {\n    max-width: 720px;\n  }\n\n\n  .mgw-production__features {\n\n    grid-template-columns:\n      repeat(\n        3,\n        minmax(0,1fr)\n      );\n\n  }\n\n\n  .mgw-production__feature {\n\n    min-height: 125px;\n\n    display: block;\n\n    padding:\n      22px 18px;\n\n    border-right:\n      1px solid\n      var(--mg-border);\n\n    border-bottom: 0;\n\n  }\n\n\n  .mgw-production__feature:first-child {\n    padding-left: 0;\n  }\n\n\n  .mgw-production__feature:last-child {\n    border-right: 0;\n  }\n\n\n  .mgw-production__feature span {\n    margin:\n      0 0 20px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-production {\n\n    padding:\n      72px 0;\n\n  }\n\n\n  .mgw-production__container {\n\n    width:\n      calc(100% - 36px);\n\n    gap: 46px;\n\n  }\n\n\n  \/* slider *\/\n\n  .mgw-production__slider {\n    min-height: 330px;\n  }\n\n\n  .mgw-production__slide img {\n    object-position: center;\n  }\n\n\n  .mgw-production__caption {\n\n    left: 21px;\n\n    bottom: 65px;\n\n  }\n\n\n  .mgw-production__caption strong {\n    font-size: 16px;\n  }\n\n\n  .mgw-production__controls {\n\n    left: 21px;\n    right: 21px;\n\n    bottom: 22px;\n\n  }\n\n\n  \/* heading *\/\n\n  .mgw-production__eyebrow {\n\n    margin-bottom: 20px;\n\n    font-size: 10px;\n\n  }\n\n\n  .mgw-production__eyebrow span {\n    width: 30px;\n  }\n\n\n  .mgw-production__content h2 {\n\n    font-size: 37px;\n\n    line-height: 1.06;\n\n  }\n\n\n  .mgw-production__copy {\n    margin-top: 23px;\n  }\n\n\n  .mgw-production__copy p {\n\n    font-size: 15px;\n\n    line-height: 1.68;\n\n  }\n\n\n  \/* features *\/\n\n  .mgw-production__features {\n\n    grid-template-columns: 1fr;\n\n    margin-top: 33px;\n\n  }\n\n\n  .mgw-production__feature {\n\n    min-height: auto;\n\n    display: grid;\n\n    grid-template-columns:\n      30px\n      minmax(0,1fr);\n\n    gap: 17px;\n\n    padding:\n      19px 0;\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-production__feature:first-child {\n    padding-left: 0;\n  }\n\n\n  .mgw-production__feature:last-child {\n\n    padding-right: 0;\n\n    border-bottom: 0;\n\n  }\n\n\n  .mgw-production__feature span {\n    margin:\n      5px 0 0;\n  }\n\n\n  .mgw-production__feature strong br {\n    display: none;\n  }\n\n\n  \/* brand *\/\n\n  .mgw-production__brand {\n\n    grid-template-columns:\n      3px\n      minmax(0,1fr);\n\n    gap: 17px;\n\n    margin-top: 28px;\n\n    padding:\n      23px\n      20px;\n\n  }\n\n\n  .mgw-production__brand-content strong {\n    font-size: 20px;\n  }\n\n\n  .mgw-production__brand-content p {\n    font-size: 12.5px;\n  }\n\n\n  .mgw-production__actions {\n    margin-top: 30px;\n  }\n\n\n  .mgw-production__button {\n    width: 100%;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-production__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-production__slider {\n    min-height: 285px;\n  }\n\n\n  .mgw-production__content h2 {\n    font-size: 34px;\n  }\n\n\n  .mgw-production__caption {\n    left: 18px;\n  }\n\n\n  .mgw-production__controls {\n\n    left: 18px;\n    right: 18px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .mgw-production__slide {\n\n    transition:\n      opacity .2s ease;\n\n    transform:\n      none !important;\n\n  }\n\n\n  .mgw-production__progress span {\n    animation: none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const sections =\n    document.querySelectorAll('.mgw-production');\n\n\n  sections.forEach(function(section) {\n\n    const slides =\n      Array.from(\n        section.querySelectorAll(\n          '.mgw-production__slide'\n        )\n      );\n\n    const dots =\n      Array.from(\n        section.querySelectorAll(\n          '.mgw-production__dot'\n        )\n      );\n\n    const currentCounter =\n      section.querySelector(\n        '.mgw-production__current'\n      );\n\n    const progress =\n      section.querySelector(\n        '.mgw-production__progress span'\n      );\n\n\n    if (!slides.length) {\n      return;\n    }\n\n\n    let current = 0;\n\n    let interval = null;\n\n    const duration = 5000;\n\n    const reduceMotion =\n      window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches;\n\n\n    function formatNumber(number) {\n\n      return String(number + 1)\n        .padStart(2, '0');\n\n    }\n\n\n    function restartProgress() {\n\n      if (!progress || reduceMotion) {\n        return;\n      }\n\n      progress.classList.remove(\n        'is-running'\n      );\n\n      void progress.offsetWidth;\n\n      progress.classList.add(\n        'is-running'\n      );\n\n    }\n\n\n    function showSlide(index) {\n\n      current = index;\n\n\n      slides.forEach(function(slide, i) {\n\n        slide.classList.toggle(\n          'is-active',\n          i === current\n        );\n\n      });\n\n\n      dots.forEach(function(dot, i) {\n\n        dot.classList.toggle(\n          'is-active',\n          i === current\n        );\n\n      });\n\n\n      if (currentCounter) {\n\n        currentCounter.textContent =\n          formatNumber(current);\n\n      }\n\n\n      restartProgress();\n\n    }\n\n\n    function nextSlide() {\n\n      const next =\n        (current + 1) %\n        slides.length;\n\n      showSlide(next);\n\n    }\n\n\n    function startSlider() {\n\n      if (reduceMotion) {\n        return;\n      }\n\n      clearInterval(interval);\n\n      restartProgress();\n\n      interval =\n        setInterval(\n          nextSlide,\n          duration\n        );\n\n    }\n\n\n    dots.forEach(function(dot) {\n\n      dot.addEventListener(\n        'click',\n        function() {\n\n          const index =\n            Number(\n              dot.dataset.go\n            );\n\n          showSlide(index);\n\n          startSlider();\n\n        }\n      );\n\n    });\n\n\n    section.addEventListener(\n      'mouseenter',\n      function() {\n\n        if (window.innerWidth > 767) {\n\n          clearInterval(interval);\n\n          if (progress) {\n\n            progress.style.animationPlayState =\n              'paused';\n\n          }\n\n        }\n\n      }\n    );\n\n\n    section.addEventListener(\n      'mouseleave',\n      function() {\n\n        if (\n          window.innerWidth > 767 &&\n          !reduceMotion\n        ) {\n\n          if (progress) {\n\n            progress.style.animationPlayState =\n              '';\n\n          }\n\n          startSlider();\n\n        }\n\n      }\n    );\n\n\n    showSlide(0);\n\n    startSlider();\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d22f3ab e-con-full e-flex e-con e-parent\" data-id=\"d22f3ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17f6b44 elementor-widget elementor-widget-html\" data-id=\"17f6b44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-custom\">\n\n  <div class=\"mgw-custom__grid\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mgw-custom__container\">\n\n    <!-- =====================================================\n         G\u00d3RNA CZ\u0118\u015a\u0106\n         ===================================================== -->\n\n    <div class=\"mgw-custom__top\">\n\n      <!-- COPY -->\n      <div class=\"mgw-custom__copy\">\n\n        <div class=\"mgw-custom__eyebrow\">\n          <span><\/span>\n          PRODUKCJA NA ZAM\u00d3WIENIE\n        <\/div>\n\n        <h2>\n          Kabel przygotowany pod wymagania\n          konkretnego zastosowania\n        <\/h2>\n\n        <p class=\"mgw-custom__lead\">\n          Nie ka\u017cde zastosowanie mo\u017cna obs\u0142u\u017cy\u0107 gotowym produktem katalogowym.\n          Jako producent mo\u017cemy dostosowa\u0107 konstrukcj\u0119 i parametry kabla\n          do wymaga\u0144 technicznych projektu, \u015brodowiska pracy\n          i konkretnego zastosowania przemys\u0142owego.\n        <\/p>\n\n        <p class=\"mgw-custom__text\">\n          Proces rozpoczynamy od ustalenia wymaga\u0144 technicznych,\n          a ko\u0144czymy gotowym wyrobem przygotowanym zgodnie\n          z uzgodnion\u0105 specyfikacj\u0105.\n        <\/p>\n\n        <!-- OBSZARY DOPASOWANIA -->\n        <div class=\"mgw-custom__scope\">\n          <span>Konstrukcja<\/span>\n          <span>Parametry<\/span>\n          <span>Warunki pracy<\/span>\n          <span>Zastosowanie<\/span>\n        <\/div>\n\n        <!-- CTA -->\n        <a\n          href=\"\/kontakt\/\"\n          class=\"mgw-custom__button\"\n        >\n\n          Zapytaj o kabel na zam\u00f3wienie\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n\n      <!-- =================================================\n           VISUAL\n           ================================================= -->\n\n      <div class=\"mgw-custom__visual\">\n\n        <div class=\"mgw-custom__glow\"><\/div>\n\n        <div class=\"mgw-custom__frame\">\n          <span class=\"mgw-custom__corner mgw-custom__corner--tl\"><\/span>\n          <span class=\"mgw-custom__corner mgw-custom__corner--br\"><\/span>\n        <\/div>\n\n        <div class=\"mgw-custom__visual-label\">\n\n          <span>\n            INDYWIDUALNA SPECYFIKACJA\n          <\/span>\n\n          <strong>\n            Konstrukcja dopasowana do wymaga\u0144\n          <\/strong>\n\n        <\/div>\n\n        <img decoding=\"async\"\n          class=\"mgw-custom__cable\"\n          src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/kabelstr.png\"\n          alt=\"Przyk\u0142adowa konstrukcja kabla\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PROCES\n         ===================================================== -->\n\n    <div class=\"mgw-custom__process\">\n\n      <div class=\"mgw-custom__process-head\">\n\n        <span>\n          JAK WYGL\u0104DA REALIZACJA\n        <\/span>\n\n        <p>\n          Od wymaga\u0144 technicznych do gotowego produktu.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"mgw-custom__steps\">\n\n        <!-- 01 -->\n        <article class=\"mgw-custom__step\">\n\n          <div class=\"mgw-custom__marker\"><\/div>\n\n          <span class=\"mgw-custom__number\">\n            01\n          <\/span>\n\n          <h3>\n            Wymagania techniczne\n          <\/h3>\n\n          <p>\n            Ustalamy zastosowanie, warunki pracy\n            oraz oczekiwane parametry kabla.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- 02 -->\n        <article class=\"mgw-custom__step\">\n\n          <div class=\"mgw-custom__marker\"><\/div>\n\n          <span class=\"mgw-custom__number\">\n            02\n          <\/span>\n\n          <h3>\n            Dob\u00f3r rozwi\u0105zania\n          <\/h3>\n\n          <p>\n            Okre\u015blamy konstrukcj\u0119 odpowiedni\u0105\n            dla uzgodnionych wymaga\u0144 technicznych.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- 03 -->\n        <article class=\"mgw-custom__step\">\n\n          <div class=\"mgw-custom__marker\"><\/div>\n\n          <span class=\"mgw-custom__number\">\n            03\n          <\/span>\n\n          <h3>\n            Produkcja\n          <\/h3>\n\n          <p>\n            Kabel powstaje we w\u0142asnym zak\u0142adzie\n            produkcyjnym MG Wires.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- 04 -->\n        <article class=\"mgw-custom__step\">\n\n          <div class=\"mgw-custom__marker\"><\/div>\n\n          <span class=\"mgw-custom__number\">\n            04\n          <\/span>\n\n          <h3>\n            Gotowy kabel\n          <\/h3>\n\n          <p>\n            Produkt jest przygotowany zgodnie\n            z wcze\u015bniej uzgodnion\u0105 specyfikacj\u0105.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 CUSTOM PRODUCTION\n   ========================================================= *\/\n\n.mgw-custom {\n\n  --mg-navy: #02163B;\n  --mg-navy-dark: #010E28;\n  --mg-blue: #68869F;\n\n  --mg-white: #FEFEFE;\n  --mg-border-dark: rgba(104,134,159,.27);\n  --mg-text-soft: rgba(254,254,254,.69);\n  --mg-text-muted: rgba(254,254,254,.50);\n\n  position: relative;\n\n  width: 100%;\n\n  padding: 118px 0 108px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #02163B 0%,\n      #02183F 56%,\n      #01122F 100%\n    );\n\n  font-family: 'Lato', sans-serif;\n\n  overflow: hidden;\n\n  isolation: isolate;\n\n}\n\n\n\/* =========================================================\n   TECHNICAL BACKGROUND\n   ========================================================= *\/\n\n.mgw-custom__grid {\n\n  position: absolute;\n\n  z-index: 0;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .38;\n\n  background-image:\n\n    linear-gradient(\n      rgba(104,134,159,.045) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(104,134,159,.045) 1px,\n      transparent 1px\n    );\n\n  background-size: 90px 90px;\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(0,0,0,.25) 45%,\n      rgba(0,0,0,.8) 100%\n    );\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-custom__container {\n\n  position: relative;\n\n  z-index: 3;\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin: 0 auto;\n\n}\n\n\n\/* =========================================================\n   TOP\n   ========================================================= *\/\n\n.mgw-custom__top {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,.92fr)\n    minmax(0,1.08fr);\n\n  align-items: center;\n\n  gap: 58px;\n\n}\n\n\n\/* =========================================================\n   COPY\n   ========================================================= *\/\n\n.mgw-custom__copy {\n\n  position: relative;\n\n  z-index: 5;\n\n  max-width: 610px;\n\n}\n\n\n\/* EYEBROW *\/\n\n.mgw-custom__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 23px;\n\n  color: #9EB3C4;\n\n  font-size: 11px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .18em;\n\n}\n\n\n.mgw-custom__eyebrow span {\n\n  display: block;\n\n  width: 36px;\n  height: 1px;\n\n  flex-shrink: 0;\n\n  background: var(--mg-blue);\n\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.mgw-custom__copy h2 {\n\n  max-width: 610px;\n\n  margin: 0;\n\n  color: var(--mg-white);\n\n  font-size:\n    clamp(\n      43px,\n      3.65vw,\n      56px\n    );\n\n  line-height: 1.045;\n\n  font-weight: 900;\n\n  letter-spacing: -.035em;\n\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n.mgw-custom__lead {\n\n  max-width: 590px;\n\n  margin: 29px 0 0;\n\n  color: rgba(254,254,254,.77);\n\n  font-size: 16px;\n\n  line-height: 1.7;\n\n}\n\n\n.mgw-custom__text {\n\n  max-width: 560px;\n\n  margin: 15px 0 0;\n\n  color: var(--mg-text-soft);\n\n  font-size: 15px;\n\n  line-height: 1.68;\n\n}\n\n\n\/* =========================================================\n   SCOPE\n   ========================================================= *\/\n\n.mgw-custom__scope {\n\n  display: flex;\n\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  margin-top: 31px;\n\n  border-top:\n    1px solid\n    var(--mg-border-dark);\n\n  border-bottom:\n    1px solid\n    var(--mg-border-dark);\n\n}\n\n\n.mgw-custom__scope span {\n\n  position: relative;\n\n  padding: 16px 18px;\n\n  color: rgba(254,254,254,.68);\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .11em;\n\n  text-transform: uppercase;\n\n}\n\n\n.mgw-custom__scope span:first-child {\n\n  padding-left: 0;\n\n}\n\n\n.mgw-custom__scope span + span::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 50%;\n\n  width: 1px;\n  height: 17px;\n\n  transform: translateY(-50%);\n\n  background: var(--mg-border-dark);\n\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.mgw-custom__button {\n\n  min-height: 54px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 13px;\n\n  margin-top: 34px;\n\n  padding: 0 24px;\n\n  background: var(--mg-white);\n\n  border:\n    1px solid\n    var(--mg-white);\n\n  border-radius: 2px;\n\n  color: var(--mg-navy);\n\n  font-size: 12px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .07em;\n\n  text-transform: uppercase;\n\n  text-decoration: none !important;\n\n  transition:\n    color .2s ease,\n    background-color .2s ease,\n    border-color .2s ease;\n\n}\n\n\n.mgw-custom__button svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n  transition: transform .2s ease;\n\n}\n\n\n.mgw-custom__button:hover {\n\n  background: var(--mg-blue);\n\n  border-color: var(--mg-blue);\n\n  color: var(--mg-white);\n\n}\n\n\n.mgw-custom__button:hover svg {\n\n  transform: translateX(3px);\n\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.mgw-custom__visual {\n\n  position: relative;\n\n  min-width: 0;\n\n  min-height: 470px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n\/* =========================================================\n   GLOW\n   ========================================================= *\/\n\n.mgw-custom__glow {\n\n  position: absolute;\n\n  z-index: 0;\n\n  width: 510px;\n  height: 510px;\n\n  right: 0;\n  top: 50%;\n\n  transform: translateY(-50%);\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(104,134,159,.20) 0%,\n      rgba(104,134,159,.09) 39%,\n      rgba(104,134,159,0) 72%\n    );\n\n  filter: blur(4px);\n\n}\n\n\n\/* =========================================================\n   FRAME\n   ========================================================= *\/\n\n.mgw-custom__frame {\n\n  position: absolute;\n\n  z-index: 1;\n\n  width: 74%;\n  height: 62%;\n\n  right: 1%;\n  top: 18%;\n\n  border:\n    1px solid\n    rgba(104,134,159,.12);\n\n  transform: skewX(-4deg);\n\n}\n\n\n.mgw-custom__corner {\n\n  position: absolute;\n\n  width: 30px;\n  height: 30px;\n\n}\n\n\n.mgw-custom__corner--tl {\n\n  left: -1px;\n  top: -1px;\n\n  border-left:\n    1px solid\n    var(--mg-blue);\n\n  border-top:\n    1px solid\n    var(--mg-blue);\n\n}\n\n\n.mgw-custom__corner--br {\n\n  right: -1px;\n  bottom: -1px;\n\n  border-right:\n    1px solid\n    var(--mg-blue);\n\n  border-bottom:\n    1px solid\n    var(--mg-blue);\n\n}\n\n\n\/* =========================================================\n   CABLE\n   ========================================================= *\/\n\n.mgw-custom__cable {\n\n  position: relative;\n\n  z-index: 3;\n\n  display: block;\n\n  width: 125%;\n  max-width: none;\n\n  height: auto;\n\n  margin-right: -24%;\n\n  object-fit: contain;\n\n  filter:\n    drop-shadow(\n      0 28px 32px\n      rgba(0,0,0,.22)\n    );\n\n  transform: translateY(10px);\n\n}\n\n\n\/* =========================================================\n   VISUAL LABEL\n   ========================================================= *\/\n\n.mgw-custom__visual-label {\n\n  position: absolute;\n\n  z-index: 5;\n\n  right: 0;\n  bottom: 21px;\n\n  max-width: 280px;\n\n  padding-left: 17px;\n\n  border-left:\n    2px solid\n    var(--mg-blue);\n\n}\n\n\n.mgw-custom__visual-label span {\n\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #9FB5C6;\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .16em;\n\n}\n\n\n.mgw-custom__visual-label strong {\n\n  display: block;\n\n  color: var(--mg-white);\n\n  font-size: 13px;\n\n  line-height: 1.45;\n\n  font-weight: 700;\n\n}\n\n\n\/* =========================================================\n   PROCESS\n   ========================================================= *\/\n\n.mgw-custom__process {\n\n  margin-top: 91px;\n\n  padding-top: 33px;\n\n  border-top:\n    1px solid\n    var(--mg-border-dark);\n\n}\n\n\n\/* =========================================================\n   PROCESS HEADER\n   ========================================================= *\/\n\n.mgw-custom__process-head {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-bottom: 39px;\n\n}\n\n\n.mgw-custom__process-head span {\n\n  color: #9FB5C6;\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .17em;\n\n}\n\n\n.mgw-custom__process-head p {\n\n  margin: 0;\n\n  color: var(--mg-text-muted);\n\n  font-size: 13px;\n\n}\n\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.mgw-custom__steps {\n\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n}\n\n\n.mgw-custom__steps::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  right: 0;\n\n  top: 5px;\n\n  height: 1px;\n\n  background:\n    rgba(104,134,159,.32);\n\n}\n\n\n\/* =========================================================\n   STEP\n   ========================================================= *\/\n\n.mgw-custom__step {\n\n  position: relative;\n\n  margin: 0;\n\n  padding:\n    37px 34px 0;\n\n  border-right:\n    1px solid\n    var(--mg-border-dark);\n\n}\n\n\n.mgw-custom__step:first-child {\n\n  padding-left: 0;\n\n}\n\n\n.mgw-custom__step:last-child {\n\n  padding-right: 0;\n\n  border-right: 0;\n\n}\n\n\n\/* MARKER *\/\n\n.mgw-custom__marker {\n\n  position: absolute;\n\n  z-index: 3;\n\n  top: 1px;\n  left: 34px;\n\n  width: 9px;\n  height: 9px;\n\n  background: var(--mg-navy);\n\n  border:\n    2px solid\n    var(--mg-blue);\n\n}\n\n\n.mgw-custom__step:first-child .mgw-custom__marker {\n\n  left: 0;\n\n}\n\n\n\/* NUMBER *\/\n\n.mgw-custom__number {\n\n  display: block;\n\n  margin-bottom: 22px;\n\n  color: var(--mg-blue);\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .17em;\n\n}\n\n\n\/* TITLE *\/\n\n.mgw-custom__step h3 {\n\n  max-width: 220px;\n\n  margin: 0 0 12px;\n\n  color: var(--mg-white);\n\n  font-size: 19px;\n\n  line-height: 1.25;\n\n  font-weight: 900;\n\n  letter-spacing: -.015em;\n\n}\n\n\n\/* TEXT *\/\n\n.mgw-custom__step p {\n\n  max-width: 235px;\n\n  margin: 0;\n\n  color: var(--mg-text-soft);\n\n  font-size: 13.5px;\n\n  line-height: 1.62;\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-custom {\n\n    padding: 96px 0 92px;\n\n  }\n\n\n  .mgw-custom__container {\n\n    width:\n      calc(100% - 48px);\n\n  }\n\n\n  .mgw-custom__top {\n\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(0,.95fr);\n\n    gap: 38px;\n\n  }\n\n\n  .mgw-custom__cable {\n\n    width: 140%;\n\n    margin-right: -37%;\n\n  }\n\n\n  .mgw-custom__step {\n\n    padding-left: 24px;\n    padding-right: 24px;\n\n  }\n\n\n  .mgw-custom__marker {\n\n    left: 24px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-custom__top {\n\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n\n  }\n\n\n  .mgw-custom__copy {\n\n    max-width: 700px;\n\n  }\n\n\n  .mgw-custom__visual {\n\n    min-height: 390px;\n\n  }\n\n\n  .mgw-custom__cable {\n\n    width: 108%;\n\n    margin: 0;\n\n  }\n\n\n  .mgw-custom__visual-label {\n\n    right: 20px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-custom {\n\n    padding: 72px 0 68px;\n\n  }\n\n\n  .mgw-custom__container {\n\n    width:\n      calc(100% - 36px);\n\n  }\n\n\n  .mgw-custom__grid {\n\n    background-size:\n      60px 60px;\n\n    opacity: .24;\n\n  }\n\n\n  \/* =====================================================\n     COPY\n     ===================================================== *\/\n\n  .mgw-custom__top {\n\n    gap: 24px;\n\n  }\n\n\n  .mgw-custom__eyebrow {\n\n    margin-bottom: 20px;\n\n    font-size: 10px;\n\n  }\n\n\n  .mgw-custom__eyebrow span {\n\n    width: 30px;\n\n  }\n\n\n  .mgw-custom__copy h2 {\n\n    font-size: 37px;\n\n    line-height: 1.06;\n\n  }\n\n\n  .mgw-custom__lead {\n\n    margin-top: 23px;\n\n    font-size: 15px;\n\n    line-height: 1.68;\n\n  }\n\n\n  .mgw-custom__text {\n\n    margin-top: 14px;\n\n    font-size: 14.5px;\n\n    line-height: 1.65;\n\n  }\n\n\n  \/* =====================================================\n     SCOPE\n     ===================================================== *\/\n\n  .mgw-custom__scope {\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    margin-top: 27px;\n\n  }\n\n\n  .mgw-custom__scope span {\n\n    padding:\n      15px 12px;\n\n  }\n\n\n  .mgw-custom__scope span:nth-child(odd) {\n\n    padding-left: 0;\n\n  }\n\n\n  .mgw-custom__scope span:nth-child(3)::before {\n\n    display: none;\n\n  }\n\n\n  \/* =====================================================\n     CTA\n     ===================================================== *\/\n\n  .mgw-custom__button {\n\n    width: 100%;\n\n    min-height: 52px;\n\n    margin-top: 27px;\n\n    padding:\n      0 16px;\n\n    font-size: 11px;\n\n  }\n\n\n  \/* =====================================================\n     VISUAL MOBILE\n     ===================================================== *\/\n\n  .mgw-custom__visual {\n\n    \/*\n     * Kluczowa zmiana:\n     * zamiast sztucznego min-height 285px\n     * u\u017cywamy proporcji samego obrazu.\n     *\/\n\n    width: 100%;\n\n    min-height: 0;\n\n    aspect-ratio: 16 \/ 9;\n\n    margin-top: 7px;\n\n    overflow: visible;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n  }\n\n\n  \/*\n   * Na telefonie nie potrzebujemy ramy.\n   * Przy ma\u0142ej szeroko\u015bci tylko za\u015bmieca\u0142a grafik\u0119.\n   *\/\n\n  .mgw-custom__frame {\n\n    display: none;\n\n  }\n\n\n  .mgw-custom__visual-label {\n\n    display: none;\n\n  }\n\n\n  .mgw-custom__glow {\n\n    width: 115%;\n    height: 190%;\n\n    right: -30%;\n    top: 50%;\n\n    transform:\n      translateY(-50%);\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(104,134,159,.18) 0%,\n        rgba(104,134,159,.06) 42%,\n        rgba(104,134,159,0) 72%\n      );\n\n  }\n\n\n  \/*\n   * Najwa\u017cniejsza poprawka:\n   * obraz 100%, bez ujemnego marginesu,\n   * wi\u0119c ca\u0142y kabel pozostaje w kadrze.\n   *\/\n\n  .mgw-custom__cable {\n\n    position: relative;\n\n    width: 100%;\n\n    max-width: 100%;\n\n    height: auto;\n\n    margin: 0;\n\n    transform: none;\n\n    object-fit: contain;\n\n    filter:\n      drop-shadow(\n        0 16px 22px\n        rgba(0,0,0,.22)\n      );\n\n  }\n\n\n  \/* =====================================================\n     PROCESS\n     ===================================================== *\/\n\n  .mgw-custom__process {\n\n    \/*\n     * Bez ogromnej dziury po grafice.\n     *\/\n\n    margin-top: 31px;\n\n    padding-top: 27px;\n\n  }\n\n\n  .mgw-custom__process-head {\n\n    display: block;\n\n    margin-bottom: 30px;\n\n  }\n\n\n  .mgw-custom__process-head p {\n\n    margin-top: 9px;\n\n    font-size: 12.5px;\n\n  }\n\n\n  \/* VERTICAL PROCESS *\/\n\n  .mgw-custom__steps {\n\n    display: block;\n\n  }\n\n\n  .mgw-custom__steps::before {\n\n    left: 4px;\n\n    top: 5px;\n    bottom: 0;\n\n    width: 1px;\n    height: auto;\n\n  }\n\n\n  .mgw-custom__step {\n\n    min-height: auto;\n\n    padding:\n      0 0 31px 38px;\n\n    border-right: 0;\n\n  }\n\n\n  .mgw-custom__step:first-child {\n\n    padding-left: 38px;\n\n  }\n\n\n  .mgw-custom__step:last-child {\n\n    padding-bottom: 0;\n\n  }\n\n\n  .mgw-custom__marker,\n  .mgw-custom__step:first-child .mgw-custom__marker {\n\n    top: 2px;\n    left: 0;\n\n  }\n\n\n  .mgw-custom__number {\n\n    margin-bottom: 11px;\n\n  }\n\n\n  .mgw-custom__step h3 {\n\n    max-width: none;\n\n    margin-bottom: 8px;\n\n    font-size: 18px;\n\n  }\n\n\n  .mgw-custom__step p {\n\n    max-width: 450px;\n\n    font-size: 13.5px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-custom__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-custom__copy h2 {\n\n    font-size: 34px;\n\n  }\n\n\n  .mgw-custom__scope span {\n\n    font-size: 9px;\n\n  }\n\n\n  .mgw-custom__visual {\n\n    aspect-ratio: 16 \/ 9;\n\n    margin-top: 3px;\n\n  }\n\n\n  .mgw-custom__cable {\n\n    width: 100%;\n\n    max-width: 100%;\n\n  }\n\n\n  .mgw-custom__process {\n\n    margin-top: 26px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 360px) {\n\n  .mgw-custom__copy h2 {\n\n    font-size: 32px;\n\n  }\n\n\n  .mgw-custom__button {\n\n    font-size: 10px;\n\n    letter-spacing: .055em;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcf4c38 e-con-full e-flex e-con e-parent\" data-id=\"fcf4c38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7436c42 elementor-widget elementor-widget-html\" data-id=\"7436c42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-industries\" data-mgw-industries>\n\n  <div class=\"mgw-industries__container\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"mgw-industries__header\">\n\n      <div class=\"mgw-industries__heading\">\n\n        <div class=\"mgw-industries__eyebrow\">\n          <span><\/span>\n          ZASTOSOWANIA\n        <\/div>\n\n        <h2>\n          Kable projektowane z my\u015bl\u0105\n          o konkretnych warunkach pracy\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"mgw-industries__intro\">\n\n        <p>\n          R\u00f3\u017cne bran\u017ce stawiaj\u0105 przed kablami inne wymagania.\n          Temperatura, \u015brodowisko pracy, spos\u00f3b prowadzenia instalacji\n          czy obci\u0105\u017cenia wp\u0142ywaj\u0105 na dob\u00f3r odpowiedniej konstrukcji\n          i parametr\u00f3w produktu.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN\n         ===================================================== -->\n\n    <div class=\"mgw-industries__main\">\n\n\n      <!-- =================================================\n           VISUAL\n           ================================================= -->\n\n      <div class=\"mgw-industries__visual\">\n\n\n        <div class=\"mgw-industries__images\">\n\n\n          <!-- 01 -->\n\n          <figure\n            class=\"mgw-industries__image is-active\"\n            data-image=\"0\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/przemysl.png\"\n              alt=\"Przemys\u0142 i automatyka\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n\n\n          <!-- 02 -->\n\n          <figure\n            class=\"mgw-industries__image\"\n            data-image=\"1\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/motoryzacja.png\"\n              alt=\"Motoryzacja\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n\n\n          <!-- 03 -->\n\n          <figure\n            class=\"mgw-industries__image\"\n            data-image=\"2\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/fotowoltaika.png\"\n              alt=\"Fotowoltaika i energia\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n\n\n          <!-- 04 -->\n\n          <figure\n            class=\"mgw-industries__image\"\n            data-image=\"3\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/maszyny.png\"\n              alt=\"Maszyny i urz\u0105dzenia\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n\n\n          <!-- 05 -->\n\n          <figure\n            class=\"mgw-industries__image\"\n            data-image=\"4\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/srodowiskawymagaace.png\"\n              alt=\"\u015arodowiska wymagaj\u0105ce\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n\n\n          <!-- 06 -->\n\n          <figure\n            class=\"mgw-industries__image\"\n            data-image=\"5\"\n          >\n\n            <img decoding=\"async\"\n              src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/instalacjespejalistyczne.png\"\n              alt=\"Instalacje specjalistyczne\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n        <\/div>\n\n\n\n        <!-- IMAGE OVERLAY -->\n\n        <div\n          class=\"mgw-industries__visual-overlay\"\n          aria-hidden=\"true\"\n        ><\/div>\n\n\n\n        <!-- TECH CORNER -->\n\n        <div\n          class=\"mgw-industries__visual-corner\"\n          aria-hidden=\"true\"\n        ><\/div>\n\n\n\n        <!-- CAPTION -->\n\n        <div class=\"mgw-industries__visual-caption\">\n\n          <div class=\"mgw-industries__visual-number\">\n\n            <span class=\"mgw-industries__current\">\n              01\n            <\/span>\n\n            <span>\/<\/span>\n\n            <span>06<\/span>\n\n          <\/div>\n\n\n          <strong class=\"mgw-industries__current-title\">\n            Przemys\u0142 i automatyka\n          <\/strong>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- =================================================\n           ACCORDION\n           ================================================= -->\n\n      <div class=\"mgw-industries__list\">\n\n\n        <!-- =================================================\n             01\n             ================================================= -->\n\n        <button\n          type=\"button\"\n          class=\"mgw-industry is-active\"\n          data-industry=\"0\"\n          aria-expanded=\"true\"\n        >\n\n          <span class=\"mgw-industry__number\">\n            01\n          <\/span>\n\n\n          <span class=\"mgw-industry__body\">\n\n            <span class=\"mgw-industry__top\">\n\n              <span class=\"mgw-industry__title\">\n                Przemys\u0142 i automatyka\n              <\/span>\n\n              <span\n                class=\"mgw-industry__plus\"\n                aria-hidden=\"true\"\n              ><\/span>\n\n            <\/span>\n\n\n            <span class=\"mgw-industry__description\">\n\n              <span class=\"mgw-industry__description-inner\">\n\n                Kable do instalacji przemys\u0142owych,\n                system\u00f3w sterowania, automatyki\n                i nowoczesnych linii produkcyjnych.\n\n              <\/span>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n\n        <!-- =================================================\n             02\n             ================================================= -->\n\n        <button\n          type=\"button\"\n          class=\"mgw-industry\"\n          data-industry=\"1\"\n          aria-expanded=\"false\"\n        >\n\n          <span class=\"mgw-industry__number\">\n            02\n          <\/span>\n\n\n          <span class=\"mgw-industry__body\">\n\n            <span class=\"mgw-industry__top\">\n\n              <span class=\"mgw-industry__title\">\n                Motoryzacja\n              <\/span>\n\n              <span\n                class=\"mgw-industry__plus\"\n                aria-hidden=\"true\"\n              ><\/span>\n\n            <\/span>\n\n\n            <span class=\"mgw-industry__description\">\n\n              <span class=\"mgw-industry__description-inner\">\n\n                Rozwi\u0105zania dla bran\u017cy automotive,\n                instalacji pojazdowych oraz system\u00f3w\n                pracuj\u0105cych w wymagaj\u0105cych warunkach.\n\n              <\/span>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n\n        <!-- =================================================\n             03\n             ================================================= -->\n\n        <button\n          type=\"button\"\n          class=\"mgw-industry\"\n          data-industry=\"2\"\n          aria-expanded=\"false\"\n        >\n\n          <span class=\"mgw-industry__number\">\n            03\n          <\/span>\n\n\n          <span class=\"mgw-industry__body\">\n\n            <span class=\"mgw-industry__top\">\n\n              <span class=\"mgw-industry__title\">\n                Fotowoltaika i energia\n              <\/span>\n\n              <span\n                class=\"mgw-industry__plus\"\n                aria-hidden=\"true\"\n              ><\/span>\n\n            <\/span>\n\n\n            <span class=\"mgw-industry__description\">\n\n              <span class=\"mgw-industry__description-inner\">\n\n                Kable przeznaczone do instalacji\n                fotowoltaicznych i system\u00f3w pracuj\u0105cych\n                w wymagaj\u0105cych warunkach zewn\u0119trznych.\n\n              <\/span>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n\n        <!-- =================================================\n             04\n             ================================================= -->\n\n        <button\n          type=\"button\"\n          class=\"mgw-industry\"\n          data-industry=\"3\"\n          aria-expanded=\"false\"\n        >\n\n          <span class=\"mgw-industry__number\">\n            04\n          <\/span>\n\n\n          <span class=\"mgw-industry__body\">\n\n            <span class=\"mgw-industry__top\">\n\n              <span class=\"mgw-industry__title\">\n                Maszyny i urz\u0105dzenia\n              <\/span>\n\n              <span\n                class=\"mgw-industry__plus\"\n                aria-hidden=\"true\"\n              ><\/span>\n\n            <\/span>\n\n\n            <span class=\"mgw-industry__description\">\n\n              <span class=\"mgw-industry__description-inner\">\n\n                Rozwi\u0105zania dla producent\u00f3w maszyn,\n                urz\u0105dze\u0144 technicznych oraz z\u0142o\u017conych\n                instalacji przemys\u0142owych.\n\n              <\/span>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n\n        <!-- =================================================\n             05\n             ================================================= -->\n\n        <button\n          type=\"button\"\n          class=\"mgw-industry\"\n          data-industry=\"4\"\n          aria-expanded=\"false\"\n        >\n\n          <span class=\"mgw-industry__number\">\n            05\n          <\/span>\n\n\n          <span class=\"mgw-industry__body\">\n\n            <span class=\"mgw-industry__top\">\n\n              <span class=\"mgw-industry__title\">\n                \u015arodowiska wymagaj\u0105ce\n              <\/span>\n\n              <span\n                class=\"mgw-industry__plus\"\n                aria-hidden=\"true\"\n              ><\/span>\n\n            <\/span>\n\n\n            <span class=\"mgw-industry__description\">\n\n              <span class=\"mgw-industry__description-inner\">\n\n                Zastosowania zwi\u0105zane z wysok\u0105 temperatur\u0105,\n                dzia\u0142aniem substancji chemicznych\n                i innymi trudnymi warunkami pracy.\n\n              <\/span>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n\n\n        <!-- =================================================\n             06\n             ================================================= -->\n\n        <button\n          type=\"button\"\n          class=\"mgw-industry\"\n          data-industry=\"5\"\n          aria-expanded=\"false\"\n        >\n\n          <span class=\"mgw-industry__number\">\n            06\n          <\/span>\n\n\n          <span class=\"mgw-industry__body\">\n\n            <span class=\"mgw-industry__top\">\n\n              <span class=\"mgw-industry__title\">\n                Instalacje specjalistyczne\n              <\/span>\n\n              <span\n                class=\"mgw-industry__plus\"\n                aria-hidden=\"true\"\n              ><\/span>\n\n            <\/span>\n\n\n            <span class=\"mgw-industry__description\">\n\n              <span class=\"mgw-industry__description-inner\">\n\n                Projekty wymagaj\u0105ce niestandardowej\n                konstrukcji lub parametr\u00f3w przygotowanych\n                wed\u0142ug indywidualnej specyfikacji.\n\n              <\/span>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BOTTOM CTA\n         ===================================================== -->\n\n    <div class=\"mgw-industries__bottom\">\n\n      <p>\n        Masz zastosowanie wymagaj\u0105ce konkretnych parametr\u00f3w?\n\n        <strong>\n          Dobierzemy odpowiednie rozwi\u0105zanie\n          lub przygotujemy kabel na zam\u00f3wienie.\n        <\/strong>\n      <\/p>\n\n\n      <a href=\"\/kontakt\/\">\n\n        Opowiedz nam o wymaganiach\n\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n          <path d=\"M4 10h11\"><\/path>\n          <path d=\"M11 6l4 4-4 4\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 INDUSTRIES \/ APPLICATIONS\n   ========================================================= *\/\n\n.mgw-industries {\n\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    116px 0 108px;\n\n  background:\n    var(--mg-white);\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n  overflow:\n    hidden;\n\n}\n\n\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.mgw-industries *,\n.mgw-industries *::before,\n.mgw-industries *::after {\n\n  box-sizing:\n    border-box;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-industries__container {\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin:\n    0 auto;\n\n}\n\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.mgw-industries__header {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1.15fr)\n    minmax(320px,.7fr);\n\n  gap:\n    80px;\n\n  align-items:\n    end;\n\n  margin-bottom:\n    54px;\n\n}\n\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.mgw-industries__eyebrow {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    14px;\n\n  margin-bottom:\n    22px;\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .18em;\n\n}\n\n\n\n.mgw-industries__eyebrow > span {\n\n  display:\n    block;\n\n  width:\n    36px;\n\n  height:\n    1px;\n\n  flex-shrink:\n    0;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n\n\/* =========================================================\n   H2\n   ========================================================= *\/\n\n.mgw-industries__heading h2 {\n\n  max-width:\n    790px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    clamp(\n      43px,\n      3.7vw,\n      57px\n    );\n\n  line-height:\n    1.045;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.mgw-industries__intro {\n\n  padding-bottom:\n    3px;\n\n}\n\n\n\n.mgw-industries__intro p {\n\n  max-width:\n    430px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.72;\n\n}\n\n\n\n\/* =========================================================\n   MAIN\n   ========================================================= *\/\n\n.mgw-industries__main {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1.18fr)\n    minmax(0,.82fr);\n\n  gap:\n    62px;\n\n  align-items:\n    stretch;\n\n}\n\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.mgw-industries__visual {\n\n  position:\n    relative;\n\n  min-width:\n    0;\n\n  min-height:\n    585px;\n\n  overflow:\n    hidden;\n\n  background:\n    var(--mg-navy);\n\n  isolation:\n    isolate;\n\n}\n\n\n\n\/* =========================================================\n   IMAGES\n   ========================================================= *\/\n\n.mgw-industries__images {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n}\n\n\n\n.mgw-industries__image {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  margin:\n    0;\n\n  opacity:\n    0;\n\n  pointer-events:\n    none;\n\n  transform:\n    scale(1.025);\n\n  transition:\n    opacity .58s ease,\n    transform 1.1s\n    cubic-bezier(.2,.6,.2,1);\n\n}\n\n\n\n.mgw-industries__image.is-active {\n\n  z-index:\n    2;\n\n  opacity:\n    1;\n\n  transform:\n    scale(1);\n\n}\n\n\n\n.mgw-industries__image img {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center;\n\n  filter:\n    saturate(.88)\n    contrast(1.02);\n\n}\n\n\n\n\/* =========================================================\n   OVERLAY\n   ========================================================= *\/\n\n.mgw-industries__visual-overlay {\n\n  position:\n    absolute;\n\n  z-index:\n    3;\n\n  inset:\n    0;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(2,22,59,.01) 28%,\n      rgba(2,22,59,.13) 60%,\n      rgba(2,22,59,.89) 100%\n    );\n\n}\n\n\n\n\/* =========================================================\n   TECH CORNER\n   ========================================================= *\/\n\n.mgw-industries__visual-corner {\n\n  position:\n    absolute;\n\n  z-index:\n    5;\n\n  top:\n    24px;\n\n  left:\n    24px;\n\n  width:\n    44px;\n\n  height:\n    44px;\n\n  border-top:\n    1px solid\n    rgba(254,254,254,.55);\n\n  border-left:\n    1px solid\n    rgba(254,254,254,.55);\n\n  pointer-events:\n    none;\n\n}\n\n\n\n\/* =========================================================\n   VISUAL CAPTION\n   ========================================================= *\/\n\n.mgw-industries__visual-caption {\n\n  position:\n    absolute;\n\n  z-index:\n    5;\n\n  left:\n    32px;\n\n  right:\n    32px;\n\n  bottom:\n    29px;\n\n  display:\n    flex;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    space-between;\n\n  gap:\n    30px;\n\n}\n\n\n\n.mgw-industries__visual-number {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    5px;\n\n  flex-shrink:\n    0;\n\n  color:\n    rgba(254,254,254,.50);\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .15em;\n\n}\n\n\n\n.mgw-industries__current {\n\n  color:\n    var(--mg-white);\n\n}\n\n\n\n.mgw-industries__current-title {\n\n  max-width:\n    310px;\n\n  color:\n    var(--mg-white);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    900;\n\n  text-align:\n    right;\n\n}\n\n\n\n\/* =========================================================\n   LIST\n   ========================================================= *\/\n\n.mgw-industries__list {\n\n  min-width:\n    0;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n\/* =========================================================\n   ELEMENTOR BUTTON RESET\n   ========================================================= *\/\n\n.mgw-industries .mgw-industry,\n.mgw-industries .mgw-industry:hover,\n.mgw-industries .mgw-industry:focus,\n.mgw-industries .mgw-industry:focus-visible,\n.mgw-industries .mgw-industry:active,\n.mgw-industries .mgw-industry.is-active {\n\n  background:\n    transparent !important;\n\n  background-color:\n    transparent !important;\n\n  background-image:\n    none !important;\n\n  border-radius:\n    0 !important;\n\n  outline:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n  text-shadow:\n    none !important;\n\n  color:\n    var(--mg-navy) !important;\n\n}\n\n\n\n\/* =========================================================\n   INDUSTRY BUTTON\n   ========================================================= *\/\n\n.mgw-industries .mgw-industry {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  min-width:\n    0;\n\n  margin:\n    0;\n\n  padding:\n    23px 0;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    42px\n    minmax(0,1fr);\n\n  gap:\n    18px;\n\n  align-items:\n    start;\n\n  border:\n    0 !important;\n\n  border-bottom:\n    1px solid\n    var(--mg-border) !important;\n\n  font-family:\n    'Lato',\n    sans-serif !important;\n\n  font-size:\n    inherit !important;\n\n  line-height:\n    normal !important;\n\n  font-weight:\n    inherit !important;\n\n  letter-spacing:\n    normal !important;\n\n  text-align:\n    left !important;\n\n  text-transform:\n    none !important;\n\n  appearance:\n    none;\n\n  -webkit-appearance:\n    none;\n\n  cursor:\n    pointer;\n\n  -webkit-tap-highlight-color:\n    transparent;\n\n  transition:\n    padding-left .23s ease;\n\n}\n\n\n\n\/* =========================================================\n   ACTIVE BAR\n   ========================================================= *\/\n\n.mgw-industries .mgw-industry::before {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  left:\n    -1px;\n\n  top:\n    0;\n\n  width:\n    2px;\n\n  height:\n    0;\n\n  background:\n    var(--mg-blue);\n\n  transition:\n    height .27s ease;\n\n}\n\n\n\n.mgw-industries .mgw-industry.is-active {\n\n  padding-left:\n    19px;\n\n}\n\n\n\n.mgw-industries .mgw-industry.is-active::before {\n\n  height:\n    100%;\n\n}\n\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.mgw-industries\n.mgw-industry__number {\n\n  display:\n    block;\n\n  padding-top:\n    7px;\n\n  color:\n    var(--mg-blue) !important;\n\n  font-size:\n    10px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n\/* =========================================================\n   BODY\n   ========================================================= *\/\n\n.mgw-industry__body {\n\n  display:\n    block;\n\n  min-width:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   TOP ROW\n   ========================================================= *\/\n\n.mgw-industry__top {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    20px;\n\n  min-width:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.mgw-industries\n.mgw-industry__title {\n\n  display:\n    block;\n\n  min-width:\n    0;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-family:\n    'Lato',\n    sans-serif !important;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.28 !important;\n\n  font-weight:\n    900 !important;\n\n  letter-spacing:\n    -.016em !important;\n\n  text-transform:\n    none !important;\n\n  white-space:\n    normal !important;\n\n  overflow:\n    visible !important;\n\n  text-overflow:\n    clip !important;\n\n}\n\n\n\n\/* =========================================================\n   PLUS\n   ========================================================= *\/\n\n.mgw-industry__plus {\n\n  position:\n    relative;\n\n  display:\n    block;\n\n  width:\n    17px;\n\n  height:\n    17px;\n\n  flex:\n    0 0 17px;\n\n}\n\n\n\n.mgw-industry__plus::before,\n.mgw-industry__plus::after {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  left:\n    50%;\n\n  top:\n    50%;\n\n  background:\n    var(--mg-blue);\n\n  transform:\n    translate(-50%,-50%);\n\n  transition:\n    opacity .22s ease,\n    transform .22s ease;\n\n}\n\n\n\n.mgw-industry__plus::before {\n\n  width:\n    13px;\n\n  height:\n    1px;\n\n}\n\n\n\n.mgw-industry__plus::after {\n\n  width:\n    1px;\n\n  height:\n    13px;\n\n}\n\n\n\n.mgw-industry.is-active\n.mgw-industry__plus::after {\n\n  opacity:\n    0;\n\n  transform:\n    translate(-50%,-50%)\n    rotate(90deg);\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n\/*\n * KLUCZOWA ZMIANA:\n *\n * Nie animujemy ju\u017c grid-template-rows 0fr\/1fr.\n * Wrapper mo\u017ce mie\u0107 overflow hidden podczas animacji,\n * ale sam tekst NIGDY nie jest przycinany.\n *\/\n\n.mgw-industry__description {\n\n  display:\n    block;\n\n  max-height:\n    0;\n\n  opacity:\n    0;\n\n  overflow:\n    hidden;\n\n  transition:\n    max-height .34s\n    cubic-bezier(.4,0,.2,1),\n    opacity .24s ease;\n\n}\n\n\n\n\/* TEXT *\/\n\n.mgw-industry__description-inner {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  max-width:\n    410px;\n\n  padding:\n    13px 0 3px;\n\n  margin:\n    0;\n\n  overflow:\n    visible !important;\n\n  color:\n    var(--mg-muted) !important;\n\n  font-family:\n    'Lato',\n    sans-serif !important;\n\n  font-size:\n    13.5px !important;\n\n  line-height:\n    1.68 !important;\n\n  font-weight:\n    400 !important;\n\n  letter-spacing:\n    normal !important;\n\n  text-transform:\n    none !important;\n\n  white-space:\n    normal !important;\n\n  word-break:\n    normal !important;\n\n  overflow-wrap:\n    break-word;\n\n}\n\n\n\n\/* ACTIVE *\/\n\n.mgw-industry.is-active\n.mgw-industry__description {\n\n  opacity:\n    1;\n\n}\n\n\n\n\/* =========================================================\n   FOCUS\n   ========================================================= *\/\n\n.mgw-industries\n.mgw-industry:focus-visible {\n\n  outline:\n    1px solid\n    rgba(104,134,159,.48) !important;\n\n  outline-offset:\n    -1px !important;\n\n}\n\n\n\n\/* =========================================================\n   BOTTOM CTA\n   ========================================================= *\/\n\n.mgw-industries__bottom {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    45px;\n\n  margin-top:\n    43px;\n\n  padding-top:\n    31px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n.mgw-industries__bottom p {\n\n  max-width:\n    820px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.6;\n\n}\n\n\n\n.mgw-industries__bottom strong {\n\n  display:\n    block;\n\n  margin-top:\n    3px;\n\n  color:\n    var(--mg-navy);\n\n  font-weight:\n    700;\n\n}\n\n\n\n\/* CTA LINK *\/\n\n.mgw-industries__bottom a,\n.mgw-industries__bottom a:link,\n.mgw-industries__bottom a:visited {\n\n  flex-shrink:\n    0;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    10px;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .065em;\n\n  text-transform:\n    uppercase;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    color .2s ease;\n\n}\n\n\n\n.mgw-industries__bottom a:hover {\n\n  color:\n    var(--mg-blue) !important;\n\n}\n\n\n\n.mgw-industries__bottom a svg {\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.6;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n\n.mgw-industries__bottom a:hover svg {\n\n  transform:\n    translateX(3px);\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-industries {\n\n    padding:\n      96px 0 92px;\n\n  }\n\n\n  .mgw-industries__container {\n\n    width:\n      calc(100% - 48px);\n\n  }\n\n\n  .mgw-industries__header {\n\n    grid-template-columns:\n      1fr .58fr;\n\n    gap:\n      50px;\n\n  }\n\n\n  .mgw-industries__main {\n\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(330px,.82fr);\n\n    gap:\n      40px;\n\n  }\n\n\n  .mgw-industries__visual {\n\n    min-height:\n      550px;\n\n  }\n\n\n  .mgw-industries\n  .mgw-industry__title {\n\n    font-size:\n      18px !important;\n\n  }\n\n\n  .mgw-industry__description-inner {\n\n    font-size:\n      13px !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-industries__header {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      25px;\n\n  }\n\n\n  .mgw-industries__intro p {\n\n    max-width:\n      650px;\n\n  }\n\n\n  .mgw-industries__main {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      37px;\n\n  }\n\n\n  .mgw-industries__visual {\n\n    min-height:\n      500px;\n\n  }\n\n\n  .mgw-industry__description-inner {\n\n    max-width:\n      650px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-industries {\n\n    padding:\n      72px 0 69px;\n\n  }\n\n\n  .mgw-industries__container {\n\n    width:\n      calc(100% - 36px);\n\n  }\n\n\n\n  \/* HEADER *\/\n\n  .mgw-industries__header {\n\n    margin-bottom:\n      35px;\n\n  }\n\n\n  .mgw-industries__eyebrow {\n\n    margin-bottom:\n      20px;\n\n    font-size:\n      10px;\n\n  }\n\n\n  .mgw-industries__eyebrow > span {\n\n    width:\n      30px;\n\n  }\n\n\n  .mgw-industries__heading h2 {\n\n    font-size:\n      37px;\n\n    line-height:\n      1.06;\n\n  }\n\n\n  .mgw-industries__intro p {\n\n    font-size:\n      14.5px;\n\n    line-height:\n      1.68;\n\n  }\n\n\n\n  \/* MAIN *\/\n\n  .mgw-industries__main {\n\n    gap:\n      30px;\n\n  }\n\n\n\n  \/* VISUAL *\/\n\n  .mgw-industries__visual {\n\n    min-height:\n      0;\n\n    aspect-ratio:\n      4 \/ 3;\n\n  }\n\n\n  .mgw-industries__visual-caption {\n\n    left:\n      20px;\n\n    right:\n      20px;\n\n    bottom:\n      18px;\n\n  }\n\n\n  .mgw-industries__visual-number {\n\n    font-size:\n      8px;\n\n  }\n\n\n  .mgw-industries__current-title {\n\n    max-width:\n      210px;\n\n    font-size:\n      15px;\n\n    line-height:\n      1.3;\n\n  }\n\n\n  .mgw-industries__visual-corner {\n\n    width:\n      32px;\n\n    height:\n      32px;\n\n    top:\n      17px;\n\n    left:\n      17px;\n\n  }\n\n\n\n  \/* ACCORDION *\/\n\n  .mgw-industries\n  .mgw-industry {\n\n    grid-template-columns:\n      31px\n      minmax(0,1fr);\n\n    gap:\n      13px;\n\n    padding:\n      20px 0;\n\n  }\n\n\n  .mgw-industries\n  .mgw-industry.is-active {\n\n    padding-left:\n      13px;\n\n    padding-right:\n      3px;\n\n  }\n\n\n  .mgw-industries\n  .mgw-industry__number {\n\n    padding-top:\n      6px;\n\n    font-size:\n      9px;\n\n  }\n\n\n  .mgw-industry__top {\n\n    gap:\n      14px;\n\n  }\n\n\n  .mgw-industries\n  .mgw-industry__title {\n\n    font-size:\n      18px !important;\n\n    line-height:\n      1.31 !important;\n\n  }\n\n\n  .mgw-industry__description-inner {\n\n    width:\n      100%;\n\n    max-width:\n      none;\n\n    padding:\n      12px 0 5px;\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1.7 !important;\n\n  }\n\n\n\n  \/* BOTTOM CTA *\/\n\n  .mgw-industries__bottom {\n\n    display:\n      block;\n\n    margin-top:\n      34px;\n\n    padding-top:\n      27px;\n\n  }\n\n\n  .mgw-industries__bottom strong {\n\n    margin-top:\n      4px;\n\n  }\n\n\n  .mgw-industries__bottom a {\n\n    margin-top:\n      20px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-industries__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-industries__heading h2 {\n\n    font-size:\n      34px;\n\n  }\n\n\n  .mgw-industries__visual {\n\n    aspect-ratio:\n      4 \/ 3;\n\n  }\n\n\n  .mgw-industries__visual-caption {\n\n    left:\n      17px;\n\n    right:\n      17px;\n\n  }\n\n\n  .mgw-industries\n  .mgw-industry {\n\n    grid-template-columns:\n      28px\n      minmax(0,1fr);\n\n    gap:\n      11px;\n\n  }\n\n\n  .mgw-industries\n  .mgw-industry__title {\n\n    font-size:\n      17px !important;\n\n  }\n\n\n  .mgw-industry__description-inner {\n\n    font-size:\n      12.8px !important;\n\n    line-height:\n      1.72 !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .mgw-industries__image,\n  .mgw-industries .mgw-industry,\n  .mgw-industry__description {\n\n    transition:\n      none !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n(function() {\n\n  const sections =\n    document.querySelectorAll(\n      '[data-mgw-industries]'\n    );\n\n\n  if (!sections.length) {\n    return;\n  }\n\n\n\n  sections.forEach(function(section) {\n\n    const buttons =\n      Array.from(\n        section.querySelectorAll(\n          '.mgw-industry'\n        )\n      );\n\n\n    const images =\n      Array.from(\n        section.querySelectorAll(\n          '.mgw-industries__image'\n        )\n      );\n\n\n    const current =\n      section.querySelector(\n        '.mgw-industries__current'\n      );\n\n\n    const currentTitle =\n      section.querySelector(\n        '.mgw-industries__current-title'\n      );\n\n\n    if (\n      !buttons.length ||\n      !images.length\n    ) {\n      return;\n    }\n\n\n\n    \/* =====================================================\n       NUMBER\n       ===================================================== *\/\n\n    function formatNumber(index) {\n\n      return String(index + 1)\n        .padStart(2, '0');\n\n    }\n\n\n\n    \/* =====================================================\n       SET DESCRIPTION HEIGHT\n       ===================================================== *\/\n\n    function setDescriptionHeight(\n      button,\n      open,\n      immediate\n    ) {\n\n      const description =\n        button.querySelector(\n          '.mgw-industry__description'\n        );\n\n\n      const inner =\n        button.querySelector(\n          '.mgw-industry__description-inner'\n        );\n\n\n      if (\n        !description ||\n        !inner\n      ) {\n        return;\n      }\n\n\n\n      \/*\n       * Important:\n       *\n       * Text is never clipped itself.\n       * Only wrapper is animated.\n       *\/\n\n      if (open) {\n\n        \/*\n         * Start from current measured height.\n         *\/\n\n        description.style.maxHeight =\n          inner.scrollHeight + 'px';\n\n\n        description.style.opacity =\n          '1';\n\n\n\n        \/*\n         * After animation allow natural height.\n         *\n         * This completely eliminates text clipping\n         * after opening.\n         *\/\n\n        if (!immediate) {\n\n          window.setTimeout(\n            function() {\n\n              if (\n                button.classList.contains(\n                  'is-active'\n                )\n              ) {\n\n                description.style.maxHeight =\n                  'none';\n\n              }\n\n            },\n            380\n          );\n\n        }\n\n        else {\n\n          description.style.maxHeight =\n            'none';\n\n        }\n\n      }\n\n      else {\n\n        \/*\n         * If it currently has max-height:none,\n         * first set its real px height.\n         *\/\n\n        const currentHeight =\n          inner.scrollHeight;\n\n\n        description.style.maxHeight =\n          currentHeight + 'px';\n\n\n        \/*\n         * Force browser reflow before collapsing.\n         *\/\n\n        description.offsetHeight;\n\n\n        description.style.maxHeight =\n          '0px';\n\n\n        description.style.opacity =\n          '0';\n\n      }\n\n    }\n\n\n\n    \/* =====================================================\n       ACTIVATE\n       ===================================================== *\/\n\n    function activate(\n      index,\n      immediate\n    ) {\n\n      buttons.forEach(\n        function(button, buttonIndex) {\n\n          const active =\n            buttonIndex === index;\n\n\n          button.classList.toggle(\n            'is-active',\n            active\n          );\n\n\n          button.setAttribute(\n            'aria-expanded',\n            active\n              ? 'true'\n              : 'false'\n          );\n\n\n          setDescriptionHeight(\n            button,\n            active,\n            !!immediate\n          );\n\n        }\n      );\n\n\n\n      images.forEach(\n        function(image, imageIndex) {\n\n          image.classList.toggle(\n            'is-active',\n            imageIndex === index\n          );\n\n        }\n      );\n\n\n\n      if (current) {\n\n        current.textContent =\n          formatNumber(index);\n\n      }\n\n\n\n      if (currentTitle) {\n\n        const title =\n          buttons[index]\n            .querySelector(\n              '.mgw-industry__title'\n            );\n\n\n        if (title) {\n\n          currentTitle.textContent =\n            title.textContent.trim();\n\n        }\n\n      }\n\n    }\n\n\n\n    \/* =====================================================\n       EVENTS\n       ===================================================== *\/\n\n    buttons.forEach(\n      function(button, index) {\n\n\n        \/* DESKTOP HOVER *\/\n\n        button.addEventListener(\n          'mouseenter',\n          function() {\n\n            const hoverDevice =\n              window.matchMedia(\n                '(hover: hover) and (pointer: fine)'\n              ).matches;\n\n\n            if (hoverDevice) {\n\n              activate(\n                index,\n                false\n              );\n\n            }\n\n          }\n        );\n\n\n\n        \/* CLICK *\/\n\n        button.addEventListener(\n          'click',\n          function(event) {\n\n            event.preventDefault();\n\n\n            activate(\n              index,\n              false\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       RESIZE\n       ===================================================== *\/\n\n    let resizeTimer;\n\n\n    window.addEventListener(\n      'resize',\n      function() {\n\n        window.clearTimeout(\n          resizeTimer\n        );\n\n\n        resizeTimer =\n          window.setTimeout(\n            function() {\n\n              buttons.forEach(\n                function(button) {\n\n                  if (\n                    button.classList.contains(\n                      'is-active'\n                    )\n                  ) {\n\n                    const description =\n                      button.querySelector(\n                        '.mgw-industry__description'\n                      );\n\n\n                    if (description) {\n\n                      \/*\n                       * Natural height after resize.\n                       *\/\n\n                      description.style.maxHeight =\n                        'none';\n\n                    }\n\n                  }\n\n                }\n              );\n\n            },\n            120\n          );\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n\n    \/* =====================================================\n       INIT\n       ===================================================== *\/\n\n    activate(\n      0,\n      true\n    );\n\n  });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2643f81 e-con-full e-flex e-con e-parent\" data-id=\"2643f81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-402ec1e elementor-widget elementor-widget-html\" data-id=\"402ec1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-film\" data-mgw-film>\n\n  <div class=\"mgw-film__decor\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mgw-film__container\">\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"mgw-film__header\">\n\n      <div class=\"mgw-film__heading\">\n\n        <div class=\"mgw-film__eyebrow\">\n          <span><\/span>\n          MG WIRES OD \u015aRODKA\n        <\/div>\n\n        <h2>\n          Produkcja, technologia\n          i do\u015bwiadczenie od \u015brodka\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"mgw-film__intro\">\n\n        <p>\n          Zajrzyj do zak\u0142adu MG Wires i zobacz zaplecze produkcyjne,\n          park maszynowy oraz procesy stoj\u0105ce za produkcj\u0105 kabli\n          dla przemys\u0142u i zastosowa\u0144 specjalistycznych.\n        <\/p>\n\n        <div class=\"mgw-film__meta\">\n          <span>FILM FIRMOWY<\/span>\n          <strong>02:28<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         FILM COVER\n         ===================================================== -->\n\n    <button\n      type=\"button\"\n      class=\"mgw-film__poster\"\n      data-mgw-film-open\n      aria-label=\"Odtw\u00f3rz film o MG Wires\"\n    >\n\n      <img\n        src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/onas1.png\"\n        alt=\"\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n\n\n      <span class=\"mgw-film__poster-overlay\"><\/span>\n\n\n      <!-- TECHNICAL CORNERS -->\n\n      <span\n        class=\"mgw-film__corner mgw-film__corner--tl\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <span\n        class=\"mgw-film__corner mgw-film__corner--br\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n\n      <!-- PLAY -->\n\n      <span class=\"mgw-film__play\">\n\n        <span class=\"mgw-film__play-circle\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M9 7.5L17 12L9 16.5V7.5Z\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mgw-film__play-label\">\n          ODTW\u00d3RZ FILM\n        <\/span>\n\n      <\/span>\n\n\n      <!-- BOTTOM CONTENT -->\n\n      <span class=\"mgw-film__poster-bottom\">\n\n        <span class=\"mgw-film__poster-copy\">\n\n          <span>\n            FILM O MG WIRES\n          <\/span>\n\n          <strong>\n            Zobacz nasze zaplecze produkcyjne\n          <\/strong>\n\n        <\/span>\n\n\n        <span class=\"mgw-film__duration\">\n\n          <span>02<\/span>\n          <i>:<\/i>\n          <span>28<\/span>\n\n        <\/span>\n\n      <\/span>\n\n    <\/button>\n\n\n\n    <!-- =====================================================\n         BOTTOM STRIP\n         ===================================================== -->\n\n    <div class=\"mgw-film__strip\">\n\n      <div class=\"mgw-film__strip-item\">\n        <span>01<\/span>\n        <strong>W\u0142asna produkcja<\/strong>\n      <\/div>\n\n      <div class=\"mgw-film__strip-item\">\n        <span>02<\/span>\n        <strong>Park maszynowy<\/strong>\n      <\/div>\n\n      <div class=\"mgw-film__strip-item\">\n        <span>03<\/span>\n        <strong>Kontrola procesu<\/strong>\n      <\/div>\n\n      <div class=\"mgw-film__strip-item\">\n        <span>04<\/span>\n        <strong>Rozwi\u0105zania B2B<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       LIGHTBOX\n       ===================================================== -->\n\n  <div\n    class=\"mgw-film-modal\"\n    data-mgw-film-modal\n    aria-hidden=\"true\"\n  >\n\n    <div\n      class=\"mgw-film-modal__backdrop\"\n      data-mgw-film-close\n    ><\/div>\n\n\n    <div\n      class=\"mgw-film-modal__dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"Film o MG Wires\"\n    >\n\n      <div class=\"mgw-film-modal__top\">\n\n        <div class=\"mgw-film-modal__label\">\n\n          <span>MG WIRES<\/span>\n          <strong>Film firmowy<\/strong>\n\n        <\/div>\n\n\n        <button\n          type=\"button\"\n          class=\"mgw-film-modal__close\"\n          data-mgw-film-close\n          aria-label=\"Zamknij film\"\n        >\n\n          <span><\/span>\n          <span><\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <div\n        class=\"mgw-film-modal__player\"\n        data-mgw-film-player\n      ><\/div>\n\n\n      <div class=\"mgw-film-modal__footer\">\n\n        <span>\n          PRODUKCJA \/ TECHNOLOGIA \/ MG WIRES\n        <\/span>\n\n        <span>\n          02:28\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 FILM\n   ========================================================= *\/\n\n.mgw-film {\n\n  --mg-navy: #02163B;\n  --mg-dark: #010D24;\n  --mg-dark-2: #01122F;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n\n  --mg-text:\n    rgba(254,254,254,.72);\n\n  --mg-muted:\n    rgba(254,254,254,.48);\n\n  --mg-border:\n    rgba(104,134,159,.25);\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    116px 0 102px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #010D24 0%,\n      #02163B 56%,\n      #01122F 100%\n    );\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n  overflow: hidden;\n\n  isolation: isolate;\n\n}\n\n\n\n\/* =========================================================\n   BACKGROUND DECOR\n   ========================================================= *\/\n\n.mgw-film__decor {\n\n  position: absolute;\n\n  z-index: 0;\n\n  width: 760px;\n  height: 760px;\n\n  right: -330px;\n  top: -290px;\n\n  border:\n    1px solid\n    rgba(104,134,159,.09);\n\n  transform:\n    rotate(45deg);\n\n  pointer-events: none;\n\n}\n\n\n.mgw-film__decor::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 95px;\n\n  border:\n    1px solid\n    rgba(104,134,159,.065);\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-film__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin:\n    0 auto;\n\n}\n\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.mgw-film__header {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.12fr)\n    minmax(320px,.67fr);\n\n  align-items: end;\n\n  gap: 90px;\n\n  margin-bottom: 51px;\n\n}\n\n\n\n\/* EYEBROW *\/\n\n.mgw-film__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 22px;\n\n  color:\n    #9DB3C4;\n\n  font-size: 11px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .18em;\n\n}\n\n\n.mgw-film__eyebrow span {\n\n  display: block;\n\n  width: 36px;\n  height: 1px;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n\n\/* TITLE *\/\n\n.mgw-film__heading h2 {\n\n  max-width: 790px;\n\n  margin: 0;\n\n  color:\n    var(--mg-white);\n\n  font-size:\n    clamp(\n      43px,\n      3.7vw,\n      57px\n    );\n\n  line-height: 1.045;\n\n  font-weight: 900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n\n\/* INTRO *\/\n\n.mgw-film__intro p {\n\n  max-width: 430px;\n\n  margin: 0;\n\n  color:\n    var(--mg-text);\n\n  font-size: 15px;\n\n  line-height: 1.72;\n\n}\n\n\n\n\/* META *\/\n\n.mgw-film__meta {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 29px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-film__meta span {\n\n  color:\n    #91A9BB;\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .16em;\n\n}\n\n\n.mgw-film__meta strong {\n\n  color:\n    var(--mg-white);\n\n  font-size: 13px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .1em;\n\n}\n\n\n\n\/* =========================================================\n   ELEMENTOR BUTTON RESET \u2014 POSTER\n   ========================================================= *\/\n\n.mgw-film .mgw-film__poster,\n.mgw-film .mgw-film__poster:hover,\n.mgw-film .mgw-film__poster:focus,\n.mgw-film .mgw-film__poster:focus-visible,\n.mgw-film .mgw-film__poster:active {\n\n  background:\n    transparent !important;\n\n  background-color:\n    transparent !important;\n\n  background-image:\n    none !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n  outline:\n    none !important;\n\n  color:\n    inherit !important;\n\n}\n\n\n\n\/* =========================================================\n   POSTER\n   ========================================================= *\/\n\n.mgw-film__poster {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio:\n    16 \/ 7.2;\n\n  display: block;\n\n  margin: 0;\n\n  padding: 0 !important;\n\n  overflow: hidden;\n\n  cursor: pointer;\n\n  appearance: none;\n  -webkit-appearance: none;\n\n  text-align: left;\n\n  isolation: isolate;\n\n  -webkit-tap-highlight-color:\n    transparent;\n\n}\n\n\n\n\/* IMAGE *\/\n\n.mgw-film__poster > img {\n\n  position: absolute;\n\n  z-index: 1;\n\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position:\n    50% 48%;\n\n  filter:\n    saturate(.82)\n    contrast(1.04)\n    brightness(.87);\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s\n    cubic-bezier(.2,.6,.2,1),\n    filter .4s ease;\n\n}\n\n\n.mgw-film__poster:hover > img {\n\n  transform:\n    scale(1.022);\n\n  filter:\n    saturate(.88)\n    contrast(1.04)\n    brightness(.94);\n\n}\n\n\n\n\/* OVERLAY *\/\n\n.mgw-film__poster-overlay {\n\n  position: absolute;\n\n  z-index: 2;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n\n    linear-gradient(\n      90deg,\n      rgba(2,22,59,.55) 0%,\n      rgba(2,22,59,.18) 35%,\n      rgba(2,22,59,.04) 68%\n    ),\n\n    linear-gradient(\n      180deg,\n      rgba(1,13,36,.12) 0%,\n      rgba(1,13,36,.02) 38%,\n      rgba(1,13,36,.20) 61%,\n      rgba(1,13,36,.88) 100%\n    );\n\n}\n\n\n\n\/* =========================================================\n   TECH CORNERS\n   ========================================================= *\/\n\n.mgw-film__corner {\n\n  position: absolute;\n\n  z-index: 5;\n\n  width: 42px;\n  height: 42px;\n\n  pointer-events: none;\n\n}\n\n\n.mgw-film__corner--tl {\n\n  top: 24px;\n  left: 24px;\n\n  border-top:\n    1px solid\n    rgba(254,254,254,.55);\n\n  border-left:\n    1px solid\n    rgba(254,254,254,.55);\n\n}\n\n\n.mgw-film__corner--br {\n\n  right: 24px;\n  bottom: 24px;\n\n  border-right:\n    1px solid\n    rgba(254,254,254,.35);\n\n  border-bottom:\n    1px solid\n    rgba(254,254,254,.35);\n\n}\n\n\n\n\/* =========================================================\n   PLAY\n   ========================================================= *\/\n\n.mgw-film__play {\n\n  position: absolute;\n\n  z-index: 6;\n\n  left: 50%;\n  top: 50%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 15px;\n\n  transform:\n    translate(-50%,-50%);\n\n  pointer-events: none;\n\n}\n\n\n\n\/* CIRCLE *\/\n\n.mgw-film__play-circle {\n\n  position: relative;\n\n  width: 82px;\n  height: 82px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid\n    rgba(254,254,254,.78);\n\n  border-radius: 50%;\n\n  background:\n    rgba(2,22,59,.28);\n\n  backdrop-filter:\n    blur(5px);\n\n  -webkit-backdrop-filter:\n    blur(5px);\n\n  transition:\n    background-color .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n\n}\n\n\n.mgw-film__play-circle::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: -8px;\n\n  border:\n    1px solid\n    rgba(254,254,254,.12);\n\n  border-radius: 50%;\n\n}\n\n\n.mgw-film__play-circle svg {\n\n  width: 27px;\n  height: 27px;\n\n  fill:\n    var(--mg-white);\n\n  stroke: none;\n\n  transform:\n    translateX(2px);\n\n}\n\n\n.mgw-film__poster:hover\n.mgw-film__play-circle {\n\n  transform:\n    scale(1.06);\n\n  background:\n    var(--mg-blue);\n\n  border-color:\n    var(--mg-blue);\n\n}\n\n\n\n\/* LABEL *\/\n\n.mgw-film__play-label {\n\n  color:\n    var(--mg-white);\n\n  font-size: 10px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .17em;\n\n  text-shadow:\n    0 2px 10px\n    rgba(0,0,0,.22);\n\n}\n\n\n\n\/* =========================================================\n   POSTER BOTTOM\n   ========================================================= *\/\n\n.mgw-film__poster-bottom {\n\n  position: absolute;\n\n  z-index: 6;\n\n  left: 35px;\n  right: 35px;\n  bottom: 31px;\n\n  display: flex;\n\n  align-items: flex-end;\n\n  justify-content: space-between;\n\n  gap: 40px;\n\n  pointer-events: none;\n\n}\n\n\n\n\/* COPY *\/\n\n.mgw-film__poster-copy {\n\n  display: block;\n\n}\n\n\n.mgw-film__poster-copy > span {\n\n  display: block;\n\n  margin-bottom: 8px;\n\n  color:\n    #A5B9C8;\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .17em;\n\n}\n\n\n.mgw-film__poster-copy strong {\n\n  display: block;\n\n  color:\n    var(--mg-white);\n\n  font-size: 18px;\n\n  line-height: 1.3;\n\n  font-weight: 900;\n\n}\n\n\n\n\/* DURATION *\/\n\n.mgw-film__duration {\n\n  display: flex;\n\n  align-items: baseline;\n\n  gap: 5px;\n\n  color:\n    var(--mg-white);\n\n  font-size: 13px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .08em;\n\n}\n\n\n.mgw-film__duration i {\n\n  color:\n    var(--mg-blue);\n\n  font-style: normal;\n\n}\n\n\n\n\/* =========================================================\n   STRIP\n   ========================================================= *\/\n\n.mgw-film__strip {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  border-left:\n    1px solid\n    var(--mg-border);\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-film__strip-item {\n\n  min-height: 94px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 18px;\n\n  padding:\n    22px 25px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n  border-right:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-film__strip-item span {\n\n  color:\n    var(--mg-blue);\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .15em;\n\n}\n\n\n.mgw-film__strip-item strong {\n\n  color:\n    rgba(254,254,254,.82);\n\n  font-size: 13px;\n\n  line-height: 1.4;\n\n  font-weight: 700;\n\n}\n\n\n\n\/* =========================================================\n   MODAL\n   ========================================================= *\/\n\n.mgw-film-modal {\n\n  position: fixed;\n\n  z-index: 999999;\n\n  inset: 0;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 32px;\n\n  opacity: 0;\n\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transition:\n    opacity .3s ease,\n    visibility .3s ease;\n\n}\n\n\n.mgw-film-modal.is-open {\n\n  opacity: 1;\n\n  visibility: visible;\n\n  pointer-events: auto;\n\n}\n\n\n\n\/* BACKDROP *\/\n\n.mgw-film-modal__backdrop {\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    rgba(1,8,20,.965);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n\n}\n\n\n\n\/* DIALOG *\/\n\n.mgw-film-modal__dialog {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1320px,\n      calc(100vw - 64px)\n    );\n\n  transform:\n    translateY(15px)\n    scale(.985);\n\n  transition:\n    transform .35s\n    cubic-bezier(.2,.6,.2,1);\n\n}\n\n\n.mgw-film-modal.is-open\n.mgw-film-modal__dialog {\n\n  transform:\n    translateY(0)\n    scale(1);\n\n}\n\n\n\n\/* MODAL TOP *\/\n\n.mgw-film-modal__top {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-bottom: 17px;\n\n}\n\n\n\n\/* LABEL *\/\n\n.mgw-film-modal__label {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 13px;\n\n}\n\n\n.mgw-film-modal__label span {\n\n  color:\n    var(--mg-blue);\n\n  font-size: 9px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .17em;\n\n}\n\n\n.mgw-film-modal__label strong {\n\n  color:\n    rgba(254,254,254,.72);\n\n  font-size: 12px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n}\n\n\n\n\/* =========================================================\n   ELEMENTOR RESET \u2014 CLOSE\n   ========================================================= *\/\n\n.mgw-film\n.mgw-film-modal__close,\n.mgw-film\n.mgw-film-modal__close:hover,\n.mgw-film\n.mgw-film-modal__close:focus,\n.mgw-film\n.mgw-film-modal__close:active {\n\n  background:\n    transparent !important;\n\n  background-color:\n    transparent !important;\n\n  border:\n    1px solid\n    rgba(254,254,254,.22) !important;\n\n  border-radius:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n  outline:\n    none !important;\n\n}\n\n\n\n\/* CLOSE *\/\n\n.mgw-film-modal__close {\n\n  position: relative;\n\n  width: 42px;\n  height: 42px;\n\n  margin: 0;\n  padding: 0 !important;\n\n  cursor: pointer;\n\n  transition:\n    border-color .2s ease !important;\n\n}\n\n\n.mgw-film-modal__close:hover {\n\n  border-color:\n    var(--mg-blue) !important;\n\n}\n\n\n.mgw-film-modal__close span {\n\n  position: absolute;\n\n  width: 16px;\n  height: 1px;\n\n  left: 50%;\n  top: 50%;\n\n  background:\n    var(--mg-white);\n\n}\n\n\n.mgw-film-modal__close span:first-child {\n\n  transform:\n    translate(-50%,-50%)\n    rotate(45deg);\n\n}\n\n\n.mgw-film-modal__close span:last-child {\n\n  transform:\n    translate(-50%,-50%)\n    rotate(-45deg);\n\n}\n\n\n\n\/* =========================================================\n   PLAYER\n   ========================================================= *\/\n\n.mgw-film-modal__player {\n\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio:\n    16 \/ 9;\n\n  overflow: hidden;\n\n  background:\n    #000;\n\n  box-shadow:\n    0 30px 90px\n    rgba(0,0,0,.40);\n\n}\n\n\n.mgw-film-modal__player iframe {\n\n  position: absolute;\n\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n\n}\n\n\n\n\/* =========================================================\n   MODAL FOOTER\n   ========================================================= *\/\n\n.mgw-film-modal__footer {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 15px;\n\n  color:\n    rgba(254,254,254,.38);\n\n  font-size: 8px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .16em;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-film {\n\n    padding:\n      96px 0 88px;\n\n  }\n\n\n  .mgw-film__container {\n\n    width:\n      calc(100% - 48px);\n\n  }\n\n\n  .mgw-film__header {\n\n    gap: 50px;\n\n  }\n\n\n  .mgw-film__poster {\n\n    aspect-ratio:\n      16 \/ 8;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-film__header {\n\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n\n  }\n\n\n  .mgw-film__intro p {\n\n    max-width: 650px;\n\n  }\n\n\n  .mgw-film__meta {\n\n    max-width: 650px;\n\n  }\n\n\n  .mgw-film__strip {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-film {\n\n    padding:\n      72px 0 66px;\n\n  }\n\n\n  .mgw-film__container {\n\n    width:\n      calc(100% - 36px);\n\n  }\n\n\n  \/* HEADER *\/\n\n  .mgw-film__header {\n\n    margin-bottom: 34px;\n\n  }\n\n\n  .mgw-film__eyebrow {\n\n    margin-bottom: 20px;\n\n    font-size: 10px;\n\n  }\n\n\n  .mgw-film__eyebrow span {\n\n    width: 30px;\n\n  }\n\n\n  .mgw-film__heading h2 {\n\n    font-size: 37px;\n\n    line-height: 1.06;\n\n  }\n\n\n  .mgw-film__intro p {\n\n    font-size: 14.5px;\n\n    line-height: 1.68;\n\n  }\n\n\n  .mgw-film__meta {\n\n    margin-top: 23px;\n\n    padding-top: 17px;\n\n  }\n\n\n\n  \/* POSTER *\/\n\n  .mgw-film__poster {\n\n    aspect-ratio:\n      16 \/ 10;\n\n  }\n\n\n  .mgw-film__poster > img {\n\n    object-position:\n      56% center;\n\n  }\n\n\n  .mgw-film__corner {\n\n    width: 30px;\n    height: 30px;\n\n  }\n\n\n  .mgw-film__corner--tl {\n\n    top: 15px;\n    left: 15px;\n\n  }\n\n\n  .mgw-film__corner--br {\n\n    right: 15px;\n    bottom: 15px;\n\n  }\n\n\n  \/* PLAY *\/\n\n  .mgw-film__play {\n\n    gap: 12px;\n\n  }\n\n\n  .mgw-film__play-circle {\n\n    width: 68px;\n    height: 68px;\n\n  }\n\n\n  .mgw-film__play-circle svg {\n\n    width: 23px;\n    height: 23px;\n\n  }\n\n\n  .mgw-film__play-label {\n\n    font-size: 9px;\n\n  }\n\n\n  \/* POSTER BOTTOM *\/\n\n  .mgw-film__poster-bottom {\n\n    left: 20px;\n    right: 20px;\n    bottom: 18px;\n\n  }\n\n\n  .mgw-film__poster-copy {\n\n    display: none;\n\n  }\n\n\n\n  \/* STRIP *\/\n\n  .mgw-film__strip-item {\n\n    min-height: 76px;\n\n    padding:\n      18px 16px;\n\n    gap: 12px;\n\n  }\n\n\n  .mgw-film__strip-item strong {\n\n    font-size: 12px;\n\n  }\n\n\n\n  \/* MODAL *\/\n\n  .mgw-film-modal {\n\n    padding:\n      16px;\n\n  }\n\n\n  .mgw-film-modal__dialog {\n\n    width: 100%;\n\n  }\n\n\n  .mgw-film-modal__label strong {\n\n    display: none;\n\n  }\n\n\n  .mgw-film-modal__footer {\n\n    display: none;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-film__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-film__heading h2 {\n\n    font-size: 34px;\n\n  }\n\n\n  .mgw-film__poster {\n\n    aspect-ratio:\n      4 \/ 3;\n\n  }\n\n\n  .mgw-film__poster > img {\n\n    object-position:\n      60% center;\n\n  }\n\n\n  .mgw-film__strip {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .mgw-film__strip-item {\n\n    min-height: 61px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   BODY LOCK\n   ========================================================= *\/\n\nbody.mgw-film-lock {\n\n  overflow: hidden !important;\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .mgw-film__poster > img,\n  .mgw-film__play-circle,\n  .mgw-film-modal,\n  .mgw-film-modal__dialog {\n\n    transition:\n      none !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function() {\n\n  const sections =\n    document.querySelectorAll(\n      '[data-mgw-film]'\n    );\n\n\n  sections.forEach(function(section) {\n\n    const openButton =\n      section.querySelector(\n        '[data-mgw-film-open]'\n      );\n\n\n    const modal =\n      section.querySelector(\n        '[data-mgw-film-modal]'\n      );\n\n\n    const player =\n      section.querySelector(\n        '[data-mgw-film-player]'\n      );\n\n\n    const closeButtons =\n      section.querySelectorAll(\n        '[data-mgw-film-close]'\n      );\n\n\n    if (\n      !openButton ||\n      !modal ||\n      !player\n    ) {\n      return;\n    }\n\n\n    const vimeoURL =\n      'https:\/\/player.vimeo.com\/video\/1224182121' +\n      '?autoplay=1' +\n      '&title=0' +\n      '&byline=0' +\n      '&portrait=0' +\n      '&dnt=1';\n\n\n    let lastFocus = null;\n\n\n\n    \/* =====================================================\n       CREATE PLAYER ONLY AFTER CLICK\n       ===================================================== *\/\n\n    function createPlayer() {\n\n      if (\n        player.querySelector('iframe')\n      ) {\n        return;\n      }\n\n\n      const iframe =\n        document.createElement(\n          'iframe'\n        );\n\n\n      iframe.src =\n        vimeoURL;\n\n\n      iframe.allow =\n        'autoplay; fullscreen; picture-in-picture';\n\n\n      iframe.allowFullscreen =\n        true;\n\n\n      iframe.title =\n        'Film firmowy MG Wires';\n\n\n      player.appendChild(\n        iframe\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       OPEN\n       ===================================================== *\/\n\n    function openModal() {\n\n      lastFocus =\n        document.activeElement;\n\n\n      createPlayer();\n\n\n      modal.classList.add(\n        'is-open'\n      );\n\n\n      modal.setAttribute(\n        'aria-hidden',\n        'false'\n      );\n\n\n      document.body.classList.add(\n        'mgw-film-lock'\n      );\n\n\n      const close =\n        modal.querySelector(\n          '.mgw-film-modal__close'\n        );\n\n\n      if (close) {\n\n        window.setTimeout(\n          function() {\n            close.focus();\n          },\n          100\n        );\n\n      }\n\n    }\n\n\n\n    \/* =====================================================\n       CLOSE\n       ===================================================== *\/\n\n    function closeModal() {\n\n      modal.classList.remove(\n        'is-open'\n      );\n\n\n      modal.setAttribute(\n        'aria-hidden',\n        'true'\n      );\n\n\n      document.body.classList.remove(\n        'mgw-film-lock'\n      );\n\n\n      \/*\n       * Usuwamy iframe.\n       * Dzi\u0119ki temu Vimeo zatrzymuje film,\n       * a po nast\u0119pnym otwarciu zacznie od pocz\u0105tku.\n       *\/\n\n      player.innerHTML = '';\n\n\n      if (\n        lastFocus &&\n        typeof lastFocus.focus === 'function'\n      ) {\n\n        lastFocus.focus();\n\n      }\n\n    }\n\n\n\n    openButton.addEventListener(\n      'click',\n      openModal\n    );\n\n\n    closeButtons.forEach(\n      function(button) {\n\n        button.addEventListener(\n          'click',\n          closeModal\n        );\n\n      }\n    );\n\n\n\n    document.addEventListener(\n      'keydown',\n      function(event) {\n\n        if (\n          event.key === 'Escape' &&\n          modal.classList.contains(\n            'is-open'\n          )\n        ) {\n\n          closeModal();\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9af4e95 e-con-full e-flex e-con e-parent\" data-id=\"9af4e95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3319bd6 elementor-widget elementor-widget-html\" data-id=\"3319bd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-quality\" data-mgw-quality>\n\n  <div class=\"mgw-quality__container\">\n\n    <!-- HEADER -->\n    <div class=\"mgw-quality__header\">\n\n      <div class=\"mgw-quality__heading\">\n\n        <div class=\"mgw-quality__eyebrow\">\n          <span><\/span>\n          JAKO\u015a\u0106 I CERTYFIKACJA\n        <\/div>\n\n        <h2>\n          Jako\u015b\u0107 potwierdzona\n          niezale\u017cn\u0105 certyfikacj\u0105\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"mgw-quality__intro\">\n        <p>\n          MG Wires posiada wdro\u017cony System Zarz\u0105dzania Jako\u015bci\u0105\n          ISO 9001:2015, certyfikowany przez jednostk\u0119 DQS\n          z akredytacj\u0105 DAkkS.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MAIN QUALITY PANEL -->\n    <div class=\"mgw-quality__core\">\n\n      <div class=\"mgw-quality__core-main\">\n\n        <div class=\"mgw-quality__core-top\">\n\n          <div class=\"mgw-quality__iso\">\n\n            <span class=\"mgw-quality__iso-small\">\n              SYSTEM ZARZ\u0104DZANIA JAKO\u015aCI\u0104\n            <\/span>\n\n            <strong>\n              ISO\n              <span>9001:2015<\/span>\n            <\/strong>\n\n          <\/div>\n\n          <div class=\"mgw-quality__core-copy\">\n            <p>\n              System obejmuje produkcj\u0119 i dostarczanie kabli\n              w izolacjach fluoropolimerowych i bezhalogenowych,\n              kabli do zastosowa\u0144 specjalnych i instalacji\n              fotowoltaicznych oraz galwanicznie pokrywanych\n              drut\u00f3w miedzianych.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- PRIMARY DOCUMENTS -->\n        <div class=\"mgw-quality__primary-docs\">\n\n          <!-- ISO PL -->\n          <a\n            class=\"mgw-cert-doc\"\n            href=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/QM15_499681-QM15_PL.pdf\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            data-pdf-title=\"Certyfikat ISO 9001:2015 PL\"\n            data-pdf-url=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/QM15_499681-QM15_PL.pdf\"\n          >\n\n            <span class=\"mgw-cert-doc__index\">01<\/span>\n\n            <span class=\"mgw-cert-doc__content\">\n\n              <span class=\"mgw-cert-doc__label\">\n                CERTYFIKAT\n              <\/span>\n\n              <strong>\n                ISO 9001:2015\n              <\/strong>\n\n              <span class=\"mgw-cert-doc__meta\">\n                Wersja polska\n              <\/span>\n\n            <\/span>\n\n            <span class=\"mgw-cert-doc__action\">\n\n              <span>PDF<\/span>\n\n              <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                <path d=\"M4 10h11\"><\/path>\n                <path d=\"M11 6l4 4-4 4\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n          <\/a>\n\n\n          <!-- ISO EN -->\n          <a\n            class=\"mgw-cert-doc\"\n            href=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/QM15_499681-QM15_EN.pdf\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            data-pdf-title=\"Certyfikat ISO 9001:2015 EN\"\n            data-pdf-url=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/QM15_499681-QM15_EN.pdf\"\n          >\n\n            <span class=\"mgw-cert-doc__index\">02<\/span>\n\n            <span class=\"mgw-cert-doc__content\">\n\n              <span class=\"mgw-cert-doc__label\">\n                CERTIFICATE\n              <\/span>\n\n              <strong>\n                ISO 9001:2015\n              <\/strong>\n\n              <span class=\"mgw-cert-doc__meta\">\n                English version\n              <\/span>\n\n            <\/span>\n\n            <span class=\"mgw-cert-doc__action\">\n\n              <span>PDF<\/span>\n\n              <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                <path d=\"M4 10h11\"><\/path>\n                <path d=\"M11 6l4 4-4 4\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n          <\/a>\n\n\n          <!-- IQNET -->\n          <a\n            class=\"mgw-cert-doc\"\n            href=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/IQNET-499681-QM15.pdf\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            data-pdf-title=\"Certyfikat IQNet\"\n            data-pdf-url=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/IQNET-499681-QM15.pdf\"\n          >\n\n            <span class=\"mgw-cert-doc__index\">03<\/span>\n\n            <span class=\"mgw-cert-doc__content\">\n\n              <span class=\"mgw-cert-doc__label\">\n                CERTYFIKAT\n              <\/span>\n\n              <strong>\n                IQNet\n              <\/strong>\n\n              <span class=\"mgw-cert-doc__meta\">\n                International Certification Network\n              <\/span>\n\n            <\/span>\n\n            <span class=\"mgw-cert-doc__action\">\n\n              <span>PDF<\/span>\n\n              <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                <path d=\"M4 10h11\"><\/path>\n                <path d=\"M11 6l4 4-4 4\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- DETAILS -->\n      <aside class=\"mgw-quality__details\">\n\n        <div class=\"mgw-quality__details-head\">\n\n          <span>\n            STANDARD JAKO\u015aCI\n          <\/span>\n\n          <strong>\n            System oparty na\n            niezale\u017cnej certyfikacji\n          <\/strong>\n\n        <\/div>\n\n\n        <div class=\"mgw-quality__detail\">\n\n          <span class=\"mgw-quality__detail-number\">\n            01\n          <\/span>\n\n          <div>\n\n            <strong>DQS<\/strong>\n\n            <p>\n              Jednostka certyfikuj\u0105ca\n              System Zarz\u0105dzania Jako\u015bci\u0105.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mgw-quality__detail\">\n\n          <span class=\"mgw-quality__detail-number\">\n            02\n          <\/span>\n\n          <div>\n\n            <strong>DAkkS<\/strong>\n\n            <p>\n              Akredytacja jednostki odpowiedzialnej\n              za certyfikacj\u0119.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mgw-quality__detail\">\n\n          <span class=\"mgw-quality__detail-number\">\n            03\n          <\/span>\n\n          <div>\n\n            <strong>\n              ISO 9001:2015\n            <\/strong>\n\n            <p>\n              System zarz\u0105dzania jako\u015bci\u0105 obejmuj\u0105cy\n              proces produkcji i dostarczania kabli.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mgw-quality__stamp\" aria-hidden=\"true\">\n          <span>QUALITY<\/span>\n          <strong>MG<\/strong>\n          <span>WIRES<\/span>\n        <\/div>\n\n      <\/aside>\n\n    <\/div>\n\n\n    <!-- AWARDS HEADER -->\n    <div class=\"mgw-quality__awards-head\">\n\n      <div>\n\n        <span>\n          WYR\u00d3\u017bNIENIA I WIARYGODNO\u015a\u0106\n        <\/span>\n\n        <h3>\n          Dokumenty i wyr\u00f3\u017cnienia MG Wires\n        <\/h3>\n\n      <\/div>\n\n      <p>\n        Wybrane wyr\u00f3\u017cnienia przyznane firmie oraz dokumenty\n        potwierdzaj\u0105ce jako\u015b\u0107 i wiarygodno\u015b\u0107 dzia\u0142alno\u015bci.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- AWARDS -->\n    <div class=\"mgw-quality__awards\">\n\n      <!-- QUALITY INTERNATIONAL -->\n      <a\n        class=\"mgw-award\"\n        href=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/najwyzsza_jakosc_cert_mgwires.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        data-pdf-title=\"Najwy\u017csza Jako\u015b\u0107 Quality International 2021\"\n        data-pdf-url=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/najwyzsza_jakosc_cert_mgwires.pdf\"\n      >\n\n        <span class=\"mgw-award__top\">\n\n          <span class=\"mgw-award__number\">\n            04\n          <\/span>\n\n          <span class=\"mgw-award__year\">\n            2021\n          <\/span>\n\n        <\/span>\n\n        <span class=\"mgw-award__content\">\n\n          <span class=\"mgw-award__type\">\n            WYR\u00d3\u017bNIENIE\n          <\/span>\n\n          <strong>\n            Najwy\u017csza Jako\u015b\u0107\n            <span>Quality International<\/span>\n          <\/strong>\n\n        <\/span>\n\n        <span class=\"mgw-award__footer\">\n\n          <span>\n            Zobacz dokument\n          <\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n      <!-- DIAMENT -->\n      <a\n        class=\"mgw-award\"\n        href=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/MG-WIres-Group_Diament_2021.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        data-pdf-title=\"Diament Polskiej Gospodarki 2021\"\n        data-pdf-url=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/MG-WIres-Group_Diament_2021.pdf\"\n      >\n\n        <span class=\"mgw-award__top\">\n\n          <span class=\"mgw-award__number\">\n            05\n          <\/span>\n\n          <span class=\"mgw-award__year\">\n            2021\n          <\/span>\n\n        <\/span>\n\n        <span class=\"mgw-award__content\">\n\n          <span class=\"mgw-award__type\">\n            WYR\u00d3\u017bNIENIE\n          <\/span>\n\n          <strong>\n            Diament Polskiej\n            <span>Gospodarki<\/span>\n          <\/strong>\n\n        <\/span>\n\n        <span class=\"mgw-award__footer\">\n\n          <span>\n            Zobacz dokument\n          <\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n      <!-- ORZE\u0141 -->\n      <a\n        class=\"mgw-award\"\n        href=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/Dyplom-MG-WIRES.pdf\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        data-pdf-title=\"Firma Roku \u2013 Orze\u0142 Polskiej Przedsi\u0119biorczo\u015bci\"\n        data-pdf-url=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/Dyplom-MG-WIRES.pdf\"\n      >\n\n        <span class=\"mgw-award__top\">\n\n          <span class=\"mgw-award__number\">\n            06\n          <\/span>\n\n          <span class=\"mgw-award__year\">\n            WYR\u00d3\u017bNIENIE\n          <\/span>\n\n        <\/span>\n\n        <span class=\"mgw-award__content\">\n\n          <span class=\"mgw-award__type\">\n            FIRMA ROKU\n          <\/span>\n\n          <strong>\n            Orze\u0142 Polskiej\n            <span>Przedsi\u0119biorczo\u015bci<\/span>\n          <\/strong>\n\n        <\/span>\n\n        <span class=\"mgw-award__footer\">\n\n          <span>\n            Zobacz dokument\n          <\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- PDF MODAL -->\n  <div\n    class=\"mgw-pdf-modal\"\n    data-mgw-pdf-modal\n    aria-hidden=\"true\"\n  >\n\n    <div\n      class=\"mgw-pdf-modal__backdrop\"\n      data-mgw-pdf-close\n    ><\/div>\n\n    <div\n      class=\"mgw-pdf-modal__dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"Podgl\u0105d dokumentu\"\n    >\n\n      <div class=\"mgw-pdf-modal__header\">\n\n        <div class=\"mgw-pdf-modal__heading\">\n\n          <span>\n            DOKUMENT MG WIRES\n          <\/span>\n\n          <strong data-mgw-pdf-title>\n            Dokument\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"mgw-pdf-modal__actions\">\n\n          <a\n            href=\"#\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            data-mgw-pdf-new\n          >\n\n            Otw\u00f3rz PDF\n\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M7 13L14 6\"><\/path>\n              <path d=\"M9 6h5v5\"><\/path>\n            <\/svg>\n\n          <\/a>\n\n          <button\n            type=\"button\"\n            class=\"mgw-pdf-modal__close\"\n            data-mgw-pdf-close\n            aria-label=\"Zamknij podgl\u0105d dokumentu\"\n          >\n            <span><\/span>\n            <span><\/span>\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n      <div\n        class=\"mgw-pdf-modal__viewer\"\n        data-mgw-pdf-viewer\n      >\n        <div class=\"mgw-pdf-modal__loader\">\n          \u0141adowanie dokumentu\u2026\n        <\/div>\n      <\/div>\n\n      <div class=\"mgw-pdf-modal__mobile\">\n        Je\u015bli podgl\u0105d dokumentu nie jest obs\u0142ugiwany\n        przez Twoj\u0105 przegl\u0105dark\u0119, u\u017cyj opcji \u201eOtw\u00f3rz PDF\u201d.\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n.mgw-quality {\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n  --mg-bg: #F5F7F9;\n  --mg-text: #22262D;\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n  width: 100%;\n  padding: 116px 0 108px;\n  background: var(--mg-bg);\n  font-family: 'Lato', sans-serif;\n}\n\n.mgw-quality *,\n.mgw-quality *::before,\n.mgw-quality *::after {\n  box-sizing: border-box;\n}\n\n.mgw-quality a {\n  text-decoration: none !important;\n}\n\n.mgw-quality__container {\n  width: min(1280px, calc(100% - 64px));\n  margin: 0 auto;\n}\n\n\n\/* HEADER *\/\n\n.mgw-quality__header {\n  display: grid;\n  grid-template-columns: minmax(0,1.15fr) minmax(320px,.7fr);\n  align-items: end;\n  gap: 80px;\n  margin-bottom: 52px;\n}\n\n.mgw-quality__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 22px;\n  color: var(--mg-blue);\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .18em;\n}\n\n.mgw-quality__eyebrow span {\n  width: 36px;\n  height: 1px;\n  display: block;\n  flex-shrink: 0;\n  background: var(--mg-blue);\n}\n\n.mgw-quality__heading h2 {\n  max-width: 770px;\n  margin: 0;\n  color: var(--mg-navy);\n  font-size: clamp(43px, 3.7vw, 57px);\n  line-height: 1.045;\n  font-weight: 900;\n  letter-spacing: -.034em;\n}\n\n.mgw-quality__intro {\n  padding-bottom: 3px;\n}\n\n.mgw-quality__intro p {\n  max-width: 425px;\n  margin: 0;\n  color: var(--mg-muted);\n  font-size: 15px;\n  line-height: 1.72;\n}\n\n\n\/* CORE *\/\n\n.mgw-quality__core {\n  display: grid;\n  grid-template-columns: minmax(0,1.48fr) minmax(310px,.52fr);\n  background: var(--mg-white);\n  border: 1px solid var(--mg-border);\n}\n\n.mgw-quality__core-main {\n  min-width: 0;\n}\n\n.mgw-quality__core-top {\n  display: grid;\n  grid-template-columns: minmax(230px,.65fr) minmax(0,1fr);\n  gap: 65px;\n  min-height: 264px;\n  padding: 48px 50px 43px;\n  align-items: center;\n}\n\n.mgw-quality__iso-small {\n  display: block;\n  margin-bottom: 18px;\n  color: var(--mg-blue);\n  font-size: 9px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .16em;\n}\n\n.mgw-quality__iso strong {\n  display: block;\n  color: var(--mg-navy);\n  font-size: 69px;\n  line-height: .85;\n  font-weight: 900;\n  letter-spacing: -.055em;\n}\n\n.mgw-quality__iso strong span {\n  display: block;\n  margin-top: 11px;\n  color: var(--mg-blue);\n  font-size: 23px;\n  line-height: 1;\n  letter-spacing: -.02em;\n}\n\n.mgw-quality__core-copy {\n  padding-left: 38px;\n  border-left: 1px solid var(--mg-border);\n}\n\n.mgw-quality__core-copy p {\n  max-width: 485px;\n  margin: 0;\n  color: var(--mg-muted);\n  font-size: 14.5px;\n  line-height: 1.75;\n}\n\n\n\/* PRIMARY DOCS *\/\n\n.mgw-quality__primary-docs {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  border-top: 1px solid var(--mg-border);\n}\n\n.mgw-quality .mgw-cert-doc,\n.mgw-quality .mgw-cert-doc:link,\n.mgw-quality .mgw-cert-doc:visited,\n.mgw-quality .mgw-cert-doc:hover,\n.mgw-quality .mgw-cert-doc:focus,\n.mgw-quality .mgw-cert-doc:active {\n  color: var(--mg-navy) !important;\n  text-decoration: none !important;\n}\n\n.mgw-cert-doc {\n  position: relative;\n  min-width: 0;\n  min-height: 190px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 24px 27px 22px;\n  background: var(--mg-white) !important;\n  border-right: 1px solid var(--mg-border);\n  overflow: hidden;\n  cursor: pointer;\n  transition: background-color .25s ease;\n}\n\n.mgw-cert-doc:last-child {\n  border-right: 0;\n}\n\n.mgw-cert-doc::before,\n.mgw-award::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 2px;\n  background: var(--mg-blue);\n  transform: scaleX(0);\n  transform-origin: left center;\n  transition: transform .28s ease;\n}\n\n.mgw-cert-doc:hover,\n.mgw-award:hover {\n  background: #F8FAFB !important;\n}\n\n.mgw-cert-doc:hover::before,\n.mgw-award:hover::before {\n  transform: scaleX(1);\n}\n\n.mgw-cert-doc__index {\n  display: block;\n  color: var(--mg-blue) !important;\n  font-size: 9px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .16em;\n}\n\n.mgw-cert-doc__content {\n  display: block;\n  margin: 30px 0 25px;\n}\n\n.mgw-cert-doc__label {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--mg-muted) !important;\n  font-size: 8px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .15em;\n}\n\n.mgw-cert-doc__content strong {\n  display: block;\n  color: var(--mg-navy) !important;\n  font-size: 19px;\n  line-height: 1.22;\n  font-weight: 900;\n}\n\n.mgw-cert-doc__meta {\n  display: block;\n  margin-top: 8px;\n  color: var(--mg-muted) !important;\n  font-size: 11.5px;\n  line-height: 1.45;\n}\n\n.mgw-cert-doc__action {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  color: var(--mg-blue) !important;\n  font-size: 8px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .15em;\n}\n\n.mgw-cert-doc__action svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-cert-doc:hover .mgw-cert-doc__action svg {\n  transform: translateX(4px);\n}\n\n\n\/* DETAILS *\/\n\n.mgw-quality__details {\n  position: relative;\n  padding: 42px 37px 40px;\n  background: var(--mg-navy);\n  overflow: hidden;\n}\n\n.mgw-quality__details::after {\n  content: \"\";\n  position: absolute;\n  width: 330px;\n  height: 330px;\n  right: -185px;\n  bottom: -180px;\n  border: 1px solid rgba(104,134,159,.16);\n  transform: rotate(45deg);\n}\n\n.mgw-quality__details-head {\n  position: relative;\n  z-index: 2;\n  padding-bottom: 30px;\n  border-bottom: 1px solid rgba(104,134,159,.27);\n}\n\n.mgw-quality__details-head > span {\n  display: block;\n  margin-bottom: 13px;\n  color: #91AABC;\n  font-size: 8px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .17em;\n}\n\n.mgw-quality__details-head strong {\n  display: block;\n  max-width: 270px;\n  color: var(--mg-white);\n  font-size: 20px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.mgw-quality__detail {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 31px minmax(0,1fr);\n  gap: 16px;\n  padding: 24px 0;\n  border-bottom: 1px solid rgba(104,134,159,.22);\n}\n\n.mgw-quality__detail-number {\n  padding-top: 5px;\n  color: #7696AF;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .15em;\n}\n\n.mgw-quality__detail strong {\n  display: block;\n  color: var(--mg-white);\n  font-size: 15px;\n  line-height: 1.2;\n  font-weight: 900;\n}\n\n.mgw-quality__detail p {\n  max-width: 270px;\n  margin: 7px 0 0;\n  color: rgba(254,254,254,.58);\n  font-size: 11.5px;\n  line-height: 1.55;\n}\n\n.mgw-quality__stamp {\n  position: absolute;\n  right: 29px;\n  bottom: 24px;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  opacity: .075;\n  color: var(--mg-white);\n  line-height: 1;\n  pointer-events: none;\n}\n\n.mgw-quality__stamp span {\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .27em;\n}\n\n.mgw-quality__stamp strong {\n  margin: 6px 0 5px;\n  font-size: 60px;\n  font-weight: 900;\n  letter-spacing: -.08em;\n}\n\n\n\/* AWARDS *\/\n\n.mgw-quality__awards-head {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(320px,.62fr);\n  align-items: end;\n  gap: 70px;\n  margin-top: 72px;\n  margin-bottom: 30px;\n}\n\n.mgw-quality__awards-head > div > span {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--mg-blue);\n  font-size: 9px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: .17em;\n}\n\n.mgw-quality__awards-head h3 {\n  margin: 0;\n  color: var(--mg-navy);\n  font-size: clamp(28px,2.2vw,35px);\n  line-height: 1.1;\n  font-weight: 900;\n  letter-spacing: -.025em;\n}\n\n.mgw-quality__awards-head p {\n  max-width: 410px;\n  margin: 0;\n  color: var(--mg-muted);\n  font-size: 13.5px;\n  line-height: 1.65;\n}\n\n.mgw-quality__awards {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  border-top: 1px solid var(--mg-border);\n  border-left: 1px solid var(--mg-border);\n}\n\n.mgw-quality .mgw-award,\n.mgw-quality .mgw-award:link,\n.mgw-quality .mgw-award:visited,\n.mgw-quality .mgw-award:hover,\n.mgw-quality .mgw-award:focus,\n.mgw-quality .mgw-award:active {\n  color: var(--mg-navy) !important;\n  text-decoration: none !important;\n}\n\n.mgw-award {\n  position: relative;\n  min-width: 0;\n  min-height: 284px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 24px 24px 23px;\n  background: var(--mg-white) !important;\n  border-right: 1px solid var(--mg-border);\n  border-bottom: 1px solid var(--mg-border);\n  overflow: hidden;\n}\n\n.mgw-award__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.mgw-award__number {\n  color: var(--mg-blue) !important;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .15em;\n}\n\n.mgw-award__year {\n  color: var(--mg-muted) !important;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .15em;\n}\n\n.mgw-award__content {\n  display: block;\n  margin: 39px 0 34px;\n}\n\n.mgw-award__type {\n  display: block;\n  margin-bottom: 11px;\n  color: var(--mg-blue) !important;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .16em;\n}\n\n.mgw-award__content strong,\n.mgw-award__content strong span {\n  display: block;\n  color: var(--mg-navy) !important;\n}\n\n.mgw-award__content strong {\n  max-width: 255px;\n  margin: 0;\n  font-size: 18px;\n  line-height: 1.28;\n  font-weight: 900;\n  letter-spacing: -.015em;\n}\n\n.mgw-award__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding-top: 18px;\n  border-top: 1px solid var(--mg-border);\n  color: var(--mg-muted) !important;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.mgw-award__footer svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: var(--mg-blue);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .2s ease;\n}\n\n.mgw-award:hover .mgw-award__footer svg {\n  transform: translateX(4px);\n}\n\n\n\/* MODAL *\/\n\n.mgw-pdf-modal {\n  position: fixed;\n  z-index: 999999;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 28px;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition:\n    opacity .28s ease,\n    visibility .28s ease;\n}\n\n.mgw-pdf-modal.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.mgw-pdf-modal__backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(1,8,20,.965);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n.mgw-pdf-modal__dialog {\n  position: relative;\n  z-index: 2;\n  width: min(1280px,calc(100vw - 56px));\n  height: min(880px,calc(100vh - 56px));\n  display: flex;\n  flex-direction: column;\n  background: #F4F6F8;\n}\n\n.mgw-pdf-modal__header {\n  min-height: 72px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 35px;\n  padding: 14px 17px 14px 25px;\n  background: var(--mg-navy);\n}\n\n.mgw-pdf-modal__heading > span {\n  display: block;\n  margin-bottom: 5px;\n  color: #829FB5;\n  font-size: 7px;\n  font-weight: 700;\n  letter-spacing: .17em;\n}\n\n.mgw-pdf-modal__heading strong {\n  display: block;\n  max-width: 700px;\n  overflow: hidden;\n  color: var(--mg-white);\n  font-size: 14px;\n  font-weight: 700;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mgw-pdf-modal__actions {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n}\n\n.mgw-quality .mgw-pdf-modal__actions > a {\n  height: 42px;\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 0 16px;\n  border: 1px solid rgba(254,254,254,.20);\n  color: rgba(254,254,254,.78) !important;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.mgw-pdf-modal__actions > a svg {\n  width: 14px;\n  height: 14px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.5;\n}\n\n.mgw-quality .mgw-pdf-modal__close {\n  position: relative;\n  width: 42px;\n  height: 42px;\n  min-width: 42px;\n  margin: 0;\n  padding: 0 !important;\n  background: transparent !important;\n  border: 1px solid rgba(254,254,254,.20) !important;\n  border-radius: 0 !important;\n  cursor: pointer;\n}\n\n.mgw-pdf-modal__close span {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 16px;\n  height: 1px;\n  background: var(--mg-white);\n}\n\n.mgw-pdf-modal__close span:first-child {\n  transform: translate(-50%,-50%) rotate(45deg);\n}\n\n.mgw-pdf-modal__close span:last-child {\n  transform: translate(-50%,-50%) rotate(-45deg);\n}\n\n.mgw-pdf-modal__viewer {\n  position: relative;\n  flex: 1;\n  min-height: 0;\n  background: #E7EAED;\n}\n\n.mgw-pdf-modal__viewer iframe {\n  position: absolute;\n  z-index: 2;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  background: #fff;\n}\n\n.mgw-pdf-modal__loader {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%,-50%);\n  color: var(--mg-muted);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.mgw-pdf-modal__mobile {\n  display: none;\n}\n\nbody.mgw-pdf-lock {\n  overflow: hidden !important;\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-quality {\n    padding: 96px 0 92px;\n  }\n\n  .mgw-quality__container {\n    width: calc(100% - 48px);\n  }\n\n  .mgw-quality__header {\n    gap: 50px;\n  }\n\n  .mgw-quality__core {\n    grid-template-columns: minmax(0,1fr) 300px;\n  }\n\n  .mgw-quality__core-top {\n    gap: 40px;\n    padding: 40px;\n  }\n\n  .mgw-quality__iso strong {\n    font-size: 58px;\n  }\n\n  .mgw-quality__details {\n    padding: 37px 28px;\n  }\n\n  .mgw-quality__awards {\n    grid-template-columns: repeat(3,minmax(0,1fr));\n  }\n\n}\n\n\n\/* SMALL TABLET *\/\n\n@media (max-width: 850px) {\n\n  .mgw-quality__header,\n  .mgw-quality__awards-head {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .mgw-quality__core {\n    grid-template-columns: 1fr;\n  }\n\n  .mgw-quality__details {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n  }\n\n  .mgw-quality__details-head {\n    grid-column: 1 \/ -1;\n  }\n\n  .mgw-quality__detail {\n    padding: 24px 18px;\n    border-right: 1px solid rgba(104,134,159,.22);\n  }\n\n  .mgw-quality__stamp {\n    display: none;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n\n  .mgw-quality {\n    padding: 72px 0 68px;\n  }\n\n  .mgw-quality__container {\n    width: calc(100% - 36px);\n  }\n\n  .mgw-quality__header {\n    margin-bottom: 35px;\n  }\n\n  .mgw-quality__heading h2 {\n    font-size: 37px;\n    line-height: 1.06;\n  }\n\n  .mgw-quality__core-top {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    min-height: 0;\n    padding: 30px 24px;\n  }\n\n  .mgw-quality__iso strong {\n    font-size: 54px;\n  }\n\n  .mgw-quality__core-copy {\n    padding: 24px 0 0;\n    border-left: 0;\n    border-top: 1px solid var(--mg-border);\n  }\n\n  .mgw-quality__primary-docs {\n    grid-template-columns: 1fr;\n  }\n\n  .mgw-cert-doc {\n    min-height: 0;\n    display: grid;\n    grid-template-columns: 29px minmax(0,1fr) auto;\n    gap: 12px;\n    align-items: center;\n    padding: 20px 19px;\n    border-right: 0;\n    border-bottom: 1px solid var(--mg-border);\n  }\n\n  .mgw-cert-doc__content {\n    margin: 0;\n  }\n\n  .mgw-quality__details {\n    display: block;\n    padding: 30px 24px;\n  }\n\n  .mgw-quality__detail {\n    padding: 21px 0;\n    border-right: 0;\n  }\n\n  .mgw-quality__awards-head {\n    margin-top: 53px;\n    margin-bottom: 24px;\n  }\n\n  .mgw-quality__awards {\n    grid-template-columns: 1fr;\n  }\n\n  .mgw-award {\n    min-height: 220px;\n    padding: 22px;\n  }\n\n  .mgw-pdf-modal {\n    padding: 10px;\n  }\n\n  .mgw-pdf-modal__dialog {\n    width: 100%;\n    height: calc(100vh - 20px);\n  }\n\n  .mgw-pdf-modal__header {\n    min-height: 65px;\n    padding: 11px 11px 11px 16px;\n  }\n\n  .mgw-pdf-modal__heading > span {\n    display: none;\n  }\n\n  .mgw-pdf-modal__heading strong {\n    max-width: 180px;\n    font-size: 11px;\n  }\n\n  .mgw-pdf-modal__actions > a {\n    width: 42px;\n    padding: 0 !important;\n    justify-content: center;\n    font-size: 0 !important;\n  }\n\n  .mgw-pdf-modal__mobile {\n    display: block;\n    padding: 11px 14px;\n    background: var(--mg-white);\n    color: var(--mg-muted);\n    font-size: 9px;\n    line-height: 1.45;\n    text-align: center;\n  }\n\n}\n\n\n\/* SMALL MOBILE *\/\n\n@media (max-width: 420px) {\n\n  .mgw-quality__container {\n    width: calc(100% - 30px);\n  }\n\n  .mgw-quality__heading h2 {\n    font-size: 34px;\n  }\n\n  .mgw-quality__iso strong {\n    font-size: 49px;\n  }\n\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .mgw-cert-doc,\n  .mgw-cert-doc::before,\n  .mgw-award,\n  .mgw-award::before,\n  .mgw-award__footer svg,\n  .mgw-pdf-modal {\n    transition: none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const sections =\n    document.querySelectorAll(\n      '[data-mgw-quality]'\n    );\n\n  sections.forEach(function(section) {\n\n    const triggers =\n      Array.from(\n        section.querySelectorAll(\n          '[data-pdf-url]'\n        )\n      );\n\n    const modal =\n      section.querySelector(\n        '[data-mgw-pdf-modal]'\n      );\n\n    const viewer =\n      section.querySelector(\n        '[data-mgw-pdf-viewer]'\n      );\n\n    const title =\n      section.querySelector(\n        '[data-mgw-pdf-title]'\n      );\n\n    const openNew =\n      section.querySelector(\n        '[data-mgw-pdf-new]'\n      );\n\n    const closeTriggers =\n      section.querySelectorAll(\n        '[data-mgw-pdf-close]'\n      );\n\n    if (\n      !modal ||\n      !viewer ||\n      !triggers.length\n    ) {\n      return;\n    }\n\n    let lastFocus = null;\n\n\n    function openPDF(url, documentTitle) {\n\n      lastFocus =\n        document.activeElement;\n\n      if (title) {\n        title.textContent =\n          documentTitle;\n      }\n\n      if (openNew) {\n        openNew.href =\n          url;\n      }\n\n      viewer.innerHTML =\n        '<div class=\"mgw-pdf-modal__loader\">\u0141adowanie dokumentu\u2026<\/div>';\n\n      const iframe =\n        document.createElement(\n          'iframe'\n        );\n\n      iframe.src =\n        url + '#view=FitH';\n\n      iframe.title =\n        documentTitle;\n\n      viewer.appendChild(\n        iframe\n      );\n\n      modal.classList.add(\n        'is-open'\n      );\n\n      modal.setAttribute(\n        'aria-hidden',\n        'false'\n      );\n\n      document.body.classList.add(\n        'mgw-pdf-lock'\n      );\n\n      const closeButton =\n        modal.querySelector(\n          '.mgw-pdf-modal__close'\n        );\n\n      if (closeButton) {\n\n        window.setTimeout(\n          function() {\n            closeButton.focus();\n          },\n          100\n        );\n\n      }\n\n    }\n\n\n    function closePDF() {\n\n      modal.classList.remove(\n        'is-open'\n      );\n\n      modal.setAttribute(\n        'aria-hidden',\n        'true'\n      );\n\n      document.body.classList.remove(\n        'mgw-pdf-lock'\n      );\n\n      window.setTimeout(\n        function() {\n\n          if (\n            !modal.classList.contains(\n              'is-open'\n            )\n          ) {\n\n            viewer.innerHTML =\n              '<div class=\"mgw-pdf-modal__loader\">\u0141adowanie dokumentu\u2026<\/div>';\n\n          }\n\n        },\n        300\n      );\n\n      if (\n        lastFocus &&\n        typeof lastFocus.focus === 'function'\n      ) {\n        lastFocus.focus();\n      }\n\n    }\n\n\n    triggers.forEach(\n      function(trigger) {\n\n        trigger.addEventListener(\n          'click',\n          function(event) {\n\n            if (\n              event.ctrlKey ||\n              event.metaKey ||\n              event.shiftKey ||\n              event.button === 1\n            ) {\n              return;\n            }\n\n            event.preventDefault();\n\n            const url =\n              trigger.getAttribute(\n                'data-pdf-url'\n              );\n\n            const documentTitle =\n              trigger.getAttribute(\n                'data-pdf-title'\n              ) ||\n              'Dokument MG Wires';\n\n            if (url) {\n              openPDF(\n                url,\n                documentTitle\n              );\n            }\n\n          }\n        );\n\n      }\n    );\n\n\n    closeTriggers.forEach(\n      function(trigger) {\n\n        trigger.addEventListener(\n          'click',\n          closePDF\n        );\n\n      }\n    );\n\n\n    document.addEventListener(\n      'keydown',\n      function(event) {\n\n        if (\n          event.key === 'Escape' &&\n          modal.classList.contains(\n            'is-open'\n          )\n        ) {\n          closePDF();\n        }\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55bf854 e-con-full e-flex e-con e-parent\" data-id=\"55bf854\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6f7227 elementor-widget elementor-widget-html\" data-id=\"d6f7227\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-export\" data-mgw-export>\n\n  <div class=\"mgw-export__grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mgw-export__container\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"mgw-export__header\">\n\n      <div class=\"mgw-export__heading\">\n\n        <div class=\"mgw-export__eyebrow\">\n          <span><\/span>\n          RYNKI MI\u0118DZYNARODOWE\n        <\/div>\n\n        <h2>\n          Polski producent.<br>\n          Mi\u0119dzynarodowy zasi\u0119g.\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"mgw-export__intro\">\n\n        <p>\n          Kable MG Wires trafiaj\u0105 do odbiorc\u00f3w w Europie\n          oraz na rynkach pozaeuropejskich. Wsp\u00f3\u0142pracujemy\n          z klientami B2B, dostarczaj\u0105c rozwi\u0105zania do\n          zastosowa\u0144 przemys\u0142owych i specjalistycznych.\n        <\/p>\n\n        <div class=\"mgw-export__scope\">\n          EUROPA&nbsp;&nbsp;\/&nbsp;&nbsp;AMERYKA&nbsp;&nbsp;\/&nbsp;&nbsp;AZJA&nbsp;&nbsp;\/&nbsp;&nbsp;AFRYKA\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         MAIN\n         ===================================================== -->\n\n    <div class=\"mgw-export__main\">\n\n\n      <!-- =================================================\n           MAP\n           ================================================= -->\n\n      <div class=\"mgw-export__visual\">\n\n        <div class=\"mgw-export__visual-top\">\n\n          <span>\n            OBSZAR WSP\u00d3\u0141PRACY\n          <\/span>\n\n          <span>\n            MG WIRES \/ EXPORT\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"mgw-export__map\">\n\n          <img\n            src=\"https:\/\/mgwires.michalkaczmarek.eu\/wp-content\/uploads\/2026\/09\/mapa-1.png\"\n            alt=\"Mapa rynk\u00f3w zagranicznych MG Wires\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n\n        <span\n          class=\"mgw-export__corner mgw-export__corner--tl\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <span\n          class=\"mgw-export__corner mgw-export__corner--br\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n\n        <div class=\"mgw-export__visual-bottom\">\n\n          <span>\n            Dostawy na rynki europejskie i pozaeuropejskie\n          <\/span>\n\n          <span>\n            INTERNATIONAL\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- =================================================\n           MARKETS\n           ================================================= -->\n\n      <div class=\"mgw-export__markets\">\n\n\n        <!-- EUROPA -->\n\n        <div class=\"mgw-export__market\">\n\n          <div class=\"mgw-export__market-head\">\n\n            <span class=\"mgw-export__number\">\n              01\n            <\/span>\n\n            <div>\n\n              <span class=\"mgw-export__market-label\">\n                G\u0141\u00d3WNY OBSZAR\n              <\/span>\n\n              <h3>\n                Europa\n              <\/h3>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"mgw-export__countries mgw-export__countries--europe\">\n\n            <span>Niemcy<\/span>\n            <span>Czechy<\/span>\n            <span>Litwa<\/span>\n            <span>Ukraina<\/span>\n            <span>Chorwacja<\/span>\n            <span>Serbia<\/span>\n            <span>Rumunia<\/span>\n            <span>W\u0119gry<\/span>\n            <span>W\u0142ochy<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- AMERYKA -->\n\n        <div class=\"mgw-export__market\">\n\n          <div class=\"mgw-export__market-head\">\n\n            <span class=\"mgw-export__number\">\n              02\n            <\/span>\n\n            <div>\n\n              <span class=\"mgw-export__market-label\">\n                AMERYKA P\u00d3\u0141NOCNA\n              <\/span>\n\n              <h3>\n                USA i Meksyk\n              <\/h3>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"mgw-export__countries\">\n\n            <span>Stany Zjednoczone Ameryki<\/span>\n            <span>Meksyk<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- POZOSTA\u0141E -->\n\n        <div class=\"mgw-export__market\">\n\n          <div class=\"mgw-export__market-head\">\n\n            <span class=\"mgw-export__number\">\n              03\n            <\/span>\n\n            <div>\n\n              <span class=\"mgw-export__market-label\">\n                RYNKI POZAEUROPEJSKIE\n              <\/span>\n\n              <h3>\n                Azja i Afryka\n              <\/h3>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"mgw-export__countries\">\n\n            <span>Chiny<\/span>\n            <span>Senegal<\/span>\n            <span>Zjednoczone Emiraty Arabskie<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         BOTTOM CTA\n         ===================================================== -->\n\n    <div class=\"mgw-export__bottom\">\n\n      <p>\n        Szukasz producenta kabli do wsp\u00f3\u0142pracy mi\u0119dzynarodowej?\n        <strong>\n          <br>Porozmawiajmy o wymaganiach Twojego projektu.\n        <\/strong>\n      <\/p>\n\n\n      <a href=\"\/kontakt\/\">\n\n        Skontaktuj si\u0119 z nami\n\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n          <path d=\"M4 10h11\"><\/path>\n          <path d=\"M11 6l4 4-4 4\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 EXPORT\n   ========================================================= *\/\n\n.mgw-export {\n\n  --mg-navy: #02163B;\n  --mg-dark: #010D24;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n\n  --mg-copy:\n    rgba(254,254,254,.68);\n\n  --mg-muted:\n    rgba(254,254,254,.44);\n\n  --mg-border:\n    rgba(104,134,159,.24);\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    116px 0 103px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #010D24 0%,\n      #02163B 56%,\n      #01122F 100%\n    );\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n  overflow: hidden;\n\n  isolation: isolate;\n\n}\n\n\n\n\/* =========================================================\n   LOCAL RESET\n   ========================================================= *\/\n\n.mgw-export *,\n.mgw-export *::before,\n.mgw-export *::after {\n\n  box-sizing:\n    border-box;\n\n}\n\n\n\n\/* =========================================================\n   SUBTLE TECHNICAL GRID\n   ========================================================= *\/\n\n.mgw-export__grid-bg {\n\n  position: absolute;\n\n  z-index: 0;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .16;\n\n  background-image:\n\n    linear-gradient(\n      rgba(104,134,159,.06) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(104,134,159,.06) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    64px 64px;\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      #000 20%,\n      #000 80%,\n      transparent\n    );\n\n  -webkit-mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      #000 20%,\n      #000 80%,\n      transparent\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-export__container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin:\n    0 auto;\n\n}\n\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.mgw-export__header {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.13fr)\n    minmax(320px,.67fr);\n\n  align-items: end;\n\n  gap: 88px;\n\n  margin-bottom: 54px;\n\n}\n\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.mgw-export__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 22px;\n\n  color:\n    #95ADBE;\n\n  font-size: 11px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .18em;\n\n}\n\n\n\n.mgw-export__eyebrow > span {\n\n  display: block;\n\n  width: 36px;\n  height: 1px;\n\n  flex-shrink: 0;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n.mgw-export__heading h2 {\n\n  max-width: 770px;\n\n  margin: 0;\n\n  color:\n    var(--mg-white);\n\n  font-size:\n    clamp(\n      43px,\n      3.7vw,\n      57px\n    );\n\n  line-height:\n    1.045;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.mgw-export__intro {\n\n  padding-bottom:\n    2px;\n\n}\n\n\n\n.mgw-export__intro p {\n\n  max-width:\n    440px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-copy);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.72;\n\n}\n\n\n\n.mgw-export__scope {\n\n  margin-top:\n    25px;\n\n  padding-top:\n    18px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n  color:\n    #8FA9BC;\n\n  font-size:\n    8px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .15em;\n\n}\n\n\n\n\/* =========================================================\n   MAIN\n   ========================================================= *\/\n\n.mgw-export__main {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,1.28fr)\n    minmax(340px,.72fr);\n\n  gap:\n    58px;\n\n  align-items:\n    stretch;\n\n}\n\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.mgw-export__visual {\n\n  position:\n    relative;\n\n  min-width:\n    0;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    space-between;\n\n  min-height:\n    565px;\n\n  padding:\n    25px 28px 24px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n  overflow:\n    hidden;\n\n}\n\n\n\n\/* =========================================================\n   VISUAL TOP\n   ========================================================= *\/\n\n.mgw-export__visual-top {\n\n  position:\n    relative;\n\n  z-index:\n    3;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    30px;\n\n  color:\n    rgba(254,254,254,.43);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n\/* =========================================================\n   MAP\n   ========================================================= *\/\n\n.mgw-export__map {\n\n  position:\n    relative;\n\n  z-index:\n    1;\n\n  width:\n    100%;\n\n  flex:\n    1;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    22px 0 16px;\n\n}\n\n\n\n\/*\n * KLUCZOWE:\n * \u017cadnego cover,\n * \u017cadnego cropowania.\n *\/\n\n.mgw-export__map img {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    auto;\n\n  max-width:\n    100%;\n\n  max-height:\n    470px;\n\n  object-fit:\n    contain;\n\n  object-position:\n    center;\n\n  filter:\n    saturate(.92)\n    brightness(.96);\n\n}\n\n\n\n\/* =========================================================\n   VISUAL BOTTOM\n   ========================================================= *\/\n\n.mgw-export__visual-bottom {\n\n  position:\n    relative;\n\n  z-index:\n    3;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    30px;\n\n  color:\n    rgba(254,254,254,.45);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .13em;\n\n}\n\n\n\n\/* =========================================================\n   TECH CORNERS\n   ========================================================= *\/\n\n.mgw-export__corner {\n\n  position:\n    absolute;\n\n  z-index:\n    4;\n\n  width:\n    34px;\n\n  height:\n    34px;\n\n  pointer-events:\n    none;\n\n}\n\n\n\n.mgw-export__corner--tl {\n\n  top:\n    55px;\n\n  left:\n    0;\n\n  border-top:\n    1px solid\n    rgba(254,254,254,.24);\n\n  border-left:\n    1px solid\n    rgba(254,254,254,.24);\n\n}\n\n\n\n.mgw-export__corner--br {\n\n  right:\n    0;\n\n  bottom:\n    51px;\n\n  border-right:\n    1px solid\n    rgba(254,254,254,.16);\n\n  border-bottom:\n    1px solid\n    rgba(254,254,254,.16);\n\n}\n\n\n\n\/* =========================================================\n   MARKETS\n   ========================================================= *\/\n\n.mgw-export__markets {\n\n  min-width:\n    0;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n\/* =========================================================\n   MARKET\n   ========================================================= *\/\n\n.mgw-export__market {\n\n  padding:\n    27px 0 29px;\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n\/* =========================================================\n   MARKET HEAD\n   ========================================================= *\/\n\n.mgw-export__market-head {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    35px\n    minmax(0,1fr);\n\n  gap:\n    17px;\n\n  align-items:\n    start;\n\n  margin-bottom:\n    21px;\n\n}\n\n\n\n.mgw-export__number {\n\n  padding-top:\n    5px;\n\n  color:\n    #7897AE;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n.mgw-export__market-label {\n\n  display:\n    block;\n\n  margin-bottom:\n    7px;\n\n  color:\n    #7897AE;\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n.mgw-export__market h3 {\n\n  margin:\n    0;\n\n  color:\n    var(--mg-white);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.015em;\n\n}\n\n\n\n\/* =========================================================\n   COUNTRIES\n   ========================================================= *\/\n\n.mgw-export__countries {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  margin-left:\n    52px;\n\n  border-top:\n    1px solid\n    rgba(104,134,159,.13);\n\n}\n\n\n\n.mgw-export__countries > span {\n\n  min-width:\n    0;\n\n  padding:\n    11px 10px 11px 0;\n\n  border-bottom:\n    1px solid\n    rgba(104,134,159,.13);\n\n  color:\n    rgba(254,254,254,.67);\n\n  font-size:\n    12.5px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    400;\n\n}\n\n\n\n.mgw-export__countries > span:nth-child(odd) {\n\n  border-right:\n    1px solid\n    rgba(104,134,159,.13);\n\n}\n\n\n\n.mgw-export__countries > span:nth-child(even) {\n\n  padding-left:\n    14px;\n\n}\n\n\n\n\/*\n * Przy nieparzystej liczbie pa\u0144stw\n * ostatni element nie wygl\u0105da jak p\u00f3\u0142-box.\n *\/\n\n.mgw-export__countries > span:last-child:nth-child(odd) {\n\n  grid-column:\n    1 \/ -1;\n\n  border-right:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.mgw-export__bottom {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    45px;\n\n  margin-top:\n    44px;\n\n  padding-top:\n    30px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n.mgw-export__bottom p {\n\n  max-width:\n    820px;\n\n  margin:\n    0;\n\n  color:\n    rgba(254,254,254,.54);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.65;\n\n}\n\n\n\n.mgw-export__bottom strong {\n\n  color:\n    var(--mg-white);\n\n  font-weight:\n    700;\n\n}\n\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.mgw-export__bottom a,\n.mgw-export__bottom a:link,\n.mgw-export__bottom a:visited {\n\n  flex-shrink:\n    0;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    10px;\n\n  color:\n    var(--mg-white) !important;\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .065em;\n\n  text-transform:\n    uppercase;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    color .2s ease;\n\n}\n\n\n\n.mgw-export__bottom a:hover {\n\n  color:\n    #95ADBE !important;\n\n}\n\n\n\n.mgw-export__bottom a svg {\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.6;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n\n.mgw-export__bottom a:hover svg {\n\n  transform:\n    translateX(3px);\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-export {\n\n    padding:\n      96px 0 90px;\n\n  }\n\n\n  .mgw-export__container {\n\n    width:\n      calc(100% - 48px);\n\n  }\n\n\n  .mgw-export__header {\n\n    gap:\n      50px;\n\n  }\n\n\n  .mgw-export__main {\n\n    grid-template-columns:\n      minmax(0,1.05fr)\n      minmax(310px,.72fr);\n\n    gap:\n      40px;\n\n  }\n\n\n  .mgw-export__visual {\n\n    min-height:\n      530px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-export__header {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      25px;\n\n  }\n\n\n  .mgw-export__intro p {\n\n    max-width:\n      650px;\n\n  }\n\n\n  .mgw-export__main {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      36px;\n\n  }\n\n\n  .mgw-export__visual {\n\n    min-height:\n      0;\n\n  }\n\n\n  .mgw-export__map {\n\n    min-height:\n      430px;\n\n  }\n\n\n  .mgw-export__map img {\n\n    max-height:\n      430px;\n\n  }\n\n\n  .mgw-export__markets {\n\n    display:\n      grid;\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    border-left:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-export__market {\n\n    padding:\n      24px 20px;\n\n    border-right:\n      1px solid\n      var(--mg-border);\n\n  }\n\n\n  .mgw-export__market-head {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      11px;\n\n  }\n\n\n  .mgw-export__countries {\n\n    grid-template-columns:\n      1fr;\n\n    margin-left:\n      0;\n\n  }\n\n\n  .mgw-export__countries > span,\n  .mgw-export__countries > span:nth-child(even) {\n\n    padding:\n      10px 0;\n\n    border-right:\n      0;\n\n  }\n\n\n  .mgw-export__countries > span:last-child:nth-child(odd) {\n\n    grid-column:\n      auto;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-export {\n\n    padding:\n      72px 0 66px;\n\n  }\n\n\n  .mgw-export__container {\n\n    width:\n      calc(100% - 36px);\n\n  }\n\n\n\n  \/* HEADER *\/\n\n  .mgw-export__header {\n\n    margin-bottom:\n      35px;\n\n  }\n\n\n  .mgw-export__eyebrow {\n\n    margin-bottom:\n      20px;\n\n    font-size:\n      10px;\n\n  }\n\n\n  .mgw-export__eyebrow > span {\n\n    width:\n      30px;\n\n  }\n\n\n  .mgw-export__heading h2 {\n\n    font-size:\n      37px;\n\n    line-height:\n      1.06;\n\n  }\n\n\n  .mgw-export__intro p {\n\n    font-size:\n      14.5px;\n\n    line-height:\n      1.68;\n\n  }\n\n\n  .mgw-export__scope {\n\n    font-size:\n      7.5px;\n\n    line-height:\n      1.7;\n\n  }\n\n\n\n  \/* MAP *\/\n\n  .mgw-export__main {\n\n    gap:\n      29px;\n\n  }\n\n\n  .mgw-export__visual {\n\n    padding:\n      18px 0 17px;\n\n    min-height:\n      0;\n\n  }\n\n\n  .mgw-export__visual-top,\n  .mgw-export__visual-bottom {\n\n    padding:\n      0 3px;\n\n  }\n\n\n  .mgw-export__visual-top span:last-child,\n  .mgw-export__visual-bottom span:last-child {\n\n    display:\n      none;\n\n  }\n\n\n  .mgw-export__map {\n\n    min-height:\n      0;\n\n    padding:\n      18px 0;\n\n  }\n\n\n  .mgw-export__map img {\n\n    width:\n      100%;\n\n    max-height:\n      none;\n\n  }\n\n\n  .mgw-export__corner {\n\n    display:\n      none;\n\n  }\n\n\n\n  \/* MARKETS *\/\n\n  .mgw-export__markets {\n\n    display:\n      block;\n\n    border-left:\n      0;\n\n  }\n\n\n  .mgw-export__market {\n\n    padding:\n      23px 0;\n\n    border-right:\n      0;\n\n  }\n\n\n  .mgw-export__market-head {\n\n    grid-template-columns:\n      31px\n      minmax(0,1fr);\n\n    gap:\n      13px;\n\n    margin-bottom:\n      18px;\n\n  }\n\n\n  .mgw-export__market h3 {\n\n    font-size:\n      19px;\n\n  }\n\n\n  .mgw-export__countries {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    margin-left:\n      44px;\n\n  }\n\n\n  .mgw-export__countries > span {\n\n    font-size:\n      12px;\n\n    padding:\n      10px 8px 10px 0;\n\n  }\n\n\n  .mgw-export__countries > span:nth-child(odd) {\n\n    border-right:\n      1px solid\n      rgba(104,134,159,.13);\n\n  }\n\n\n  .mgw-export__countries > span:nth-child(even) {\n\n    padding-left:\n      12px;\n\n  }\n\n\n  .mgw-export__countries > span:last-child:nth-child(odd) {\n\n    grid-column:\n      1 \/ -1;\n\n    border-right:\n      0;\n\n  }\n\n\n\n  \/* CTA *\/\n\n  .mgw-export__bottom {\n\n    display:\n      block;\n\n    margin-top:\n      34px;\n\n    padding-top:\n      27px;\n\n  }\n\n\n  .mgw-export__bottom a {\n\n    margin-top:\n      20px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-export__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-export__heading h2 {\n\n    font-size:\n      34px;\n\n  }\n\n\n  .mgw-export__countries {\n\n    margin-left:\n      0;\n\n    margin-top:\n      17px;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b5d491 e-con-full e-flex e-con e-parent\" data-id=\"2b5d491\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c23c3 elementor-widget elementor-widget-html\" data-id=\"b8c23c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-docs\" data-mgw-docs>\n\n  <div class=\"mgw-docs__container\">\n\n    <!-- =====================================================\n         LEFT\n         ===================================================== -->\n\n    <div class=\"mgw-docs__intro\">\n\n      <div class=\"mgw-docs__eyebrow\">\n        <span><\/span>\n        DOKUMENTACJA TECHNICZNA\n      <\/div>\n\n\n      <h2>\n        Potrzebne informacje\n        w jednym miejscu\n      <\/h2>\n\n\n      <p class=\"mgw-docs__lead\">\n        Karty katalogowe, deklaracje oraz dokumenty firmowe\n        udost\u0119pniamy w jednym uporz\u0105dkowanym centrum dokumentacji.\n        Znajd\u017a potrzebny materia\u0142 bez przeszukiwania ca\u0142ej strony.\n      <\/p>\n\n\n      <a\n        class=\"mgw-docs__all\"\n        href=\"\/pliki-do-pobrania\/\"\n      >\n        Wszystkie dokumenty\n\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n          <path d=\"M4 10h11\"><\/path>\n          <path d=\"M11 6l4 4-4 4\"><\/path>\n        <\/svg>\n      <\/a>\n\n\n      <!-- SUBTELNY ELEMENT TECHNICZNY -->\n\n      <div class=\"mgw-docs__codes\" aria-hidden=\"true\">\n\n        <div>\n          <span>01<\/span>\n          <strong>TDS<\/strong>\n        <\/div>\n\n        <div>\n          <span>02<\/span>\n          <strong>DOP<\/strong>\n        <\/div>\n\n        <div>\n          <span>03<\/span>\n          <strong>DOC<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         DOCUMENT INDEX\n         ===================================================== -->\n\n    <div class=\"mgw-docs__index\">\n\n\n      <!-- TDS -->\n\n      <a\n        class=\"mgw-doc-row\"\n        href=\"\/pliki-do-pobrania\/#tds\"\n      >\n\n        <span class=\"mgw-doc-row__number\">\n          01\n        <\/span>\n\n\n        <span class=\"mgw-doc-row__content\">\n\n          <span class=\"mgw-doc-row__label\">\n            DOKUMENTACJA PRODUKTOWA\n          <\/span>\n\n          <strong>\n            Karty katalogowe \/ TDS\n          <\/strong>\n\n          <span class=\"mgw-doc-row__description\">\n            Dane techniczne i dokumentacja dotycz\u0105ca\n            konkretnych kabli z oferty MG Wires.\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"mgw-doc-row__action\">\n\n          <span>\n            Przejd\u017a\n          <\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n\n      <!-- DOP -->\n\n      <a\n        class=\"mgw-doc-row\"\n        href=\"\/pliki-do-pobrania\/#dop\"\n      >\n\n        <span class=\"mgw-doc-row__number\">\n          02\n        <\/span>\n\n\n        <span class=\"mgw-doc-row__content\">\n\n          <span class=\"mgw-doc-row__label\">\n            DEKLARACJE\n          <\/span>\n\n          <strong>\n            Deklaracje DOP\n          <\/strong>\n\n          <span class=\"mgw-doc-row__description\">\n            Deklaracje w\u0142a\u015bciwo\u015bci u\u017cytkowych dost\u0119pne\n            dla odpowiednich produkt\u00f3w i grup produktowych.\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"mgw-doc-row__action\">\n\n          <span>\n            Przejd\u017a\n          <\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n\n      <!-- COMPANY DOCS -->\n\n      <a\n        class=\"mgw-doc-row\"\n        href=\"\/pliki-do-pobrania\/#dokumenty-firmowe\"\n      >\n\n        <span class=\"mgw-doc-row__number\">\n          03\n        <\/span>\n\n\n        <span class=\"mgw-doc-row__content\">\n\n          <span class=\"mgw-doc-row__label\">\n            INFORMACJE I FORMULARZE\n          <\/span>\n\n          <strong>\n            Dokumenty firmowe\n          <\/strong>\n\n          <span class=\"mgw-doc-row__description\">\n            OWH, informacje RODO, zasady dotycz\u0105ce opakowa\u0144\n            zwrotnych oraz pozosta\u0142e dokumenty do pobrania.\n          <\/span>\n\n        <\/span>\n\n\n        <span class=\"mgw-doc-row__action\">\n\n          <span>\n            Przejd\u017a\n          <\/span>\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n      <!-- BOTTOM NOTE -->\n\n      <div class=\"mgw-docs__note\">\n\n        <span>\n          PDF \/ TDS \/ DOP\n        <\/span>\n\n        <p>\n          Dokumentacja produktowa b\u0119dzie r\u00f3wnie\u017c dost\u0119pna\n          bezpo\u015brednio na kartach odpowiednich kabli.\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 DOCUMENTATION\n   ========================================================= *\/\n\n.mgw-docs {\n\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n  --mg-bg: #F5F7F9;\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    110px 0 104px;\n\n  background:\n    var(--mg-white);\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n  overflow: hidden;\n\n}\n\n\n\n\/* =========================================================\n   LOCAL RESET\n   ========================================================= *\/\n\n.mgw-docs *,\n.mgw-docs *::before,\n.mgw-docs *::after {\n\n  box-sizing:\n    border-box;\n\n}\n\n\n\n.mgw-docs a {\n\n  text-decoration:\n    none !important;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-docs__container {\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin:\n    0 auto;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,.78fr)\n    minmax(0,1.22fr);\n\n  gap:\n    92px;\n\n  align-items:\n    start;\n\n}\n\n\n\n\/* =========================================================\n   LEFT\n   ========================================================= *\/\n\n.mgw-docs__intro {\n\n  position: relative;\n\n  min-width: 0;\n\n}\n\n\n\n\/* EYEBROW *\/\n\n.mgw-docs__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 22px;\n\n  color:\n    var(--mg-blue);\n\n  font-size: 11px;\n\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .18em;\n\n}\n\n\n\n.mgw-docs__eyebrow > span {\n\n  display: block;\n\n  width: 36px;\n  height: 1px;\n\n  flex-shrink: 0;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n\n\/* TITLE *\/\n\n.mgw-docs__intro h2 {\n\n  max-width: 540px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    clamp(\n      43px,\n      3.7vw,\n      57px\n    );\n\n  line-height:\n    1.045;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n\n\/* LEAD *\/\n\n.mgw-docs__lead {\n\n  max-width:\n    490px;\n\n  margin:\n    29px 0 0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.72;\n\n}\n\n\n\n\/* =========================================================\n   MAIN LINK\n   ========================================================= *\/\n\n.mgw-docs__all,\n.mgw-docs__all:link,\n.mgw-docs__all:visited {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    10px;\n\n  margin-top:\n    30px;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .065em;\n\n  text-transform:\n    uppercase;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    color .2s ease;\n\n}\n\n\n\n.mgw-docs__all:hover {\n\n  color:\n    var(--mg-blue) !important;\n\n}\n\n\n\n.mgw-docs__all svg {\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.6;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n\n.mgw-docs__all:hover svg {\n\n  transform:\n    translateX(3px);\n\n}\n\n\n\n\/* =========================================================\n   TECH CODES\n   ========================================================= *\/\n\n.mgw-docs__codes {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  max-width:\n    430px;\n\n  margin-top:\n    65px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n  border-left:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n.mgw-docs__codes > div {\n\n  min-height:\n    108px;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    space-between;\n\n  padding:\n    18px 19px;\n\n  border-right:\n    1px solid\n    var(--mg-border);\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n.mgw-docs__codes span {\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n.mgw-docs__codes strong {\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    18px;\n\n  line-height:\n    1;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    .06em;\n\n}\n\n\n\n\/* =========================================================\n   INDEX\n   ========================================================= *\/\n\n.mgw-docs__index {\n\n  min-width: 0;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n\/* =========================================================\n   ROW LINK\n   ========================================================= *\/\n\n.mgw-docs .mgw-doc-row,\n.mgw-docs .mgw-doc-row:link,\n.mgw-docs .mgw-doc-row:visited,\n.mgw-docs .mgw-doc-row:hover,\n.mgw-docs .mgw-doc-row:focus {\n\n  color:\n    var(--mg-navy) !important;\n\n  text-decoration:\n    none !important;\n\n}\n\n\n\n.mgw-doc-row {\n\n  position:\n    relative;\n\n  min-width:\n    0;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    43px\n    minmax(0,1fr)\n    76px;\n\n  gap:\n    20px;\n\n  align-items:\n    start;\n\n  padding:\n    29px 0 31px;\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n  background:\n    transparent;\n\n  overflow:\n    hidden;\n\n  transition:\n    padding-left .25s ease,\n    background-color .25s ease;\n\n}\n\n\n\n\/* ACTIVE HOVER LINE *\/\n\n.mgw-doc-row::before {\n\n  content: \"\";\n\n  position:\n    absolute;\n\n  left:\n    0;\n\n  top:\n    0;\n\n  width:\n    2px;\n\n  height:\n    100%;\n\n  background:\n    var(--mg-blue);\n\n  transform:\n    scaleY(0);\n\n  transform-origin:\n    top center;\n\n  transition:\n    transform .27s ease;\n\n}\n\n\n\n.mgw-doc-row:hover {\n\n  padding-left:\n    18px;\n\n  background:\n    #F8FAFB;\n\n}\n\n\n\n.mgw-doc-row:hover::before {\n\n  transform:\n    scaleY(1);\n\n}\n\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.mgw-doc-row__number {\n\n  padding-top:\n    7px;\n\n  color:\n    var(--mg-blue) !important;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.mgw-doc-row__content {\n\n  display:\n    block;\n\n  min-width:\n    0;\n\n}\n\n\n\n.mgw-doc-row__label {\n\n  display:\n    block;\n\n  margin-bottom:\n    8px;\n\n  color:\n    var(--mg-blue) !important;\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n.mgw-doc-row__content strong {\n\n  display:\n    block;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-size:\n    21px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.016em;\n\n}\n\n\n\n.mgw-doc-row__description {\n\n  display:\n    block;\n\n  max-width:\n    520px;\n\n  margin-top:\n    10px;\n\n  color:\n    var(--mg-muted) !important;\n\n  font-size:\n    13px;\n\n  line-height:\n    1.58;\n\n}\n\n\n\n\/* =========================================================\n   ACTION\n   ========================================================= *\/\n\n.mgw-doc-row__action {\n\n  min-width:\n    0;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  align-items:\n    flex-end;\n\n  justify-content:\n    space-between;\n\n  align-self:\n    stretch;\n\n  gap:\n    25px;\n\n  color:\n    var(--mg-blue) !important;\n\n}\n\n\n\n.mgw-doc-row__action > span {\n\n  color:\n    var(--mg-muted) !important;\n\n  font-size:\n    7px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .15em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n.mgw-doc-row__action svg {\n\n  width:\n    18px;\n\n  height:\n    18px;\n\n  fill:\n    none;\n\n  stroke:\n    var(--mg-blue);\n\n  stroke-width:\n    1.5;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n\n.mgw-doc-row:hover\n.mgw-doc-row__action svg {\n\n  transform:\n    translateX(4px);\n\n}\n\n\n\n\/* =========================================================\n   NOTE\n   ========================================================= *\/\n\n.mgw-docs__note {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    110px\n    minmax(0,1fr);\n\n  gap:\n    22px;\n\n  align-items:\n    start;\n\n  padding-top:\n    23px;\n\n}\n\n\n\n.mgw-docs__note > span {\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    8px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n.mgw-docs__note p {\n\n  max-width:\n    460px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    11.5px;\n\n  line-height:\n    1.55;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-docs {\n\n    padding:\n      94px 0 90px;\n\n  }\n\n\n  .mgw-docs__container {\n\n    width:\n      calc(100% - 48px);\n\n    gap:\n      60px;\n\n  }\n\n\n  .mgw-docs__codes {\n\n    margin-top:\n      48px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-docs__container {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      52px;\n\n  }\n\n\n  .mgw-docs__lead {\n\n    max-width:\n      650px;\n\n  }\n\n\n  .mgw-docs__codes {\n\n    max-width:\n      100%;\n\n    margin-top:\n      40px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-docs {\n\n    padding:\n      72px 0 66px;\n\n  }\n\n\n  .mgw-docs__container {\n\n    width:\n      calc(100% - 36px);\n\n    gap:\n      43px;\n\n  }\n\n\n\n  \/* HEADER *\/\n\n  .mgw-docs__eyebrow {\n\n    margin-bottom:\n      20px;\n\n    font-size:\n      10px;\n\n  }\n\n\n  .mgw-docs__eyebrow > span {\n\n    width:\n      30px;\n\n  }\n\n\n  .mgw-docs__intro h2 {\n\n    font-size:\n      37px;\n\n    line-height:\n      1.06;\n\n  }\n\n\n  .mgw-docs__lead {\n\n    margin-top:\n      24px;\n\n    font-size:\n      14.5px;\n\n    line-height:\n      1.68;\n\n  }\n\n\n\n  \/* CODES *\/\n\n  .mgw-docs__codes {\n\n    margin-top:\n      36px;\n\n  }\n\n\n  .mgw-docs__codes > div {\n\n    min-height:\n      86px;\n\n    padding:\n      15px;\n\n  }\n\n\n  .mgw-docs__codes strong {\n\n    font-size:\n      16px;\n\n  }\n\n\n\n  \/* ROW *\/\n\n  .mgw-doc-row {\n\n    grid-template-columns:\n      31px\n      minmax(0,1fr)\n      25px;\n\n    gap:\n      13px;\n\n    padding:\n      23px 0 24px;\n\n  }\n\n\n  .mgw-doc-row:hover {\n\n    padding-left:\n      11px;\n\n  }\n\n\n  .mgw-doc-row__content strong {\n\n    font-size:\n      18px;\n\n  }\n\n\n  .mgw-doc-row__description {\n\n    font-size:\n      12.5px;\n\n  }\n\n\n  .mgw-doc-row__action {\n\n    justify-content:\n      flex-end;\n\n  }\n\n\n  .mgw-doc-row__action > span {\n\n    display:\n      none;\n\n  }\n\n\n  .mgw-doc-row__action svg {\n\n    width:\n      17px;\n\n    height:\n      17px;\n\n  }\n\n\n\n  \/* NOTE *\/\n\n  .mgw-docs__note {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      9px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-docs__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-docs__intro h2 {\n\n    font-size:\n      34px;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31379a1 e-con-full e-flex e-con e-parent\" data-id=\"31379a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f54c18 elementor-widget elementor-widget-html\" data-id=\"5f54c18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-faq\" id=\"faq\">\n\n  <div class=\"mgw-faq__container\">\n\n    <!-- =====================================================\n         LEFT\n         ===================================================== -->\n\n    <div class=\"mgw-faq__intro\">\n\n      <div class=\"mgw-faq__eyebrow\">\n        <span><\/span>\n        FAQ\n      <\/div>\n\n\n      <h2>\n        Najcz\u0119\u015bciej zadawane\n        pytania\n      <\/h2>\n\n\n      <p class=\"mgw-faq__lead\">\n        Zebrali\u015bmy najwa\u017cniejsze informacje dotycz\u0105ce oferty,\n        produkcji na zam\u00f3wienie, dokumentacji oraz wsp\u00f3\u0142pracy\n        z MG Wires.\n      <\/p>\n\n\n      <div class=\"mgw-faq__help\">\n\n        <span class=\"mgw-faq__help-label\">\n          POTRZEBUJESZ WI\u0118CEJ INFORMACJI?\n        <\/span>\n\n        <strong>\n          Porozmawiaj z naszym zespo\u0142em\n        <\/strong>\n\n        <p>\n          Je\u015bli Tw\u00f3j projekt wymaga konkretnej konstrukcji\n          lub parametr\u00f3w kabla, skontaktuj si\u0119 z nami\n          i przedstaw swoje wymagania.\n        <\/p>\n\n        <a href=\"\/kontakt\/\">\n          Skontaktuj si\u0119\n\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n            <path d=\"M4 10h11\"><\/path>\n            <path d=\"M11 6l4 4-4 4\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         ACCORDION\n         ===================================================== -->\n\n    <div class=\"mgw-faq__list\">\n\n\n      <!-- 01 -->\n\n      <details class=\"mgw-faq__item\" open>\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            01\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Jakie kable oferuje MG Wires?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Oferta obejmuje mi\u0119dzy innymi kable wysokotemperaturowe,\n            jedno\u017cy\u0142owe, sterownicze, bezhalogenowe, fotowoltaiczne,\n            automotive, chemoodporne i kompensacyjne, a tak\u017ce druty,\n            pasemka i skr\u0119tki Cu oraz CuSn. Pe\u0142ny asortyment znajduje\n            si\u0119 w katalogu produkt\u00f3w.\n          <\/p>\n\n          <a href=\"\/oferta\/\">\n            Zobacz katalog\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 02 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            02\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Czy MG Wires produkuje kable na zam\u00f3wienie?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Tak. MG Wires realizuje r\u00f3wnie\u017c produkcj\u0119 wed\u0142ug\n            indywidualnych wymaga\u0144 technicznych klienta.\n            Konstrukcja oraz parametry kabla mog\u0105 zosta\u0107 dobrane\n            do konkretnego zastosowania, \u015brodowiska pracy\n            i wymaga\u0144 danego projektu.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 03 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            03\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Do jakich zastosowa\u0144 przeznaczone s\u0105 kable MG Wires?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Produkty MG Wires znajduj\u0105 zastosowanie mi\u0119dzy innymi\n            w przemy\u015ble i automatyce, motoryzacji, fotowoltaice,\n            maszynach i urz\u0105dzeniach oraz instalacjach pracuj\u0105cych\n            w podwy\u017cszonej temperaturze, \u015brodowisku chemicznym\n            i innych wymagaj\u0105cych warunkach.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 04 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            04\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Jakie certyfikaty posiada MG Wires?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            MG Wires posiada wdro\u017cony System Zarz\u0105dzania Jako\u015bci\u0105\n            ISO 9001:2015, certyfikowany przez jednostk\u0119 DQS\n            z akredytacj\u0105 DAkkS. Dost\u0119pny jest r\u00f3wnie\u017c certyfikat\n            IQNet oraz dokumenty zwi\u0105zane z przyznanymi firmie\n            wyr\u00f3\u017cnieniami.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 05 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            05\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Czy MG Wires obs\u0142uguje klient\u00f3w zagranicznych?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Tak. Kable MG Wires trafiaj\u0105 do odbiorc\u00f3w na rynkach\n            europejskich oraz poza Europ\u0105, mi\u0119dzy innymi do Niemiec,\n            Czech, W\u0142och, USA, Meksyku, Chin, Senegalu\n            i Zjednoczonych Emirat\u00f3w Arabskich.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 06 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            06\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Czy MG Wires pomaga w doborze odpowiedniego kabla?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Tak. Przy doborze rozwi\u0105zania mo\u017cna przedstawi\u0107\n            zastosowanie, wymagane parametry oraz warunki pracy.\n            Na tej podstawie mo\u017cliwe jest dobranie produktu\n            z istniej\u0105cej oferty lub om\u00f3wienie rozwi\u0105zania\n            przygotowanego wed\u0142ug indywidualnej specyfikacji.\n          <\/p>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 07 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            07\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Gdzie znajd\u0119 karty katalogowe i dokumentacj\u0119 produkt\u00f3w?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Karty katalogowe TDS i pozosta\u0142a dost\u0119pna dokumentacja\n            b\u0119d\u0105 dost\u0119pne przy odpowiednich produktach oraz\n            w centralnej sekcji \u201ePliki do pobrania\u201d. Znajdziesz tam\n            r\u00f3wnie\u017c deklaracje DOP i dokumenty firmowe.\n          <\/p>\n\n          <a href=\"\/pliki-do-pobrania\/\">\n            Pliki do pobrania\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/details>\n\n\n\n      <!-- 08 -->\n\n      <details class=\"mgw-faq__item\">\n\n        <summary>\n\n          <span class=\"mgw-faq__number\">\n            08\n          <\/span>\n\n          <span class=\"mgw-faq__question\">\n            Jak skontaktowa\u0107 si\u0119 z MG Wires?\n          <\/span>\n\n          <span class=\"mgw-faq__icon\" aria-hidden=\"true\"><\/span>\n\n        <\/summary>\n\n\n        <div class=\"mgw-faq__answer\">\n\n          <p>\n            Mo\u017cesz skontaktowa\u0107 si\u0119 z nami telefonicznie pod numerem\n            +48 33 474 08 00 lub +48 889 806 637, wys\u0142a\u0107 wiadomo\u015b\u0107\n            na biuro@mgwires.pl lub sprzedaz@mgwires.pl albo\n            skorzysta\u0107 z formularza kontaktowego na stronie.\n          <\/p>\n\n          <a href=\"\/kontakt\/\">\n            Przejd\u017a do kontaktu\n            <span>\u2192<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/details>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 FAQ\n   ========================================================= *\/\n\n.mgw-faq {\n\n  --mg-navy: #02163B;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n  --mg-bg: #F5F7F9;\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    110px 0 106px;\n\n  background:\n    var(--mg-bg);\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n}\n\n\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.mgw-faq *,\n.mgw-faq *::before,\n.mgw-faq *::after {\n\n  box-sizing:\n    border-box;\n\n}\n\n\n\n.mgw-faq a {\n\n  text-decoration:\n    none !important;\n\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-faq__container {\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin:\n    0 auto;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,.72fr)\n    minmax(0,1.28fr);\n\n  gap:\n    94px;\n\n  align-items:\n    start;\n\n}\n\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.mgw-faq__intro {\n\n  min-width: 0;\n\n}\n\n\n\n\/* EYEBROW *\/\n\n.mgw-faq__eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom:\n    22px;\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .18em;\n\n}\n\n\n\n.mgw-faq__eyebrow > span {\n\n  display: block;\n\n  width:\n    36px;\n\n  height:\n    1px;\n\n  flex-shrink: 0;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n\n\/* TITLE *\/\n\n.mgw-faq__intro h2 {\n\n  max-width:\n    530px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    clamp(\n      43px,\n      3.7vw,\n      57px\n    );\n\n  line-height:\n    1.045;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n\n\/* LEAD *\/\n\n.mgw-faq__lead {\n\n  max-width:\n    455px;\n\n  margin:\n    28px 0 0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.72;\n\n}\n\n\n\n\/* =========================================================\n   HELP\n   ========================================================= *\/\n\n.mgw-faq__help {\n\n  max-width:\n    455px;\n\n  margin-top:\n    54px;\n\n  padding:\n    27px 0 0 24px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n  border-left:\n    2px solid\n    var(--mg-blue);\n\n}\n\n\n\n.mgw-faq__help-label {\n\n  display: block;\n\n  margin-bottom:\n    11px;\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n.mgw-faq__help > strong {\n\n  display: block;\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    19px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    900;\n\n}\n\n\n\n.mgw-faq__help p {\n\n  max-width:\n    380px;\n\n  margin:\n    12px 0 0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    12.5px;\n\n  line-height:\n    1.6;\n\n}\n\n\n\n\/* HELP CTA *\/\n\n.mgw-faq__help a,\n.mgw-faq__help a:link,\n.mgw-faq__help a:visited {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n\n  margin-top:\n    20px;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-size:\n    10px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .07em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n.mgw-faq__help a:hover {\n\n  color:\n    var(--mg-blue) !important;\n\n}\n\n\n\n.mgw-faq__help a svg {\n\n  width:\n    15px;\n\n  height:\n    15px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.6;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n\n.mgw-faq__help a:hover svg {\n\n  transform:\n    translateX(3px);\n\n}\n\n\n\n\/* =========================================================\n   FAQ LIST\n   ========================================================= *\/\n\n.mgw-faq__list {\n\n  min-width: 0;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n\n\/* =========================================================\n   ITEM\n   ========================================================= *\/\n\n.mgw-faq__item {\n\n  position: relative;\n\n  margin: 0;\n\n  padding: 0;\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n  background:\n    transparent;\n\n}\n\n\n\n\/*\n * aktywna pionowa linia\n *\/\n\n.mgw-faq__item::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 2px;\n  height: 0;\n\n  background:\n    var(--mg-blue);\n\n  transition:\n    height .28s ease;\n\n}\n\n\n\n.mgw-faq__item[open]::before {\n\n  height: 100%;\n\n}\n\n\n\n\/* =========================================================\n   SUMMARY\n   ========================================================= *\/\n\n.mgw-faq__item summary {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    42px\n    minmax(0,1fr)\n    26px;\n\n  gap:\n    18px;\n\n  align-items:\n    center;\n\n  min-height:\n    86px;\n\n  padding:\n    25px 0;\n\n  list-style:\n    none;\n\n  cursor:\n    pointer;\n\n  transition:\n    padding-left .24s ease,\n    background-color .24s ease;\n\n  -webkit-tap-highlight-color:\n    transparent;\n\n}\n\n\n\n.mgw-faq__item summary::-webkit-details-marker {\n\n  display:\n    none;\n\n}\n\n\n\n.mgw-faq__item summary::marker {\n\n  display:\n    none;\n\n  content: \"\";\n\n}\n\n\n\n.mgw-faq__item[open] summary {\n\n  padding-left:\n    18px;\n\n  background:\n    rgba(254,254,254,.62);\n\n}\n\n\n\n\/* NUMBER *\/\n\n.mgw-faq__number {\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\n\/* QUESTION *\/\n\n.mgw-faq__question {\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    19px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.014em;\n\n}\n\n\n\n\/* =========================================================\n   PLUS\n   ========================================================= *\/\n\n.mgw-faq__icon {\n\n  position:\n    relative;\n\n  width:\n    17px;\n\n  height:\n    17px;\n\n  justify-self:\n    end;\n\n}\n\n\n\n.mgw-faq__icon::before,\n.mgw-faq__icon::after {\n\n  content: \"\";\n\n  position:\n    absolute;\n\n  left:\n    50%;\n\n  top:\n    50%;\n\n  background:\n    var(--mg-blue);\n\n  transform:\n    translate(-50%,-50%);\n\n  transition:\n    opacity .2s ease,\n    transform .2s ease;\n\n}\n\n\n\n.mgw-faq__icon::before {\n\n  width:\n    13px;\n\n  height:\n    1px;\n\n}\n\n\n\n.mgw-faq__icon::after {\n\n  width:\n    1px;\n\n  height:\n    13px;\n\n}\n\n\n\n.mgw-faq__item[open]\n.mgw-faq__icon::after {\n\n  opacity:\n    0;\n\n  transform:\n    translate(-50%,-50%)\n    rotate(90deg);\n\n}\n\n\n\n\/* =========================================================\n   ANSWER\n   ========================================================= *\/\n\n.mgw-faq__answer {\n\n  padding:\n    0 52px 28px 78px;\n\n}\n\n\n\n.mgw-faq__answer p {\n\n  max-width:\n    620px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    13.5px;\n\n  line-height:\n    1.68;\n\n}\n\n\n\n\/* ANSWER LINK *\/\n\n.mgw-faq__answer a,\n.mgw-faq__answer a:link,\n.mgw-faq__answer a:visited {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    8px;\n\n  margin-top:\n    17px;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .07em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n.mgw-faq__answer a:hover {\n\n  color:\n    var(--mg-blue) !important;\n\n}\n\n\n\n.mgw-faq__answer a span {\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    15px;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n\n.mgw-faq__answer a:hover span {\n\n  transform:\n    translateX(3px);\n\n}\n\n\n\n\/* =========================================================\n   FOCUS\n   ========================================================= *\/\n\n.mgw-faq__item summary:focus-visible {\n\n  outline:\n    1px solid\n    rgba(104,134,159,.55);\n\n  outline-offset:\n    -1px;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-faq {\n\n    padding:\n      94px 0 90px;\n\n  }\n\n\n  .mgw-faq__container {\n\n    width:\n      calc(100% - 48px);\n\n    grid-template-columns:\n      minmax(300px,.7fr)\n      minmax(0,1.3fr);\n\n    gap:\n      58px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-faq__container {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      48px;\n\n  }\n\n\n  .mgw-faq__lead {\n\n    max-width:\n      650px;\n\n  }\n\n\n  .mgw-faq__help {\n\n    max-width:\n      650px;\n\n    margin-top:\n      35px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-faq {\n\n    padding:\n      72px 0 67px;\n\n  }\n\n\n  .mgw-faq__container {\n\n    width:\n      calc(100% - 36px);\n\n    gap:\n      42px;\n\n  }\n\n\n\n  \/* INTRO *\/\n\n  .mgw-faq__eyebrow {\n\n    margin-bottom:\n      20px;\n\n    font-size:\n      10px;\n\n  }\n\n\n  .mgw-faq__eyebrow > span {\n\n    width:\n      30px;\n\n  }\n\n\n  .mgw-faq__intro h2 {\n\n    font-size:\n      37px;\n\n    line-height:\n      1.06;\n\n  }\n\n\n  .mgw-faq__lead {\n\n    margin-top:\n      24px;\n\n    font-size:\n      14.5px;\n\n    line-height:\n      1.68;\n\n  }\n\n\n\n  \/* HELP *\/\n\n  .mgw-faq__help {\n\n    margin-top:\n      32px;\n\n    padding:\n      23px 0 0 18px;\n\n  }\n\n\n\n  \/* FAQ *\/\n\n  .mgw-faq__item summary {\n\n    grid-template-columns:\n      30px\n      minmax(0,1fr)\n      20px;\n\n    gap:\n      12px;\n\n    min-height:\n      75px;\n\n    padding:\n      21px 0;\n\n  }\n\n\n  .mgw-faq__item[open] summary {\n\n    padding-left:\n      11px;\n\n  }\n\n\n  .mgw-faq__question {\n\n    font-size:\n      17px;\n\n    line-height:\n      1.32;\n\n  }\n\n\n  .mgw-faq__answer {\n\n    padding:\n      0 20px 23px 53px;\n\n  }\n\n\n  .mgw-faq__answer p {\n\n    font-size:\n      13px;\n\n    line-height:\n      1.65;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-faq__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-faq__intro h2 {\n\n    font-size:\n      34px;\n\n  }\n\n\n  .mgw-faq__question {\n\n    font-size:\n      16px;\n\n  }\n\n\n  .mgw-faq__answer {\n\n    padding-left:\n      42px;\n\n    padding-right:\n      5px;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\/*\n * Pozostawiamy otwarte tylko jedno pytanie naraz.\n * Sam accordion dzia\u0142a natywnie nawet bez JS.\n *\/\n\n(function() {\n\n  const faq =\n    document.querySelector('.mgw-faq');\n\n  if (!faq) return;\n\n\n  const items =\n    faq.querySelectorAll(\n      '.mgw-faq__item'\n    );\n\n\n  items.forEach(function(item) {\n\n    item.addEventListener(\n      'toggle',\n      function() {\n\n        if (!item.open) return;\n\n\n        items.forEach(function(other) {\n\n          if (\n            other !== item &&\n            other.open\n          ) {\n\n            other.open = false;\n\n          }\n\n        });\n\n      }\n    );\n\n  });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd09f36 e-con-full e-flex e-con e-parent\" data-id=\"dd09f36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b701c6c elementor-widget elementor-widget-html\" data-id=\"b701c6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mgw-contact\" id=\"kontakt\" data-mgw-contact>\n\n  <div class=\"mgw-contact__grid-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mgw-contact__container\">\n\n\n    <!-- =====================================================\n         LEFT \u2014 CONTACT INFORMATION\n         ===================================================== -->\n\n    <div class=\"mgw-contact__info\">\n\n      <div class=\"mgw-contact__eyebrow\">\n        <span><\/span>\n        KONTAKT\n      <\/div>\n\n\n      <h2>\n        Porozmawiajmy<br>\n        o wymaganiach<br>\n        Twojego projektu\n      <\/h2>\n\n\n      <p class=\"mgw-contact__lead\">\n        Szukasz konkretnego kabla, potrzebujesz rozwi\u0105zania\n        przygotowanego wed\u0142ug indywidualnej specyfikacji\n        lub chcesz om\u00f3wi\u0107 mo\u017cliwo\u015bci wsp\u00f3\u0142pracy?\n        Przeka\u017c nam najwa\u017cniejsze informacje dotycz\u0105ce projektu.\n      <\/p>\n\n\n      <!-- CONTACT DATA -->\n\n      <div class=\"mgw-contact__details\">\n\n        <div class=\"mgw-contact__detail\">\n\n          <span class=\"mgw-contact__detail-no\">\n            01\n          <\/span>\n\n          <div>\n\n            <span class=\"mgw-contact__detail-label\">\n              FIRMA\n            <\/span>\n\n            <strong>\n              MG WIRES GROUP Sp. z o.o.\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mgw-contact__detail\">\n\n          <span class=\"mgw-contact__detail-no\">\n            02\n          <\/span>\n\n          <div>\n\n            <span class=\"mgw-contact__detail-label\">\n              SIEDZIBA\n            <\/span>\n\n            <strong>\n              ul. Porcelanowa 23\n            <\/strong>\n\n            <p>\n              40-246 Katowice\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"mgw-contact__detail\">\n\n          <span class=\"mgw-contact__detail-no\">\n            03\n          <\/span>\n\n          <div>\n\n            <span class=\"mgw-contact__detail-label\">\n              ZAK\u0141AD PRODUKCYJNY\n            <\/span>\n\n            <strong>\n              ul. Cieszy\u0144ska 6\n            <\/strong>\n\n            <p>\n              43-520 Chybie\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PHONE \/ MAIL -->\n\n      <div class=\"mgw-contact__direct\">\n\n        <div class=\"mgw-contact__direct-block\">\n\n          <span>\n            TELEFON\n          <\/span>\n\n          <a href=\"tel:+48334740800\">\n            +48 33 474 08 00\n          <\/a>\n\n          <a href=\"tel:+48889806637\">\n            +48 889 806 637\n          <\/a>\n\n        <\/div>\n\n\n        <div class=\"mgw-contact__direct-block\">\n\n          <span>\n            E-MAIL\n          <\/span>\n\n          <a href=\"mailto:biuro@mgwires.pl\">\n            biuro@mgwires.pl\n          <\/a>\n\n          <a href=\"mailto:sprzedaz@mgwires.pl\">\n            sprzedaz@mgwires.pl\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- TECHNICAL NOTE -->\n\n      <div class=\"mgw-contact__tech-note\">\n\n        <span>\n          ZAPYTANIE TECHNICZNE\n        <\/span>\n\n        <p>\n          Je\u015bli to mo\u017cliwe, podaj zastosowanie, wymagane parametry,\n          warunki pracy, ilo\u015b\u0107 oraz symbol produktu. U\u0142atwi to\n          przygotowanie odpowiedzi dopasowanej do projektu.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RIGHT \u2014 FORM\n         ===================================================== -->\n\n    <div class=\"mgw-contact__form-panel\">\n\n\n      <!-- FORM HEADER -->\n\n      <div class=\"mgw-contact__form-head\">\n\n        <div>\n\n          <span>\n            FORMULARZ ZAPYTANIA\n          <\/span>\n\n          <h3>\n            Opisz swoje wymagania\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"mgw-contact__form-code\">\n          FORM \/ 01\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- =====================================================\n           FORM\n           ===================================================== -->\n\n      <form\n        class=\"mgw-form\"\n        data-mgw-form\n        novalidate\n      >\n\n\n        <!-- ANTISPAM -->\n\n        <div\n          class=\"mgw-form__hp\"\n          aria-hidden=\"true\"\n        >\n\n          <label>\n            Website\n\n            <input\n              type=\"text\"\n              name=\"website\"\n              tabindex=\"-1\"\n              autocomplete=\"off\"\n            >\n\n          <\/label>\n\n        <\/div>\n\n\n        <input\n          type=\"hidden\"\n          name=\"form_started_at\"\n          value=\"\"\n          data-mgw-form-started\n        >\n\n\n\n        <!-- ROW 1 -->\n\n        <div class=\"mgw-form__row\">\n\n          <div class=\"mgw-field\">\n\n            <label for=\"mgw-company\">\n              Firma\n              <span>*<\/span>\n            <\/label>\n\n            <input\n              id=\"mgw-company\"\n              name=\"company\"\n              type=\"text\"\n              autocomplete=\"organization\"\n              placeholder=\"Nazwa firmy\"\n              maxlength=\"160\"\n              required\n            >\n\n          <\/div>\n\n\n          <div class=\"mgw-field\">\n\n            <label for=\"mgw-tax-id\">\n              NIP \/ VAT UE\n              <span>*<\/span>\n            <\/label>\n\n            <input\n              id=\"mgw-tax-id\"\n              name=\"tax_id\"\n              type=\"text\"\n              autocomplete=\"off\"\n              placeholder=\"Numer identyfikacji podatkowej\"\n              maxlength=\"40\"\n              required\n            >\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- ROW 2 -->\n\n        <div class=\"mgw-form__row\">\n\n          <div class=\"mgw-field\">\n\n            <label for=\"mgw-name\">\n              Imi\u0119 i nazwisko\n              <span>*<\/span>\n            <\/label>\n\n            <input\n              id=\"mgw-name\"\n              name=\"name\"\n              type=\"text\"\n              autocomplete=\"name\"\n              placeholder=\"Osoba kontaktowa\"\n              maxlength=\"120\"\n              required\n            >\n\n          <\/div>\n\n\n          <div class=\"mgw-field\">\n\n            <label for=\"mgw-email\">\n              E-mail\n              <span>*<\/span>\n            <\/label>\n\n            <input\n              id=\"mgw-email\"\n              name=\"email\"\n              type=\"email\"\n              autocomplete=\"email\"\n              placeholder=\"firmowy@email.pl\"\n              maxlength=\"190\"\n              required\n            >\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- ROW 3 -->\n\n        <div class=\"mgw-form__row\">\n\n          <div class=\"mgw-field\">\n\n            <label for=\"mgw-phone\">\n              Telefon\n            <\/label>\n\n            <input\n              id=\"mgw-phone\"\n              name=\"phone\"\n              type=\"tel\"\n              autocomplete=\"tel\"\n              placeholder=\"+48\"\n              maxlength=\"40\"\n            >\n\n          <\/div>\n\n\n          <div class=\"mgw-field\">\n\n            <label for=\"mgw-category\">\n              Produkt lub kategoria\n              <span>*<\/span>\n            <\/label>\n\n            <div class=\"mgw-select\">\n\n              <select\n                id=\"mgw-category\"\n                name=\"product_category\"\n                required\n              >\n\n                <option value=\"\" selected disabled>\n                  Wybierz kategori\u0119\n                <\/option>\n\n\n                <option value=\"wysokotemperaturowe\">\n                  Kable wysokotemperaturowe\n                <\/option>\n\n\n                <option value=\"kompensacyjne-termoelektryczne\">\n                  Kable kompensacyjne i termoelektryczne\n                <\/option>\n\n\n                <option value=\"militarne\">\n                  Kable do zastosowa\u0144 militarnych\n                <\/option>\n\n\n                <option value=\"lotnicze\">\n                  Kable lotnicze\n                <\/option>\n\n\n                <option value=\"fotowoltaiczne\">\n                  Kable fotowoltaiczne\n                <\/option>\n\n\n                <option value=\"automotive\">\n                  Kable automotive\n                <\/option>\n\n\n                <option value=\"tabor-kolejowy\">\n                  Kable do taboru kolejowego\n                <\/option>\n\n\n                <option value=\"sterownicze-sygnalizacyjne\">\n                  Kable sterownicze i sygnalizacyjne\n                <\/option>\n\n\n                <option value=\"elektroenergetyczne\">\n                  Kable elektroenergetyczne\n                <\/option>\n\n\n                <option value=\"bezhalogenowe-przeciwpozarowe\">\n                  Kable bezhalogenowe i przeciwpo\u017carowe\n                <\/option>\n\n\n                <option value=\"wyroby-z-miedzi\">\n                  Wyroby z miedzi\n                <\/option>\n\n\n                <option value=\"oem-custom\">\n                  Rozwi\u0105zania OEM \/ Custom Design\n                <\/option>\n\n\n                <option value=\"help\">\n                  Nie wiem \u2013 potrzebuj\u0119 pomocy w doborze\n                <\/option>\n\n              <\/select>\n\n\n              <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n                <path d=\"M6 8l4 4 4-4\"><\/path>\n              <\/svg>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- PRODUCT -->\n\n        <div class=\"mgw-field mgw-field--full\">\n\n          <label for=\"mgw-product\">\n            Nazwa lub symbol kabla\n          <\/label>\n\n          <input\n            id=\"mgw-product\"\n            name=\"product\"\n            type=\"text\"\n            maxlength=\"180\"\n            placeholder=\"Np. H1Z2Z2-K lub inny symbol produktu\"\n          >\n\n        <\/div>\n\n\n\n        <!-- MESSAGE -->\n\n        <div class=\"mgw-field mgw-field--message\">\n\n          <label for=\"mgw-message\">\n            Wiadomo\u015b\u0107\n            <span>*<\/span>\n          <\/label>\n\n          <textarea\n            id=\"mgw-message\"\n            name=\"message\"\n            rows=\"6\"\n            minlength=\"5\"\n            maxlength=\"5000\"\n            placeholder=\"Opisz zastosowanie, wymagane parametry, warunki pracy, ilo\u015b\u0107 lub inne informacje istotne dla zapytania.\"\n            required\n          ><\/textarea>\n\n        <\/div>\n\n\n\n        <!-- =====================================================\n             PRIVACY\n             ===================================================== -->\n\n        <div class=\"mgw-form__privacy\">\n\n          <div class=\"mgw-form__privacy-head\">\n\n            <span>\n              OCHRONA DANYCH\n            <\/span>\n\n            <strong>\n              Zgody i informacje dotycz\u0105ce danych osobowych\n            <\/strong>\n\n          <\/div>\n\n\n\n          <!-- REQUIRED -->\n\n          <label class=\"mgw-consent\">\n\n            <input\n              type=\"checkbox\"\n              name=\"privacy_acknowledgement\"\n              value=\"1\"\n              required\n            >\n\n            <span class=\"mgw-consent__box\"><\/span>\n\n            <span class=\"mgw-consent__text\">\n\n              <strong>*<\/strong>\n\n              Potwierdzam, \u017ce zapozna\u0142em\/am si\u0119 z\n\n              <a\n                href=\"\/polityka-prywatnosci\/\"\n                target=\"_blank\"\n                rel=\"noopener\"\n              >\n                Polityk\u0105 prywatno\u015bci\n              <\/a>\n\n              MG WIRES GROUP Sp. z o.o., w tym z informacjami\n              dotycz\u0105cymi przetwarzania moich danych osobowych\n              w zwi\u0105zku z obs\u0142ug\u0105 przes\u0142anego zapytania.\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <!-- EMAIL MARKETING -->\n\n          <label class=\"mgw-consent\">\n\n            <input\n              type=\"checkbox\"\n              name=\"marketing_email\"\n              value=\"1\"\n            >\n\n            <span class=\"mgw-consent__box\"><\/span>\n\n            <span class=\"mgw-consent__text\">\n\n              Wyra\u017cam zgod\u0119 na przesy\u0142anie przez\n              MG WIRES GROUP Sp. z o.o. na podany przeze mnie\n              adres e-mail informacji handlowych dotycz\u0105cych\n              produkt\u00f3w i us\u0142ug MG Wires. Zgod\u0119 mog\u0119 wycofa\u0107\n              w dowolnym momencie.\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <!-- PHONE MARKETING -->\n\n          <label class=\"mgw-consent\">\n\n            <input\n              type=\"checkbox\"\n              name=\"marketing_phone\"\n              value=\"1\"\n            >\n\n            <span class=\"mgw-consent__box\"><\/span>\n\n            <span class=\"mgw-consent__text\">\n\n              Wyra\u017cam zgod\u0119 na u\u017cywanie przez\n              MG WIRES GROUP Sp. z o.o. podanego numeru telefonu\n              w celu przekazywania informacji handlowych\n              i prowadzenia marketingu bezpo\u015bredniego.\n              Zgod\u0119 mog\u0119 wycofa\u0107 w dowolnym momencie.\n\n            <\/span>\n\n          <\/label>\n\n\n\n          <!-- PRIVACY INFORMATION -->\n\n          <div class=\"mgw-form__privacy-note\">\n\n            <p>\n              Administratorem danych osobowych jest\n              <strong>MG WIRES GROUP Sp. z o.o.<\/strong>\n              z siedzib\u0105 przy ul. Porcelanowej 23,\n              40-246 Katowice.\n            <\/p>\n\n            <p>\n              Dane podane w formularzu s\u0105 wykorzystywane\n              w celu obs\u0142ugi zapytania, prowadzenia korespondencji\n              i podj\u0119cia dzia\u0142a\u0144 zwi\u0105zanych z mo\u017cliwo\u015bci\u0105\n              nawi\u0105zania wsp\u00f3\u0142pracy.\n            <\/p>\n\n            <p>\n              Szczeg\u00f3\u0142owe informacje o zasadach przetwarzania danych,\n              okresie ich przechowywania oraz przys\u0142uguj\u0105cych prawach\n              znajduj\u0105 si\u0119 w\n\n              <a href=\"\/polityka-prywatnosci\/\">\n                Polityce prywatno\u015bci\n              <\/a>.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- FORM FOOTER -->\n\n        <div class=\"mgw-form__footer\">\n\n          <p>\n            <strong>*<\/strong>\n            pola wymagane\n          <\/p>\n\n\n          <button\n            type=\"submit\"\n            class=\"mgw-form__submit\"\n          >\n\n            <span>\n              Wy\u015blij zapytanie\n            <\/span>\n\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h11\"><\/path>\n              <path d=\"M11 6l4 4-4 4\"><\/path>\n            <\/svg>\n\n          <\/button>\n\n        <\/div>\n\n\n        <div\n          class=\"mgw-form__status\"\n          data-mgw-form-status\n          aria-live=\"polite\"\n        ><\/div>\n\n      <\/form>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MG WIRES \u2014 CONTACT\n   ========================================================= *\/\n\n.mgw-contact {\n\n  --mg-navy: #02163B;\n  --mg-dark: #010D24;\n  --mg-blue: #68869F;\n  --mg-white: #FEFEFE;\n\n  --mg-copy: rgba(254,254,254,.68);\n  --mg-line: rgba(104,134,159,.23);\n\n  --mg-form: #F7F8F9;\n  --mg-text: #22262D;\n  --mg-muted: #687582;\n  --mg-border: #DCE3E8;\n\n  position: relative;\n\n  width: 100%;\n\n  padding:\n    116px 0 110px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #010D24 0%,\n      #02163B 57%,\n      #01122F 100%\n    );\n\n  font-family:\n    'Lato',\n    sans-serif;\n\n  overflow: hidden;\n\n  isolation: isolate;\n\n}\n\n\n\/* RESET *\/\n\n.mgw-contact *,\n.mgw-contact *::before,\n.mgw-contact *::after {\n\n  box-sizing:\n    border-box;\n\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.mgw-contact__grid-bg {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  z-index:\n    0;\n\n  opacity:\n    .15;\n\n  pointer-events:\n    none;\n\n  background-image:\n    linear-gradient(\n      rgba(104,134,159,.055) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(104,134,159,.055) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    64px 64px;\n\n  -webkit-mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      #000 17%,\n      #000 84%,\n      transparent\n    );\n\n  mask-image:\n    linear-gradient(\n      90deg,\n      transparent,\n      #000 17%,\n      #000 84%,\n      transparent\n    );\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.mgw-contact__container {\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  width:\n    min(\n      1280px,\n      calc(100% - 64px)\n    );\n\n  margin:\n    0 auto;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0,.75fr)\n    minmax(0,1.25fr);\n\n  gap:\n    86px;\n\n  align-items:\n    start;\n\n}\n\n\n\/* =========================================================\n   LEFT\n   ========================================================= *\/\n\n.mgw-contact__info {\n\n  min-width:\n    0;\n\n}\n\n\n.mgw-contact__eyebrow {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    14px;\n\n  margin-bottom:\n    22px;\n\n  color:\n    #95ADBE;\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .18em;\n\n}\n\n\n.mgw-contact__eyebrow > span {\n\n  display:\n    block;\n\n  width:\n    36px;\n\n  height:\n    1px;\n\n  flex-shrink:\n    0;\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n.mgw-contact__info h2 {\n\n  max-width:\n    570px;\n\n  margin:\n    0;\n\n  color:\n    var(--mg-white);\n\n  font-size:\n    clamp(\n      43px,\n      3.7vw,\n      57px\n    );\n\n  line-height:\n    1.045;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.034em;\n\n}\n\n\n.mgw-contact__lead {\n\n  max-width:\n    500px;\n\n  margin:\n    29px 0 0;\n\n  color:\n    var(--mg-copy);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.72;\n\n}\n\n\n\/* =========================================================\n   COMPANY DETAILS\n   ========================================================= *\/\n\n.mgw-contact__details {\n\n  max-width:\n    520px;\n\n  margin-top:\n    51px;\n\n  border-top:\n    1px solid\n    var(--mg-line);\n\n}\n\n\n.mgw-contact__detail {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    35px\n    minmax(0,1fr);\n\n  gap:\n    17px;\n\n  padding:\n    20px 0;\n\n  border-bottom:\n    1px solid\n    var(--mg-line);\n\n}\n\n\n.mgw-contact__detail-no {\n\n  padding-top:\n    5px;\n\n  color:\n    #7897AE;\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n.mgw-contact__detail-label {\n\n  display:\n    block;\n\n  margin-bottom:\n    6px;\n\n  color:\n    #7897AE;\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n.mgw-contact__detail strong {\n\n  display:\n    block;\n\n  color:\n    var(--mg-white);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n}\n\n\n.mgw-contact__detail p {\n\n  margin:\n    3px 0 0;\n\n  color:\n    rgba(254,254,254,.55);\n\n  font-size:\n    12px;\n\n  line-height:\n    1.45;\n\n}\n\n\n\/* =========================================================\n   DIRECT CONTACT\n   ========================================================= *\/\n\n.mgw-contact__direct {\n\n  max-width:\n    520px;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0,1fr)\n    );\n\n  margin-top:\n    31px;\n\n  border-top:\n    1px solid\n    var(--mg-line);\n\n  border-left:\n    1px solid\n    var(--mg-line);\n\n}\n\n\n.mgw-contact__direct-block {\n\n  min-width:\n    0;\n\n  padding:\n    20px;\n\n  border-right:\n    1px solid\n    var(--mg-line);\n\n  border-bottom:\n    1px solid\n    var(--mg-line);\n\n}\n\n\n.mgw-contact__direct-block > span {\n\n  display:\n    block;\n\n  margin-bottom:\n    13px;\n\n  color:\n    #7897AE;\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n.mgw-contact__direct-block a,\n.mgw-contact__direct-block a:link,\n.mgw-contact__direct-block a:visited {\n\n  display:\n    block;\n\n  margin-top:\n    7px;\n\n  color:\n    rgba(254,254,254,.80) !important;\n\n  font-size:\n    12px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  text-decoration:\n    none !important;\n\n  overflow-wrap:\n    anywhere;\n\n  transition:\n    color .2s ease;\n\n}\n\n\n.mgw-contact__direct-block a:hover {\n\n  color:\n    #A5BBCB !important;\n\n}\n\n\n\/* =========================================================\n   TECH NOTE\n   ========================================================= *\/\n\n.mgw-contact__tech-note {\n\n  max-width:\n    520px;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    120px\n    minmax(0,1fr);\n\n  gap:\n    18px;\n\n  margin-top:\n    27px;\n\n  padding-top:\n    23px;\n\n  border-top:\n    1px solid\n    var(--mg-line);\n\n}\n\n\n.mgw-contact__tech-note > span {\n\n  color:\n    #7897AE;\n\n  font-size:\n    8px;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .14em;\n\n}\n\n\n.mgw-contact__tech-note p {\n\n  margin:\n    0;\n\n  color:\n    rgba(254,254,254,.48);\n\n  font-size:\n    11.5px;\n\n  line-height:\n    1.55;\n\n}\n\n\n\/* =========================================================\n   FORM PANEL\n   ========================================================= *\/\n\n.mgw-contact__form-panel {\n\n  min-width:\n    0;\n\n  padding:\n    40px 42px 42px;\n\n  background:\n    var(--mg-form);\n\n}\n\n\n\/* FORM HEADER *\/\n\n.mgw-contact__form-head {\n\n  display:\n    flex;\n\n  align-items:\n    flex-start;\n\n  justify-content:\n    space-between;\n\n  gap:\n    30px;\n\n  margin-bottom:\n    31px;\n\n  padding-bottom:\n    27px;\n\n  border-bottom:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-contact__form-head > div:first-child > span {\n\n  display:\n    block;\n\n  margin-bottom:\n    8px;\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n.mgw-contact__form-head h3 {\n\n  margin:\n    0;\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    28px;\n\n  line-height:\n    1.1;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    -.024em;\n\n}\n\n\n.mgw-contact__form-code {\n\n  padding-top:\n    4px;\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n\/* =========================================================\n   HONEYPOT\n   ========================================================= *\/\n\n.mgw-form__hp {\n\n  position:\n    absolute !important;\n\n  left:\n    -99999px !important;\n\n  top:\n    auto !important;\n\n  width:\n    1px !important;\n\n  height:\n    1px !important;\n\n  overflow:\n    hidden !important;\n\n}\n\n\n\/* =========================================================\n   ROW\n   ========================================================= *\/\n\n.mgw-form__row {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0,1fr)\n    );\n\n  gap:\n    20px;\n\n  margin-bottom:\n    22px;\n\n}\n\n\n\/* =========================================================\n   FIELD\n   ========================================================= *\/\n\n.mgw-field {\n\n  min-width:\n    0;\n\n}\n\n\n.mgw-field--full {\n\n  margin-bottom:\n    22px;\n\n}\n\n\n.mgw-field--message {\n\n  margin-top:\n    1px;\n\n}\n\n\n.mgw-field label {\n\n  display:\n    block;\n\n  margin-bottom:\n    9px;\n\n  color:\n    #52616E;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .09em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.mgw-field label > span {\n\n  color:\n    var(--mg-blue);\n\n}\n\n\n\/* =========================================================\n   INPUT \/ TEXTAREA \/ SELECT\n   ========================================================= *\/\n\n.mgw-contact .mgw-field input,\n.mgw-contact .mgw-field textarea,\n.mgw-contact .mgw-field select {\n\n  width:\n    100%;\n\n  margin:\n    0;\n\n  border:\n    0 !important;\n\n  border-bottom:\n    1px solid\n    #C9D2D9 !important;\n\n  border-radius:\n    0 !important;\n\n  outline:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  background:\n    transparent !important;\n\n  color:\n    var(--mg-navy) !important;\n\n  font-family:\n    'Lato',\n    sans-serif !important;\n\n  font-size:\n    14px !important;\n\n  font-weight:\n    400 !important;\n\n  line-height:\n    1.4 !important;\n\n  transition:\n    border-color .2s ease;\n\n}\n\n\n.mgw-contact .mgw-field input {\n\n  height:\n    48px;\n\n  padding:\n    0 0 9px !important;\n\n}\n\n\n.mgw-contact .mgw-field textarea {\n\n  min-height:\n    145px;\n\n  padding:\n    11px 0 13px !important;\n\n  resize:\n    vertical;\n\n}\n\n\n.mgw-contact .mgw-field input::placeholder,\n.mgw-contact .mgw-field textarea::placeholder {\n\n  color:\n    #89949D;\n\n  opacity:\n    1;\n\n}\n\n\n.mgw-contact .mgw-field input:focus,\n.mgw-contact .mgw-field textarea:focus,\n.mgw-contact .mgw-field select:focus {\n\n  border-bottom-color:\n    var(--mg-blue) !important;\n\n}\n\n\n\/* SELECT *\/\n\n.mgw-select {\n\n  position:\n    relative;\n\n}\n\n\n.mgw-contact .mgw-field select {\n\n  height:\n    48px;\n\n  padding:\n    0 31px 9px 0 !important;\n\n  appearance:\n    none;\n\n  -webkit-appearance:\n    none;\n\n  cursor:\n    pointer;\n\n}\n\n\n.mgw-select svg {\n\n  position:\n    absolute;\n\n  right:\n    1px;\n\n  top:\n    15px;\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  fill:\n    none;\n\n  stroke:\n    var(--mg-blue);\n\n  stroke-width:\n    1.5;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  pointer-events:\n    none;\n\n}\n\n\n\/* =========================================================\n   PRIVACY\n   ========================================================= *\/\n\n.mgw-form__privacy {\n\n  margin-top:\n    31px;\n\n  padding-top:\n    27px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-form__privacy-head {\n\n  margin-bottom:\n    21px;\n\n}\n\n\n.mgw-form__privacy-head > span {\n\n  display:\n    block;\n\n  margin-bottom:\n    7px;\n\n  color:\n    var(--mg-blue);\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n}\n\n\n.mgw-form__privacy-head > strong {\n\n  display:\n    block;\n\n  color:\n    var(--mg-navy);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    900;\n\n}\n\n\n\/* =========================================================\n   CONSENTS\n   ========================================================= *\/\n\n.mgw-consent {\n\n  position:\n    relative;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    18px\n    minmax(0,1fr);\n\n  gap:\n    11px;\n\n  align-items:\n    start;\n\n  margin-top:\n    16px;\n\n  cursor:\n    pointer;\n\n}\n\n\n.mgw-consent input {\n\n  position:\n    absolute;\n\n  width:\n    1px;\n\n  height:\n    1px;\n\n  opacity:\n    0;\n\n  pointer-events:\n    none;\n\n}\n\n\n.mgw-consent__box {\n\n  position:\n    relative;\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  margin-top:\n    2px;\n\n  border:\n    1px solid\n    #ADB8C0;\n\n  background:\n    transparent;\n\n  transition:\n    background-color .15s ease,\n    border-color .15s ease;\n\n}\n\n\n.mgw-consent__box::after {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  left:\n    4px;\n\n  top:\n    1px;\n\n  width:\n    5px;\n\n  height:\n    9px;\n\n  border-right:\n    1.5px solid #fff;\n\n  border-bottom:\n    1.5px solid #fff;\n\n  transform:\n    rotate(45deg)\n    scale(0);\n\n  transition:\n    transform .15s ease;\n\n}\n\n\n.mgw-consent input:checked\n+\n.mgw-consent__box {\n\n  border-color:\n    var(--mg-blue);\n\n  background:\n    var(--mg-blue);\n\n}\n\n\n.mgw-consent input:checked\n+\n.mgw-consent__box::after {\n\n  transform:\n    rotate(45deg)\n    scale(1);\n\n}\n\n\n.mgw-consent input:focus-visible\n+\n.mgw-consent__box {\n\n  outline:\n    1px solid\n    var(--mg-blue);\n\n  outline-offset:\n    2px;\n\n}\n\n\n.mgw-consent__text {\n\n  color:\n    var(--mg-muted);\n\n  font-size:\n    10.5px;\n\n  line-height:\n    1.58;\n\n}\n\n\n.mgw-consent__text > strong {\n\n  color:\n    var(--mg-blue);\n\n}\n\n\n.mgw-contact .mgw-consent__text a,\n.mgw-contact .mgw-consent__text a:link,\n.mgw-contact .mgw-consent__text a:visited {\n\n  color:\n    var(--mg-navy) !important;\n\n  font-weight:\n    700;\n\n  text-decoration:\n    underline !important;\n\n  text-decoration-thickness:\n    1px !important;\n\n  text-underline-offset:\n    2px;\n\n}\n\n\n.mgw-contact .mgw-consent__text a:hover {\n\n  color:\n    var(--mg-blue) !important;\n\n}\n\n\n\/* =========================================================\n   PRIVACY NOTE\n   ========================================================= *\/\n\n.mgw-form__privacy-note {\n\n  margin-top:\n    24px;\n\n  padding:\n    17px 18px;\n\n  border-left:\n    2px solid\n    var(--mg-blue);\n\n  background:\n    #EEF2F4;\n\n}\n\n\n.mgw-form__privacy-note p {\n\n  margin:\n    0 0 8px;\n\n  color:\n    #64727D;\n\n  font-size:\n    9.5px;\n\n  line-height:\n    1.58;\n\n}\n\n\n.mgw-form__privacy-note p:last-child {\n\n  margin-bottom:\n    0;\n\n}\n\n\n.mgw-form__privacy-note strong {\n\n  color:\n    var(--mg-navy);\n\n}\n\n\n.mgw-contact .mgw-form__privacy-note a,\n.mgw-contact .mgw-form__privacy-note a:visited {\n\n  color:\n    var(--mg-navy) !important;\n\n  font-weight:\n    700;\n\n  text-decoration:\n    underline !important;\n\n  text-underline-offset:\n    2px;\n\n}\n\n\n\/* =========================================================\n   FORM FOOTER\n   ========================================================= *\/\n\n.mgw-form__footer {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    30px;\n\n  margin-top:\n    29px;\n\n  padding-top:\n    27px;\n\n  border-top:\n    1px solid\n    var(--mg-border);\n\n}\n\n\n.mgw-form__footer p {\n\n  margin:\n    0;\n\n  color:\n    #7A8791;\n\n  font-size:\n    9px;\n\n  line-height:\n    1.4;\n\n  text-transform:\n    uppercase;\n\n  letter-spacing:\n    .07em;\n\n}\n\n\n.mgw-form__footer p strong {\n\n  color:\n    var(--mg-blue);\n\n}\n\n\n\/* =========================================================\n   SUBMIT\n   ========================================================= *\/\n\n.mgw-contact .mgw-form__submit,\n.mgw-contact .mgw-form__submit:hover,\n.mgw-contact .mgw-form__submit:focus,\n.mgw-contact .mgw-form__submit:active {\n\n  border:\n    0 !important;\n\n  border-radius:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n  outline:\n    none !important;\n\n  text-shadow:\n    none !important;\n\n}\n\n\n.mgw-contact .mgw-form__submit {\n\n  min-height:\n    52px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    13px;\n\n  padding:\n    0 23px !important;\n\n  background:\n    var(--mg-navy) !important;\n\n  color:\n    var(--mg-white) !important;\n\n  font-family:\n    'Lato',\n    sans-serif !important;\n\n  font-size:\n    10px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    700 !important;\n\n  letter-spacing:\n    .075em !important;\n\n  text-transform:\n    uppercase !important;\n\n  cursor:\n    pointer;\n\n  transition:\n    background-color .2s ease,\n    opacity .2s ease !important;\n\n}\n\n\n.mgw-contact .mgw-form__submit:hover {\n\n  background:\n    var(--mg-blue) !important;\n\n  color:\n    var(--mg-white) !important;\n\n}\n\n\n.mgw-form__submit svg {\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.6;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n\n}\n\n\n.mgw-form__submit:hover svg {\n\n  transform:\n    translateX(3px);\n\n}\n\n\n.mgw-contact .mgw-form__submit:disabled {\n\n  opacity:\n    .65 !important;\n\n  cursor:\n    wait;\n\n}\n\n\n\/* =========================================================\n   STATUS\n   ========================================================= *\/\n\n.mgw-form__status {\n\n  display:\n    none;\n\n  margin-top:\n    18px;\n\n  padding:\n    13px 15px;\n\n  border-left:\n    2px solid\n    var(--mg-blue);\n\n  background:\n    #EDF1F3;\n\n  color:\n    #52616E;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.5;\n\n}\n\n\n.mgw-form__status.is-visible {\n\n  display:\n    block;\n\n}\n\n\n.mgw-form__status.is-success {\n\n  border-left-color:\n    #68869F;\n\n  background:\n    #EDF3F5;\n\n  color:\n    #2F4A5D;\n\n}\n\n\n.mgw-form__status.is-error-status {\n\n  border-left-color:\n    #985050;\n\n  background:\n    #F6EEEE;\n\n  color:\n    #744141;\n\n}\n\n\n.mgw-contact .mgw-field input.is-error,\n.mgw-contact .mgw-field textarea.is-error,\n.mgw-contact .mgw-field select.is-error {\n\n  border-bottom-color:\n    #985050 !important;\n\n}\n\n\n.mgw-consent.is-error\n.mgw-consent__box {\n\n  border-color:\n    #985050;\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mgw-contact {\n\n    padding:\n      96px 0 92px;\n\n  }\n\n\n  .mgw-contact__container {\n\n    width:\n      calc(100% - 48px);\n\n    gap:\n      52px;\n\n  }\n\n\n  .mgw-contact__form-panel {\n\n    padding:\n      35px 32px 36px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mgw-contact__container {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      55px;\n\n  }\n\n\n  .mgw-contact__lead,\n  .mgw-contact__details,\n  .mgw-contact__direct,\n  .mgw-contact__tech-note {\n\n    max-width:\n      650px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .mgw-contact {\n\n    padding:\n      72px 0 68px;\n\n  }\n\n\n  .mgw-contact__container {\n\n    width:\n      calc(100% - 36px);\n\n    gap:\n      45px;\n\n  }\n\n\n  .mgw-contact__eyebrow {\n\n    margin-bottom:\n      20px;\n\n    font-size:\n      10px;\n\n  }\n\n\n  .mgw-contact__eyebrow > span {\n\n    width:\n      30px;\n\n  }\n\n\n  .mgw-contact__info h2 {\n\n    font-size:\n      37px;\n\n    line-height:\n      1.06;\n\n  }\n\n\n  .mgw-contact__lead {\n\n    margin-top:\n      24px;\n\n    font-size:\n      14.5px;\n\n    line-height:\n      1.68;\n\n  }\n\n\n  .mgw-contact__details {\n\n    margin-top:\n      39px;\n\n  }\n\n\n  .mgw-contact__direct {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .mgw-contact__tech-note {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      8px;\n\n  }\n\n\n  .mgw-contact__form-panel {\n\n    padding:\n      29px 21px 27px;\n\n  }\n\n\n  .mgw-contact__form-head {\n\n    margin-bottom:\n      27px;\n\n  }\n\n\n  .mgw-contact__form-head h3 {\n\n    font-size:\n      25px;\n\n  }\n\n\n  .mgw-contact__form-code {\n\n    display:\n      none;\n\n  }\n\n\n  .mgw-form__row {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      20px;\n\n    margin-bottom:\n      20px;\n\n  }\n\n\n  .mgw-contact\n  .mgw-field textarea {\n\n    min-height:\n      150px;\n\n  }\n\n\n  .mgw-form__footer {\n\n    display:\n      block;\n\n  }\n\n\n  .mgw-contact\n  .mgw-form__submit {\n\n    width:\n      100%;\n\n    margin-top:\n      18px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .mgw-contact__container {\n\n    width:\n      calc(100% - 30px);\n\n  }\n\n\n  .mgw-contact__info h2 {\n\n    font-size:\n      34px;\n\n  }\n\n\n  .mgw-contact__form-panel {\n\n    padding:\n      27px 18px 24px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const forms =\n    document.querySelectorAll(\n      '[data-mgw-form]'\n    );\n\n\n  if (!forms.length) {\n    return;\n  }\n\n\n\n  \/* =====================================================\n     GET NONCE\n     ===================================================== *\/\n\n  async function getNonce() {\n\n    \/*\n     * Tych nazw na razie NIE zmieniamy.\n     * Musz\u0105 pozosta\u0107 zgodne z aktualnym PHP.\n     *\/\n\n    const config =\n      window.MGW_B2B_FORM_CONFIG;\n\n\n    if (\n      !config ||\n      !config.ajaxUrl\n    ) {\n\n      throw new Error(\n        'Brak konfiguracji formularza.'\n      );\n\n    }\n\n\n    const data =\n      new FormData();\n\n\n    data.append(\n      'action',\n      'mgw_b2b_get_nonce'\n    );\n\n\n    const response =\n      await fetch(\n        config.ajaxUrl,\n        {\n          method: 'POST',\n          body: data,\n          credentials: 'same-origin'\n        }\n      );\n\n\n    if (!response.ok) {\n\n      throw new Error(\n        'B\u0142\u0105d po\u0142\u0105czenia z serwerem.'\n      );\n\n    }\n\n\n    const result =\n      await response.json();\n\n\n    if (\n      !result.success ||\n      !result.data ||\n      !result.data.nonce\n    ) {\n\n      throw new Error(\n        'Nie uda\u0142o si\u0119 przygotowa\u0107 formularza.'\n      );\n\n    }\n\n\n    return result.data.nonce;\n\n  }\n\n\n\n  \/* =====================================================\n     EACH FORM\n     ===================================================== *\/\n\n  forms.forEach(function(form) {\n\n    const status =\n      form.querySelector(\n        '[data-mgw-form-status]'\n      );\n\n\n    const submit =\n      form.querySelector(\n        '.mgw-form__submit'\n      );\n\n\n    const submitText =\n      submit\n        ? submit.querySelector('span')\n        : null;\n\n\n    const started =\n      form.querySelector(\n        '[data-mgw-form-started]'\n      );\n\n\n\n    \/* START TIME *\/\n\n    function setStartTime() {\n\n      if (started) {\n\n        started.value =\n          Date.now().toString();\n\n      }\n\n    }\n\n\n    setStartTime();\n\n\n\n    \/* STATUS *\/\n\n    function showStatus(\n      message,\n      type\n    ) {\n\n      if (!status) {\n        return;\n      }\n\n\n      status.textContent =\n        message;\n\n\n      status.classList.add(\n        'is-visible'\n      );\n\n\n      status.classList.remove(\n        'is-success',\n        'is-error-status'\n      );\n\n\n      if (type === 'success') {\n\n        status.classList.add(\n          'is-success'\n        );\n\n      }\n\n\n      if (type === 'error') {\n\n        status.classList.add(\n          'is-error-status'\n        );\n\n      }\n\n    }\n\n\n\n    \/* LOADING *\/\n\n    function setLoading(loading) {\n\n      if (!submit) {\n        return;\n      }\n\n\n      submit.disabled =\n        loading;\n\n\n      if (submitText) {\n\n        submitText.textContent =\n          loading\n            ? 'Wysy\u0142anie...'\n            : 'Wy\u015blij zapytanie';\n\n      }\n\n    }\n\n\n\n    \/* CLEAR ERROR *\/\n\n    function clearFieldError(target) {\n\n      target.classList.remove(\n        'is-error'\n      );\n\n\n      const consent =\n        target.closest(\n          '.mgw-consent'\n        );\n\n\n      if (consent) {\n\n        consent.classList.remove(\n          'is-error'\n        );\n\n      }\n\n    }\n\n\n    form.addEventListener(\n      'input',\n      function(event) {\n\n        clearFieldError(\n          event.target\n        );\n\n      }\n    );\n\n\n    form.addEventListener(\n      'change',\n      function(event) {\n\n        clearFieldError(\n          event.target\n        );\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       SUBMIT\n       ===================================================== *\/\n\n    form.addEventListener(\n      'submit',\n      async function(event) {\n\n        event.preventDefault();\n\n\n        let valid =\n          true;\n\n\n\n        \/* RESET *\/\n\n        form\n          .querySelectorAll(\n            '.is-error'\n          )\n          .forEach(\n            function(element) {\n\n              element.classList.remove(\n                'is-error'\n              );\n\n            }\n          );\n\n\n\n        \/* REQUIRED FIELDS *\/\n\n        const requiredFields =\n          form.querySelectorAll(\n            'input[required]:not([type=\"checkbox\"]), textarea[required], select[required]'\n          );\n\n\n        requiredFields.forEach(\n          function(field) {\n\n            if (\n              !field.value ||\n              !field.value.trim()\n            ) {\n\n              field.classList.add(\n                'is-error'\n              );\n\n              valid =\n                false;\n\n            }\n\n          }\n        );\n\n\n\n        \/* EMAIL *\/\n\n        const email =\n          form.querySelector(\n            'input[type=\"email\"]'\n          );\n\n\n        if (\n          email &&\n          email.value &&\n          !email.validity.valid\n        ) {\n\n          email.classList.add(\n            'is-error'\n          );\n\n          valid =\n            false;\n\n        }\n\n\n\n        \/* PRIVACY *\/\n\n        const privacy =\n          form.querySelector(\n            'input[name=\"privacy_acknowledgement\"]'\n          );\n\n\n        if (\n          privacy &&\n          !privacy.checked\n        ) {\n\n          const row =\n            privacy.closest(\n              '.mgw-consent'\n            );\n\n\n          if (row) {\n\n            row.classList.add(\n              'is-error'\n            );\n\n          }\n\n\n          valid =\n            false;\n\n        }\n\n\n\n        \/* PHONE CONSENT *\/\n\n        const phone =\n          form.querySelector(\n            'input[name=\"phone\"]'\n          );\n\n\n        const phoneConsent =\n          form.querySelector(\n            'input[name=\"marketing_phone\"]'\n          );\n\n\n        if (\n          phoneConsent &&\n          phoneConsent.checked &&\n          phone &&\n          !phone.value.trim()\n        ) {\n\n          phone.classList.add(\n            'is-error'\n          );\n\n          valid =\n            false;\n\n        }\n\n\n\n        \/* CLIENT ERROR *\/\n\n        if (!valid) {\n\n          showStatus(\n            'Uzupe\u0142nij wszystkie wymagane pola formularza.',\n            'error'\n          );\n\n\n          const firstError =\n            form.querySelector(\n              '.is-error'\n            );\n\n\n          if (firstError) {\n\n            firstError.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            });\n\n          }\n\n\n          return;\n\n        }\n\n\n\n        \/* =====================================================\n           SEND\n           ===================================================== *\/\n\n        try {\n\n          setLoading(\n            true\n          );\n\n\n          showStatus(\n            'Wysy\u0142anie zapytania...',\n            null\n          );\n\n\n          const config =\n            window.MGW_B2B_FORM_CONFIG;\n\n\n          if (\n            !config ||\n            !config.ajaxUrl\n          ) {\n\n            throw new Error(\n              'Formularz nie zosta\u0142 prawid\u0142owo skonfigurowany.'\n            );\n\n          }\n\n\n          const nonce =\n            await getNonce();\n\n\n          const formData =\n            new FormData(\n              form\n            );\n\n\n          formData.append(\n            'action',\n            'mgw_b2b_submit'\n          );\n\n\n          formData.append(\n            'nonce',\n            nonce\n          );\n\n\n          formData.append(\n            'source_url',\n            window.location.href\n          );\n\n\n          const response =\n            await fetch(\n              config.ajaxUrl,\n              {\n                method:\n                  'POST',\n\n                body:\n                  formData,\n\n                credentials:\n                  'same-origin'\n              }\n            );\n\n\n          let result;\n\n\n          try {\n\n            result =\n              await response.json();\n\n          }\n\n          catch (jsonError) {\n\n            throw new Error(\n              'Serwer zwr\u00f3ci\u0142 nieprawid\u0142ow\u0105 odpowied\u017a.'\n            );\n\n          }\n\n\n\n          if (!result.success) {\n\n            const errorMessage =\n              result.data &&\n              result.data.message\n                ? result.data.message\n                : 'Nie uda\u0142o si\u0119 wys\u0142a\u0107 zapytania. Spr\u00f3buj ponownie.';\n\n\n            showStatus(\n              errorMessage,\n              'error'\n            );\n\n\n            return;\n\n          }\n\n\n\n          const successMessage =\n            result.data &&\n            result.data.message\n              ? result.data.message\n              : 'Dzi\u0119kujemy. Zapytanie zosta\u0142o wys\u0142ane.';\n\n\n          form.reset();\n\n\n          setStartTime();\n\n\n          showStatus(\n            successMessage,\n            'success'\n          );\n\n        }\n\n\n        catch (error) {\n\n          console.error(\n            'MG Wires B2B form:',\n            error\n          );\n\n\n          showStatus(\n            'Wyst\u0105pi\u0142 problem podczas wysy\u0142ania formularza. Spr\u00f3buj ponownie lub skontaktuj si\u0119 z nami telefonicznie albo e-mailowo.',\n            'error'\n          );\n\n        }\n\n\n        finally {\n\n          setLoading(\n            false\n          );\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 03 MG WIRES \u2022 PRODUCENT KABLI \u0141\u0104CZYMY NAJLEPSZE\u2026 Producent kabli dla przemys\u0142u i wymagaj\u0105cych zastosowa\u0144 Produkujemy kable do zastosowa\u0144 przemys\u0142owych i specjalistycznych, \u0142\u0105cz\u0105c szerok\u0105 ofert\u0119 standardow\u0105 z mo\u017cliwo\u015bci\u0105 realizacji wed\u0142ug indywidualnych wymaga\u0144 technicznych. Zobacz katalog Zapytaj o ofert\u0119 KATALOG PRODUKT\u00d3W Znajd\u017a konkretny kabel Szukaj Przegl\u0105daj ca\u0142y katalog 01 ISO 9001:2015 System jako\u015bci potwierdzony certyfikatami [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":79,"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":648,"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/648"}],"wp:attachment":[{"href":"https:\/\/mgwires.michalkaczmarek.eu\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}