{"id":7,"date":"2026-07-12T16:28:34","date_gmt":"2026-07-12T16:28:34","guid":{"rendered":"http:\/\/serwer280495.lh.pl\/autoinstalator\/serwer280495.lh.pl\/wordpress166398\/?page_id=7"},"modified":"2026-07-13T18:30:17","modified_gmt":"2026-07-13T18:30:17","slug":"home","status":"publish","type":"page","link":"https:\/\/lawetaznin.pl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13a6aba e-con e-atomic-element e-flexbox-base e-8388dcf \" data-id=\"13a6aba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13a6aba\">\n    \t\t<div class=\"elementor-element elementor-element-843ad0d elementor-widget elementor-widget-html\" data-id=\"843ad0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HERO \/ PIERWSZY KONTENER\n     POMOC DROGOWA PAWE\u0141 KACZMAREK\n     ASTRA + ELEMENTOR + ONE PAGE\n========================================================= -->\n\n<section\n  class=\"pkr-hero\"\n  id=\"start\"\n  aria-labelledby=\"pkr-hero-title\"\n>\n\n  <div class=\"pkr-hero-inner\">\n\n    <!-- =====================================================\n         TRE\u015a\u0106\n    ====================================================== -->\n\n    <div class=\"pkr-hero-content\">\n\n      <div class=\"pkr-hero-content-inner\">\n\n        <div class=\"pkr-hero-eyebrow\">\n          <span class=\"pkr-hero-status\" aria-hidden=\"true\"><\/span>\n\n          <span>Pomoc drogowa i transport dost\u0119pne 24\/7<\/span>\n\n          <strong>\u017bnin i trasa S5<\/strong>\n        <\/div>\n\n        <h1 id=\"pkr-hero-title\">\n          Pomoc drogowa i autolaweta\n          <span>Transport maszyn 24\/7<\/span>\n        <\/h1>\n\n        <p class=\"pkr-hero-location\">\n          \u017bnin \u2022 woj. kujawsko-pomorskie \u2022 woj. wielkopolskie\n        <\/p>\n\n        <p class=\"pkr-hero-description\">\n          Holowanie i transport samochod\u00f3w osobowych oraz dostawczych,\n          transport maszyn rolniczych i budowlanych, awaryjne uruchamianie\n          pojazdu, dow\u00f3z paliwa, pomoc przy wymianie ko\u0142a oraz wsparcie\n          w nag\u0142ych sytuacjach na drodze.\n        <\/p>\n\n        <!-- PRZYCISKI -->\n\n        <div class=\"pkr-hero-actions\">\n\n          <a\n            class=\"pkr-hero-call\"\n            href=\"tel:+48667300893\"\n            aria-label=\"Zadzwo\u0144 w sprawie pomocy drogowej lub transportu maszyn pod numer 667 300 893\"\n          >\n\n            <span class=\"pkr-hero-call-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n              <\/svg>\n            <\/span>\n\n            <span class=\"pkr-hero-call-text\">\n              <small>Zadzwo\u0144 teraz<\/small>\n              <strong>667 300 893<\/strong>\n            <\/span>\n\n          <\/a>\n\n          <a class=\"pkr-hero-secondary\" href=\"#uslugi\">\n            <span>Zobacz nasze us\u0142ugi<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"m8.5 5 7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n        <p class=\"pkr-hero-helper\">\n          Zadzwo\u0144 i podaj swoj\u0105 lokalizacj\u0119 oraz rodzaj pojazdu lub maszyny.\n        <\/p>\n\n        <!-- NAJWA\u017bNIEJSZE INFORMACJE -->\n\n        <div class=\"pkr-hero-benefits\">\n\n          <div class=\"pkr-hero-benefit\">\n\n            <span class=\"pkr-benefit-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"8.5\"\/>\n                <path d=\"M12 7.5V12l3 2\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <strong>Ca\u0142odobowa pomoc<\/strong>\n              <small>7 dni w tygodniu<\/small>\n            <\/span>\n\n          <\/div>\n\n          <div class=\"pkr-hero-benefit\">\n\n            <span class=\"pkr-benefit-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 19 9 5h6l4 14\"\/>\n                <path d=\"M12 7v3M12 13v3M12 19v1\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <strong>\u017bnin i trasa S5<\/strong>\n              <small>Dojazd do wskazanego miejsca<\/small>\n            <\/span>\n\n          <\/div>\n\n          <div class=\"pkr-hero-benefit\">\n\n            <span class=\"pkr-benefit-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M3.5 15.5h17\"\/>\n                <path d=\"M5 15.5V10l2-3h7.5l3 3 1.5 5.5\"\/>\n                <circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/>\n                <circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <strong>Transport pojazd\u00f3w i maszyn<\/strong>\n              <small>Osobowe, dostawcze, rolnicze i budowlane<\/small>\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =====================================================\n         ZDJ\u0118CIE\n    ====================================================== -->\n\n    <div class=\"pkr-hero-visual\">\n\n      <img\n        src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-6.jpeg\"\n        alt=\"Autolaweta Pawe\u0142 Kaczmarek do pomocy drogowej oraz transportu samochod\u00f3w, maszyn rolniczych i budowlanych w \u017bninie, na trasie S5 oraz w wojew\u00f3dztwie kujawsko-pomorskim i wielkopolskim\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n      >\n\n      <div class=\"pkr-hero-image-overlay\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"pkr-hero-image-label\">\n\n        <span class=\"pkr-image-label-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          <small>Obs\u0142ugiwany obszar<\/small>\n          <strong>\u017bnin \u2022 S5 \u2022 Kujawsko-Pomorskie \u2022 Wielkopolskie<\/strong>\n        <\/span>\n\n      <\/div>\n\n      <div class=\"pkr-hero-image-number\">\n        <small>Pomoc drogowa 24\/7<\/small>\n        <strong>667 300 893<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- DOLNY PASEK -->\n\n  <div class=\"pkr-hero-bottom\">\n\n    <div class=\"pkr-hero-bottom-inner\">\n\n      <span>Holowanie<\/span>\n      <i><\/i>\n\n      <span>Transport samochod\u00f3w<\/span>\n      <i><\/i>\n\n      <span>Transport maszyn rolniczych<\/span>\n      <i><\/i>\n\n      <span>Transport maszyn budowlanych<\/span>\n      <i><\/i>\n\n      <span>Awaryjne uruchamianie<\/span>\n      <i><\/i>\n\n      <span>Dow\u00f3z paliwa<\/span>\n      <i><\/i>\n\n      <span>Pomoc przy wymianie ko\u0142a<\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   USTAWIENIA G\u0141\u00d3WNE\n========================================================= *\/\n\n.pkr-hero,\n.pkr-hero *,\n.pkr-hero *::before,\n.pkr-hero *::after {\n  box-sizing: border-box;\n}\n\n.pkr-hero {\n  --pkr-yellow: #f5b800;\n  --pkr-yellow-light: #ffc928;\n  --pkr-dark: #101216;\n  --pkr-dark-soft: #181b20;\n  --pkr-dark-card: #20242a;\n  --pkr-white: #ffffff;\n  --pkr-muted: #b6bac2;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin: 0 0 0 calc(50% - 50vw);\n  padding: 0;\n\n  overflow: hidden;\n\n  background: var(--pkr-dark);\n  color: var(--pkr-white);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n\/* =========================================================\n   UK\u0141AD DWUKOLUMNOWY\n========================================================= *\/\n\n.pkr-hero-inner {\n  position: relative;\n\n  display: grid;\n  grid-template-columns:\n    minmax(520px, 48%)\n    minmax(0, 52%);\n\n  width: 100%;\n  min-height: clamp(690px, 78vh, 850px);\n}\n\n\/* =========================================================\n   LEWA STRONA\n========================================================= *\/\n\n.pkr-hero-content {\n  position: relative;\n  z-index: 4;\n\n  display: flex;\n  align-items: center;\n\n  padding:\n    clamp(75px, 8vh, 110px)\n    clamp(38px, 5vw, 95px)\n    clamp(65px, 7vh, 95px)\n    max(38px, calc((100vw - 1420px) \/ 2));\n\n  background:\n    radial-gradient(\n      circle at 12% 12%,\n      rgba(245, 184, 0, 0.10),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #101216 0%,\n      #15181d 58%,\n      #111318 100%\n    );\n}\n\n.pkr-hero-content::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 6px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      var(--pkr-yellow) 27%,\n      var(--pkr-yellow) 73%,\n      transparent\n    );\n}\n\n.pkr-hero-content-inner {\n  width: 100%;\n  max-width: 720px;\n}\n\n\/* =========================================================\n   G\u00d3RNY PASEK\n========================================================= *\/\n\n.pkr-hero-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 9px;\n\n  margin-bottom: 24px;\n  padding: 9px 13px;\n\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.055);\n\n  color: rgba(255,255,255,.79);\n\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1.3;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkr-hero-eyebrow strong {\n  color: var(--pkr-yellow);\n  font-weight: 900;\n}\n\n.pkr-hero-status {\n  position: relative;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--pkr-yellow);\n\n  box-shadow: 0 0 0 5px rgba(245,184,0,.12);\n}\n\n.pkr-hero-status::after {\n  content: \"\";\n\n  position: absolute;\n  inset: -6px;\n\n  border: 1px solid rgba(245,184,0,.45);\n  border-radius: 50%;\n\n  animation: pkr-pulse 2s infinite;\n}\n\n@keyframes pkr-pulse {\n  0% {\n    opacity: .8;\n    transform: scale(.65);\n  }\n\n  70% {\n    opacity: 0;\n    transform: scale(1.35);\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n\/* =========================================================\n   NAG\u0141\u00d3WEK\n========================================================= *\/\n\n.pkr-hero h1 {\n  max-width: 720px;\n  margin: 0;\n\n  color: var(--pkr-white);\n\n  font-size: clamp(49px, 5vw, 78px);\n  font-weight: 900;\n  line-height: .98;\n  letter-spacing: -3.1px;\n\n  text-wrap: balance;\n}\n\n.pkr-hero h1 span {\n  display: block;\n\n  margin-top: 8px;\n\n  color: var(--pkr-yellow);\n}\n\n.pkr-hero-location {\n  margin: 25px 0 0;\n\n  color: var(--pkr-white);\n\n  font-size: clamp(14px, 1.15vw, 17px);\n  font-weight: 850;\n  line-height: 1.45;\n  letter-spacing: .25px;\n}\n\n.pkr-hero-description {\n  max-width: 650px;\n  margin: 16px 0 0;\n\n  color: var(--pkr-muted);\n\n  font-size: clamp(15px, 1.15vw, 18px);\n  font-weight: 450;\n  line-height: 1.72;\n}\n\n\/* =========================================================\n   PRZYCISKI\n========================================================= *\/\n\n.pkr-hero-actions {\n  display: flex;\n  align-items: stretch;\n  flex-wrap: wrap;\n  gap: 13px;\n\n  margin-top: 31px;\n}\n\n.pkr-hero-call {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n\n  min-height: 65px;\n  padding: 10px 21px 10px 12px;\n\n  border: 1px solid var(--pkr-yellow);\n  border-radius: 14px;\n\n  background: var(--pkr-yellow);\n  color: var(--pkr-dark) !important;\n\n  text-decoration: none !important;\n\n  box-shadow:\n    0 15px 35px rgba(245,184,0,.20),\n    inset 0 1px 0 rgba(255,255,255,.28);\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    box-shadow .2s ease;\n}\n\n.pkr-hero-call:hover {\n  background: var(--pkr-yellow-light);\n  color: var(--pkr-dark) !important;\n\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 19px 42px rgba(245,184,0,.30),\n    inset 0 1px 0 rgba(255,255,255,.32);\n}\n\n.pkr-hero-call-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n\n  border-radius: 11px;\n\n  background: rgba(16,18,22,.10);\n}\n\n.pkr-hero-call-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: currentColor;\n}\n\n.pkr-hero-call-text {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkr-hero-call-text small {\n  color: rgba(16,18,22,.67);\n\n  font-size: 10px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkr-hero-call-text strong {\n  color: var(--pkr-dark);\n\n  font-size: 19px;\n  font-weight: 950;\n  line-height: 1;\n  letter-spacing: -.3px;\n}\n\n.pkr-hero-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n\n  min-height: 65px;\n  padding: 0 22px;\n\n  border: 1px solid rgba(255,255,255,.19);\n  border-radius: 14px;\n\n  background: rgba(255,255,255,.055);\n  color: var(--pkr-white) !important;\n\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n.pkr-hero-secondary:hover {\n  border-color: rgba(245,184,0,.65);\n  background: rgba(245,184,0,.08);\n  color: var(--pkr-white) !important;\n\n  transform: translateY(-2px);\n}\n\n.pkr-hero-secondary svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n\n  transition: transform .2s ease;\n}\n\n.pkr-hero-secondary:hover svg {\n  transform: translateX(3px);\n}\n\n.pkr-hero-helper {\n  margin: 12px 0 0;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 11px;\n  font-weight: 650;\n  line-height: 1.5;\n}\n\n\/* =========================================================\n   KORZY\u015aCI\n========================================================= *\/\n\n.pkr-hero-benefits {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  gap: 10px;\n\n  margin-top: 31px;\n}\n\n.pkr-hero-benefit {\n  min-width: 0;\n  padding: 15px 13px;\n\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  border: 1px solid rgba(255,255,255,.09);\n  border-radius: 13px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.025)\n    );\n}\n\n.pkr-benefit-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 38px;\n  height: 38px;\n  flex: 0 0 38px;\n\n  border-radius: 10px;\n\n  background: rgba(245,184,0,.11);\n  color: var(--pkr-yellow);\n}\n\n.pkr-benefit-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkr-hero-benefit > span:last-child {\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkr-hero-benefit strong {\n  color: var(--pkr-white);\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.3;\n}\n\n.pkr-hero-benefit small {\n  color: rgba(255,255,255,.48);\n\n  font-size: 9px;\n  font-weight: 600;\n  line-height: 1.35;\n}\n\n\/* =========================================================\n   PRAWA STRONA \u2014 ZDJ\u0118CIE\n========================================================= *\/\n\n.pkr-hero-visual {\n  position: relative;\n  z-index: 2;\n\n  min-width: 0;\n  min-height: 100%;\n\n  overflow: hidden;\n\n  background: #32363b;\n\n  clip-path: polygon(5.5% 0, 100% 0, 100% 100%, 0 100%);\n}\n\n.pkr-hero-visual img {\n  position: absolute;\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center 46%;\n\n  transform: scale(1.015);\n\n  transition: transform 8s ease;\n}\n\n.pkr-hero:hover .pkr-hero-visual img {\n  transform: scale(1.055);\n}\n\n.pkr-hero-image-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(16,18,22,.72) 0%,\n      rgba(16,18,22,.19) 23%,\n      rgba(16,18,22,.04) 58%,\n      rgba(16,18,22,.12) 100%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(10,12,15,.15) 0%,\n      transparent 47%,\n      rgba(10,12,15,.42) 100%\n    );\n}\n\n\/* ETYKIETA OBSZARU *\/\n\n.pkr-hero-image-label {\n  position: absolute;\n  right: clamp(20px, 3vw, 48px);\n  bottom: clamp(25px, 4vw, 54px);\n  z-index: 4;\n\n  max-width: min(440px, calc(100% - 48px));\n  padding: 14px 17px;\n\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  border: 1px solid rgba(255,255,255,.25);\n  border-radius: 14px;\n\n  background: rgba(16,18,22,.77);\n  color: var(--pkr-white);\n\n  box-shadow: 0 15px 40px rgba(0,0,0,.28);\n\n  backdrop-filter: blur(13px);\n  -webkit-backdrop-filter: blur(13px);\n}\n\n.pkr-image-label-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  flex: 0 0 42px;\n\n  border-radius: 11px;\n\n  background: var(--pkr-yellow);\n  color: var(--pkr-dark);\n}\n\n.pkr-image-label-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkr-hero-image-label > span:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkr-hero-image-label small {\n  color: var(--pkr-yellow);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .9px;\n  text-transform: uppercase;\n}\n\n.pkr-hero-image-label strong {\n  color: var(--pkr-white);\n\n  font-size: 12px;\n  font-weight: 750;\n  line-height: 1.45;\n}\n\n\/* NUMER NA G\u00d3RZE ZDJ\u0118CIA *\/\n\n.pkr-hero-image-number {\n  position: absolute;\n  top: 28px;\n  right: 30px;\n  z-index: 4;\n\n  padding: 13px 17px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  border-radius: 12px;\n\n  background: var(--pkr-yellow);\n  color: var(--pkr-dark);\n\n  box-shadow: 0 14px 35px rgba(0,0,0,.21);\n}\n\n.pkr-hero-image-number small {\n  color: rgba(16,18,22,.66);\n\n  font-size: 9px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkr-hero-image-number strong {\n  color: var(--pkr-dark);\n\n  font-size: 18px;\n  font-weight: 950;\n  line-height: 1;\n}\n\n\/* =========================================================\n   DOLNY PASEK\n========================================================= *\/\n\n.pkr-hero-bottom {\n  position: relative;\n  z-index: 8;\n\n  width: 100%;\n\n  border-top: 1px solid rgba(255,255,255,.08);\n\n  background: #0b0d10;\n}\n\n.pkr-hero-bottom-inner {\n  width: min(calc(100% - 40px), 1420px);\n  min-height: 52px;\n  margin: 0 auto;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 17px;\n\n  color: rgba(255,255,255,.67);\n\n  font-size: 10px;\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkr-hero-bottom-inner i {\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: var(--pkr-yellow);\n}\n\n\/* =========================================================\n   MNIEJSZY KOMPUTER\n========================================================= *\/\n\n@media (max-width: 1250px) and (min-width: 901px) {\n\n  .pkr-hero-inner {\n    grid-template-columns:\n      minmax(470px, 52%)\n      minmax(0, 48%);\n  }\n\n  .pkr-hero-content {\n    padding-left: 35px;\n    padding-right: 35px;\n  }\n\n  .pkr-hero h1 {\n    font-size: clamp(48px, 5vw, 64px);\n  }\n\n  .pkr-hero-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .pkr-hero-benefit {\n    padding: 11px 13px;\n  }\n\n  .pkr-hero-image-label {\n    left: 35px;\n    right: 20px;\n  }\n}\n\n\/* =========================================================\n   TABLET I TELEFON\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .pkr-hero {\n    overflow: hidden;\n  }\n\n  .pkr-hero-inner {\n    display: flex;\n    flex-direction: column;\n\n    min-height: auto;\n  }\n\n  \/* ZDJ\u0118CIE NA G\u00d3RZE *\/\n\n  .pkr-hero-visual {\n    order: 1;\n\n    width: 100%;\n    min-height: 0;\n    aspect-ratio: 16 \/ 10;\n\n    clip-path: none;\n  }\n\n  .pkr-hero-visual img {\n    object-position: center 46%;\n\n    transform: none;\n  }\n\n  .pkr-hero:hover .pkr-hero-visual img {\n    transform: none;\n  }\n\n  .pkr-hero-image-overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(10,12,15,.04) 0%,\n        rgba(10,12,15,.05) 50%,\n        rgba(10,12,15,.54) 100%\n      );\n  }\n\n  .pkr-hero-image-number {\n    top: 15px;\n    right: 15px;\n\n    padding: 10px 12px;\n  }\n\n  .pkr-hero-image-number strong {\n    font-size: 15px;\n  }\n\n  .pkr-hero-image-label {\n    right: 15px;\n    bottom: 15px;\n    left: 15px;\n\n    max-width: none;\n    padding: 11px 12px;\n  }\n\n  .pkr-image-label-icon {\n    width: 38px;\n    height: 38px;\n    flex-basis: 38px;\n  }\n\n  .pkr-hero-image-label strong {\n    font-size: 11px;\n  }\n\n  \/* TRE\u015a\u0106 POD ZDJ\u0118CIEM *\/\n\n  .pkr-hero-content {\n    order: 2;\n\n    width: 100%;\n    padding:\n      42px\n      max(18px, env(safe-area-inset-right))\n      46px\n      max(18px, env(safe-area-inset-left));\n\n    background:\n      radial-gradient(\n        circle at 8% 5%,\n        rgba(245,184,0,.09),\n        transparent 30%\n      ),\n      var(--pkr-dark);\n  }\n\n  .pkr-hero-content::before {\n    top: 0;\n    left: 18px;\n\n    width: 72px;\n    height: 4px;\n\n    background: var(--pkr-yellow);\n  }\n\n  .pkr-hero-content-inner {\n    max-width: 680px;\n    margin: 0 auto;\n  }\n\n  .pkr-hero h1 {\n    font-size: clamp(40px, 11vw, 58px);\n    line-height: 1.01;\n    letter-spacing: -2px;\n  }\n\n  .pkr-hero-location {\n    margin-top: 20px;\n\n    font-size: 14px;\n  }\n\n  .pkr-hero-description {\n    margin-top: 13px;\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pkr-hero-benefits {\n    grid-template-columns: repeat(3, minmax(0,1fr));\n  }\n\n  .pkr-hero-bottom-inner {\n    padding: 15px 0;\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pkr-hero-visual {\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .pkr-hero-visual img {\n    object-position: center 47%;\n  }\n\n  .pkr-hero-image-number {\n    display: none;\n  }\n\n  .pkr-hero-image-label {\n    padding: 10px 11px;\n\n    border-radius: 12px;\n  }\n\n  .pkr-hero-image-label small {\n    font-size: 8px;\n  }\n\n  .pkr-hero-image-label strong {\n    font-size: 10px;\n  }\n\n  .pkr-hero-eyebrow {\n    max-width: 100%;\n    margin-bottom: 20px;\n    padding: 8px 11px;\n\n    border-radius: 12px;\n\n    font-size: 9px;\n  }\n\n  .pkr-hero-eyebrow strong {\n    width: 100%;\n    padding-left: 17px;\n  }\n\n  .pkr-hero h1 {\n    font-size: clamp(39px, 12.1vw, 51px);\n    line-height: 1.01;\n    letter-spacing: -1.7px;\n  }\n\n  .pkr-hero h1 span {\n    margin-top: 5px;\n  }\n\n  .pkr-hero-location {\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .pkr-hero-description {\n    font-size: 14px;\n  }\n\n  \/* PRZYCISKI PE\u0141NEJ SZEROKO\u015aCI *\/\n\n  .pkr-hero-actions {\n    display: grid;\n    grid-template-columns: 1fr;\n\n    margin-top: 25px;\n  }\n\n  .pkr-hero-call,\n  .pkr-hero-secondary {\n    width: 100%;\n    min-height: 61px;\n  }\n\n  .pkr-hero-call {\n    justify-content: center;\n  }\n\n  .pkr-hero-secondary {\n    min-height: 56px;\n  }\n\n  .pkr-hero-helper {\n    text-align: center;\n  }\n\n  \/* KORZY\u015aCI JEDNA POD DRUG\u0104 *\/\n\n  .pkr-hero-benefits {\n    grid-template-columns: 1fr;\n    gap: 8px;\n\n    margin-top: 25px;\n  }\n\n  .pkr-hero-benefit {\n    padding: 12px 13px;\n  }\n\n  .pkr-hero-benefit strong {\n    font-size: 12px;\n  }\n\n  .pkr-hero-benefit small {\n    font-size: 10px;\n  }\n\n  .pkr-hero-bottom-inner {\n    justify-content: flex-start;\n    gap: 10px;\n\n    padding: 14px 0;\n\n    font-size: 9px;\n  }\n}\n\n\/* =========================================================\n   BARDZO MA\u0141Y TELEFON\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .pkr-hero-content {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n\n  .pkr-hero h1 {\n    font-size: 38px;\n  }\n\n  .pkr-hero-image-label {\n    left: 10px;\n    right: 10px;\n    bottom: 10px;\n  }\n}\n\n\/* =========================================================\n   OGRANICZENIE ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pkr-hero-status::after {\n    animation: none;\n  }\n\n  .pkr-hero-visual img,\n  .pkr-hero-call,\n  .pkr-hero-secondary,\n  .pkr-hero-secondary svg {\n    transition: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a4a122a e-con e-atomic-element e-flexbox-base e-97d22d6 \" data-id=\"a4a122a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a4a122a\">\n    \t\t<div class=\"elementor-element elementor-element-099d1d3 elementor-widget elementor-widget-html\" data-id=\"099d1d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     SEKCJA US\u0141UGI\n     POMOC DROGOWA PAWE\u0141 KACZMAREK\n     ELEMENTOR + ASTRA + ONE PAGE\n========================================================= -->\n\n<section class=\"pks-services\" id=\"uslugi\" aria-labelledby=\"pks-services-title\">\n\n  <div class=\"pks-services-container\">\n\n    <!-- NAG\u0141\u00d3WEK SEKCJI -->\n\n    <div class=\"pks-services-heading\">\n\n      <div class=\"pks-services-kicker\">\n        <span aria-hidden=\"true\"><\/span>\n        Pomoc drogowa i transport specjalistyczny\n      <\/div>\n\n      <div class=\"pks-services-heading-grid\">\n\n        <h2 id=\"pks-services-title\">\n          Pomoc drogowa i transport\n          <span>pojazd\u00f3w oraz maszyn 24\/7<\/span>\n        <\/h2>\n\n        <div class=\"pks-services-intro\">\n          <p>\n            Zapewniamy ca\u0142odobow\u0105 pomoc drogow\u0105 oraz bezpieczny transport\n            samochod\u00f3w, maszyn rolniczych i maszyn budowlanych. Obs\u0142ugujemy\n            \u017bnin, tras\u0119 S5 oraz teren wojew\u00f3dztwa kujawsko-pomorskiego\n            i wielkopolskiego.\n          <\/p>\n\n          <div class=\"pks-services-area\">\n            <span>\u017bnin<\/span>\n            <i><\/i>\n            <span>Trasa S5<\/span>\n            <i><\/i>\n            <span>Kujawsko-Pomorskie<\/span>\n            <i><\/i>\n            <span>Wielkopolskie<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- G\u0141\u00d3WNY UK\u0141AD -->\n\n    <div class=\"pks-services-layout\">\n\n      <!-- ZDJ\u0118CIE -->\n\n      <article class=\"pks-services-feature\">\n\n        <img\n          src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.43-2.jpeg\"\n          alt=\"Transport uszkodzonego samochodu autolawet\u0105 po kolizji lub wypadku\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <div class=\"pks-feature-overlay\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"pks-feature-top\">\n\n          <span class=\"pks-feature-badge\">\n            <i aria-hidden=\"true\"><\/i>\n            Pomoc i transport dost\u0119pne 24\/7\n          <\/span>\n\n        <\/div>\n\n        <div class=\"pks-feature-content\">\n\n          <div class=\"pks-feature-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3.5 15.5h17\"\/>\n              <path d=\"M5 15.5V10l2-3h7.5l3 3 1.5 5.5\"\/>\n              <circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/>\n              <circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/>\n              <path d=\"m17.5 6.5 1.5-2M19.5 8l2-.5\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <span>Pomoc drogowa i transport specjalistyczny<\/span>\n\n            <h3>\n              Transport pojazd\u00f3w\n              oraz maszyn\n            <\/h3>\n\n            <p>\n              Odbieramy uszkodzone i niesprawne pojazdy oraz organizujemy\n              transport samochod\u00f3w, maszyn rolniczych i budowlanych pod\n              wskazany adres, do warsztatu, serwisu lub na miejsce pracy.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- KARTY US\u0141UG -->\n\n      <div class=\"pks-services-grid\">\n\n        <!-- 1 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">01<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 15.5h18\"\/>\n              <path d=\"M5 15.5V10l2-3h7l3 3 2 5.5\"\/>\n              <circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/>\n              <circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Holowanie pojazd\u00f3w<\/h3>\n\n          <p>\n            Holowanie samochod\u00f3w osobowych, dostawczych oraz pojazd\u00f3w,\n            kt\u00f3rych dalsza jazda nie jest mo\u017cliwa.\n          <\/p>\n\n        <\/article>\n\n        <!-- 2 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">02<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 17h18\"\/>\n              <path d=\"M5 17V8h8l3 3h3v6\"\/>\n              <path d=\"M7 13h7\"\/>\n              <circle cx=\"7\" cy=\"19\" r=\"1.5\"\/>\n              <circle cx=\"18\" cy=\"19\" r=\"1.5\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Transport samochod\u00f3w<\/h3>\n\n          <p>\n            Bezpieczny przew\u00f3z samochod\u00f3w osobowych i dostawczych\n            autolawet\u0105 pod wskazany adres.\n          <\/p>\n\n        <\/article>\n\n        <!-- 3 -->\n\n        <article class=\"pks-service-card pks-service-card-machine\">\n\n          <div class=\"pks-card-number\">03<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"7\" cy=\"17\" r=\"3\"\/>\n              <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\n              <path d=\"M4 17H2.5v-4h4l2-5h5l2 5h3.5l2 3v2h-1\"\/>\n              <path d=\"M8.5 8V5h4l2 3\"\/>\n              <path d=\"M10 13h5M15 9v4\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Transport maszyn rolniczych<\/h3>\n\n          <p>\n            Bezpieczny przew\u00f3z maszyn rolniczych pod wskazany adres,\n            do gospodarstwa, serwisu lub na miejsce wykonywania prac.\n          <\/p>\n\n        <\/article>\n\n        <!-- 4 -->\n\n        <article class=\"pks-service-card pks-service-card-machine\">\n\n          <div class=\"pks-card-number\">04<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 18h18\"\/>\n              <path d=\"M5 18v-4h7l2 4\"\/>\n              <circle cx=\"7\" cy=\"19\" r=\"1.5\"\/>\n              <circle cx=\"15\" cy=\"19\" r=\"1.5\"\/>\n              <path d=\"M10 14V8h4l3 3\"\/>\n              <path d=\"M17 11l3-3 1 1-3 5\"\/>\n              <path d=\"M18 14h3\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Transport maszyn budowlanych<\/h3>\n\n          <p>\n            Transport maszyn budowlanych na plac budowy, do serwisu,\n            bazy firmy lub w inne wcze\u015bniej ustalone miejsce.\n          <\/p>\n\n        <\/article>\n\n        <!-- 5 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">05<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 17.5h16\"\/>\n              <path d=\"M6 17.5 8 9h8l2 8.5\"\/>\n              <path d=\"m7 7-2-2M17 7l2-2\"\/>\n              <circle cx=\"8\" cy=\"19\" r=\"1.5\"\/>\n              <circle cx=\"16\" cy=\"19\" r=\"1.5\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Pomoc po kolizji<\/h3>\n\n          <p>\n            Za\u0142adunek i transport pojazdu uszkodzonego w wyniku\n            kolizji, wypadku lub awarii.\n          <\/p>\n\n        <\/article>\n\n        <!-- 6 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">06<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 17c3-5 6-7 9-7 2.5 0 4.5 1.2 7 4\"\/>\n              <path d=\"M4 20h16\"\/>\n              <path d=\"m15 7 2-3 2 3\"\/>\n              <path d=\"M17 4v8\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Wyci\u0105ganie pojazdu<\/h3>\n\n          <p>\n            Pomoc w wyci\u0105ganiu samochodu z rowu, b\u0142ota, grz\u0105skiego\n            pod\u0142o\u017ca lub trudno dost\u0119pnego miejsca.\n          <\/p>\n\n        <\/article>\n\n        <!-- 7 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">07<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"5\" y=\"7\" width=\"14\" height=\"10\" rx=\"2\"\/>\n              <path d=\"M8 5v2M16 5v2M8 17v2M16 17v2\"\/>\n              <path d=\"M8 12h3M9.5 10.5v3M14 12h2\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Awaryjne uruchamianie<\/h3>\n\n          <p>\n            Pomoc przy roz\u0142adowanym akumulatorze i uruchomieniu pojazdu,\n            gdy samoch\u00f3d odmawia pos\u0142usze\u0144stwa.\n          <\/p>\n\n        <\/article>\n\n        <!-- 8 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">08<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M6 20V5h9v15\"\/>\n              <path d=\"M8 8h5v4H8z\"\/>\n              <path d=\"M15 8h2l2 3v5a1.5 1.5 0 0 1-3 0v-2\"\/>\n              <path d=\"M4 20h13\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Dow\u00f3z paliwa<\/h3>\n\n          <p>\n            Dostarczenie paliwa na miejsce postoju, gdy jego brak\n            uniemo\u017cliwia dalsz\u0105 podr\u00f3\u017c.\n          <\/p>\n\n        <\/article>\n\n        <!-- 9 -->\n\n        <article class=\"pks-service-card\">\n\n          <div class=\"pks-card-number\">09<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"7\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\n              <path d=\"M12 5v3M12 16v3M5 12h3M16 12h3\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Pomoc przy wymianie ko\u0142a<\/h3>\n\n          <p>\n            Wsparcie w przypadku przebitej opony, uszkodzonego ko\u0142a\n            lub problemu z samodzieln\u0105 wymian\u0105.\n          <\/p>\n\n        <\/article>\n\n        <!-- 10 -->\n\n        <article class=\"pks-service-card pks-service-card-highlight\">\n\n          <div class=\"pks-card-number\">10<\/div>\n\n          <div class=\"pks-card-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Dojazd do wskazanego miejsca<\/h3>\n\n          <p>\n            Zadzwo\u0144, podaj lokalizacj\u0119, rodzaj pojazdu lub maszyny\n            oraz kr\u00f3tko opisz zakres potrzebnej pomocy albo transportu.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- DOLNE CTA -->\n\n    <div class=\"pks-services-cta\">\n\n      <div class=\"pks-cta-content\">\n\n        <div class=\"pks-cta-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <span>Potrzebujesz pomocy lub transportu maszyny?<\/span>\n          <strong>Zadzwo\u0144 i podaj lokalizacj\u0119 oraz rodzaj pojazdu lub maszyny.<\/strong>\n        <\/div>\n\n      <\/div>\n\n      <a href=\"tel:+48667300893\" class=\"pks-cta-button\">\n        <span>\n          <small>Pomoc i transport 24\/7<\/small>\n          <strong>667 300 893<\/strong>\n        <\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"m8.5 5 7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   USTAWIENIA G\u0141\u00d3WNE\n========================================================= *\/\n\n.pks-services,\n.pks-services *,\n.pks-services *::before,\n.pks-services *::after {\n  box-sizing: border-box;\n}\n\n.pks-services {\n  --pks-bg: #f6f6f5;\n  --pks-white: #ffffff;\n  --pks-dark: #101216;\n  --pks-dark-soft: #1a1d22;\n  --pks-text: #22252a;\n  --pks-muted: #6d7279;\n  --pks-line: rgba(16, 18, 22, 0.1);\n  --pks-yellow: #f5b800;\n  --pks-yellow-light: #ffc928;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  padding:\n    clamp(78px, 8vw, 125px)\n    0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(245, 184, 0, 0.10),\n      transparent 27%\n    ),\n    var(--pks-bg);\n\n  color: var(--pks-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n.pks-services-container {\n  width: min(calc(100% - 40px), 1420px);\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   NAG\u0141\u00d3WEK\n========================================================= *\/\n\n.pks-services-heading {\n  margin-bottom: clamp(42px, 5vw, 70px);\n}\n\n.pks-services-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 18px;\n\n  color: #5d6269;\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.3;\n  letter-spacing: 1.3px;\n  text-transform: uppercase;\n}\n\n.pks-services-kicker span {\n  width: 34px;\n  height: 3px;\n\n  border-radius: 100px;\n  background: var(--pks-yellow);\n}\n\n.pks-services-heading-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);\n  align-items: end;\n  gap: clamp(35px, 7vw, 110px);\n}\n\n.pks-services h2 {\n  margin: 0;\n\n  color: var(--pks-dark);\n\n  font-size: clamp(42px, 5vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2.8px;\n\n  text-wrap: balance;\n}\n\n.pks-services h2 span {\n  display: block;\n  margin-top: 7px;\n\n  color: var(--pks-yellow);\n}\n\n.pks-services-intro p {\n  max-width: 610px;\n  margin: 0;\n\n  color: var(--pks-muted);\n\n  font-size: clamp(15px, 1.25vw, 18px);\n  font-weight: 450;\n  line-height: 1.7;\n}\n\n.pks-services-area {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 9px;\n\n  margin-top: 18px;\n\n  color: var(--pks-dark);\n\n  font-size: 10px;\n  font-weight: 850;\n  line-height: 1.4;\n  letter-spacing: .6px;\n  text-transform: uppercase;\n}\n\n.pks-services-area i {\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n  background: var(--pks-yellow);\n}\n\n\/* =========================================================\n   G\u0141\u00d3WNY UK\u0141AD\n========================================================= *\/\n\n.pks-services-layout {\n  display: grid;\n  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);\n  align-items: stretch;\n  gap: 18px;\n}\n\n\/* =========================================================\n   DU\u017bE ZDJ\u0118CIE\n========================================================= *\/\n\n.pks-services-feature {\n  position: relative;\n\n  min-height: 720px;\n\n  overflow: hidden;\n\n  border-radius: 24px;\n\n  background: var(--pks-dark);\n  box-shadow: 0 22px 55px rgba(16, 18, 22, 0.14);\n}\n\n.pks-services-feature img {\n  position: absolute;\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center center;\n\n  transition: transform .8s ease;\n}\n\n.pks-services-feature:hover img {\n  transform: scale(1.035);\n}\n\n.pks-feature-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10, 12, 15, .12) 0%,\n      rgba(10, 12, 15, .07) 35%,\n      rgba(10, 12, 15, .88) 100%\n    );\n}\n\n.pks-feature-top {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  z-index: 3;\n}\n\n.pks-feature-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 9px 12px;\n\n  border: 1px solid rgba(255, 255, 255, .24);\n  border-radius: 999px;\n\n  background: rgba(16, 18, 22, .68);\n  color: rgba(255, 255, 255, .88);\n\n  font-size: 9px;\n  font-weight: 850;\n  letter-spacing: .75px;\n  text-transform: uppercase;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.pks-feature-badge i {\n  position: relative;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--pks-yellow);\n}\n\n.pks-feature-badge i::after {\n  content: \"\";\n\n  position: absolute;\n  inset: -5px;\n\n  border: 1px solid rgba(245, 184, 0, .45);\n  border-radius: 50%;\n}\n\n.pks-feature-content {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n\n  padding: clamp(25px, 3vw, 42px);\n\n  display: flex;\n  align-items: flex-start;\n  gap: 15px;\n}\n\n.pks-feature-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 52px;\n  height: 52px;\n  flex: 0 0 52px;\n\n  border-radius: 14px;\n\n  background: var(--pks-yellow);\n  color: var(--pks-dark);\n}\n\n.pks-feature-icon svg {\n  width: 27px;\n  height: 27px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pks-feature-content > div:last-child {\n  min-width: 0;\n}\n\n.pks-feature-content span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--pks-yellow);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pks-feature-content h3 {\n  max-width: 470px;\n  margin: 0;\n\n  color: var(--pks-white);\n\n  font-size: clamp(27px, 3vw, 43px);\n  font-weight: 900;\n  line-height: 1.04;\n  letter-spacing: -1.3px;\n}\n\n.pks-feature-content p {\n  max-width: 510px;\n  margin: 14px 0 0;\n\n  color: rgba(255, 255, 255, .68);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\/* =========================================================\n   KARTY\n========================================================= *\/\n\n.pks-services-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.pks-service-card {\n  position: relative;\n\n  min-height: 172px;\n  padding: 22px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--pks-line);\n  border-radius: 18px;\n\n  background: rgba(255, 255, 255, .78);\n\n  box-shadow: 0 11px 30px rgba(16, 18, 22, .045);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.pks-service-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 0;\n  height: 4px;\n\n  background: var(--pks-yellow);\n\n  transition: width .25s ease;\n}\n\n.pks-service-card:hover {\n  border-color: rgba(245, 184, 0, .45);\n\n  transform: translateY(-4px);\n\n  box-shadow: 0 17px 38px rgba(16, 18, 22, .09);\n}\n\n.pks-service-card:hover::before {\n  width: 100%;\n}\n\n.pks-card-number {\n  position: absolute;\n  top: 18px;\n  right: 18px;\n\n  color: rgba(16, 18, 22, .16);\n\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: .8px;\n}\n\n.pks-card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 43px;\n  height: 43px;\n\n  margin-bottom: 17px;\n\n  border-radius: 12px;\n\n  background: rgba(245, 184, 0, .13);\n  color: #c48b00;\n}\n\n.pks-card-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pks-service-card h3 {\n  margin: 0;\n\n  color: var(--pks-dark);\n\n  font-size: 17px;\n  font-weight: 850;\n  line-height: 1.25;\n  letter-spacing: -.3px;\n}\n\n.pks-service-card p {\n  margin: 9px 0 0;\n\n  color: var(--pks-muted);\n\n  font-size: 12px;\n  line-height: 1.58;\n}\n\n.pks-service-card-highlight {\n  border-color: rgba(245, 184, 0, .42);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(245, 184, 0, .14),\n      rgba(255, 255, 255, .88)\n    );\n}\n\n.pks-service-card-machine {\n  border-color: rgba(245, 184, 0, .3);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(245, 184, 0, .095),\n      rgba(255, 255, 255, .88)\n    );\n}\n\n.pks-service-card-machine .pks-card-icon {\n  background: var(--pks-yellow);\n  color: var(--pks-dark);\n}\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.pks-services-cta {\n  margin-top: 18px;\n  padding: 20px 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n\n  border-radius: 18px;\n\n  background: var(--pks-dark);\n  color: var(--pks-white);\n\n  box-shadow: 0 17px 42px rgba(16, 18, 22, .13);\n}\n\n.pks-cta-content {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.pks-cta-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 48px;\n  height: 48px;\n  flex: 0 0 48px;\n\n  border-radius: 13px;\n\n  background: rgba(245, 184, 0, .13);\n  color: var(--pks-yellow);\n}\n\n.pks-cta-icon svg {\n  width: 25px;\n  height: 25px;\n\n  fill: currentColor;\n}\n\n.pks-cta-content > div:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pks-cta-content span {\n  color: rgba(255, 255, 255, .58);\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: .65px;\n  text-transform: uppercase;\n}\n\n.pks-cta-content strong {\n  color: var(--pks-white);\n\n  font-size: clamp(17px, 2vw, 24px);\n  font-weight: 850;\n  line-height: 1.25;\n}\n\n.pks-cta-button {\n  display: flex;\n  align-items: center;\n  gap: 17px;\n  flex: 0 0 auto;\n\n  min-width: 220px;\n  padding: 12px 15px 12px 18px;\n\n  border-radius: 13px;\n\n  background: var(--pks-yellow);\n  color: var(--pks-dark) !important;\n\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.pks-cta-button:hover {\n  background: var(--pks-yellow-light);\n  color: var(--pks-dark) !important;\n\n  transform: translateY(-2px);\n}\n\n.pks-cta-button > span {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pks-cta-button small {\n  color: rgba(16, 18, 22, .63);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pks-cta-button strong {\n  color: var(--pks-dark);\n\n  font-size: 17px;\n  font-weight: 950;\n}\n\n.pks-cta-button svg {\n  width: 18px;\n  height: 18px;\n\n  margin-left: auto;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .pks-services-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .pks-services-feature {\n    min-height: 570px;\n  }\n\n  .pks-services-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 850px) {\n\n  .pks-services-heading-grid {\n    grid-template-columns: 1fr;\n    gap: 23px;\n  }\n\n  .pks-services h2 {\n    font-size: clamp(40px, 8vw, 62px);\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pks-services {\n    padding: 70px 0;\n  }\n\n  .pks-services-container {\n    width: calc(100% - 30px);\n  }\n\n  .pks-services-heading {\n    margin-bottom: 35px;\n  }\n\n  .pks-services-kicker {\n    font-size: 9px;\n  }\n\n  .pks-services h2 {\n    font-size: clamp(38px, 11.5vw, 50px);\n    line-height: 1.01;\n    letter-spacing: -1.8px;\n  }\n\n  .pks-services-intro p {\n    font-size: 14px;\n  }\n\n  .pks-services-area {\n    gap: 7px;\n\n    font-size: 8.5px;\n  }\n\n  .pks-services-feature {\n    min-height: 520px;\n\n    border-radius: 19px;\n  }\n\n  .pks-feature-top {\n    top: 14px;\n    left: 14px;\n  }\n\n  .pks-feature-content {\n    padding: 22px 18px;\n\n    gap: 12px;\n  }\n\n  .pks-feature-icon {\n    width: 45px;\n    height: 45px;\n    flex-basis: 45px;\n  }\n\n  .pks-feature-content h3 {\n    font-size: 30px;\n  }\n\n  .pks-feature-content p {\n    font-size: 12px;\n  }\n\n  .pks-services-grid {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .pks-service-card {\n    min-height: auto;\n    padding: 19px;\n  }\n\n  .pks-card-icon {\n    margin-bottom: 14px;\n  }\n\n  .pks-service-card h3 {\n    font-size: 16px;\n  }\n\n  .pks-service-card p {\n    font-size: 12px;\n  }\n\n  .pks-services-cta {\n    padding: 18px;\n\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .pks-cta-button {\n    width: 100%;\n    min-width: 0;\n\n    justify-content: center;\n  }\n}\n\n@media (max-width: 380px) {\n\n  .pks-services-container {\n    width: calc(100% - 24px);\n  }\n\n  .pks-services-feature {\n    min-height: 480px;\n  }\n\n  .pks-feature-content {\n    display: block;\n  }\n\n  .pks-feature-icon {\n    margin-bottom: 12px;\n  }\n}\n\n\/* =========================================================\n   OGRANICZENIE ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pks-services-feature img,\n  .pks-service-card,\n  .pks-service-card::before,\n  .pks-cta-button {\n    transition: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2bde1e3 e-con e-atomic-element e-flexbox-base e-5a7a8d4 \" data-id=\"2bde1e3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2bde1e3\">\n    \t\t<div class=\"elementor-element elementor-element-adaa6bb elementor-widget elementor-widget-html\" data-id=\"adaa6bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     OBSZAR DZIA\u0141ANIA\n     POMOC DROGOWA PAWE\u0141 KACZMAREK\n     ELEMENTOR + ASTRA + ONE PAGE\n========================================================= -->\n\n<section class=\"pko-area\" id=\"obszar\" aria-labelledby=\"pko-area-title\">\n\n  <div class=\"pko-area-container\">\n\n    <!-- G\u00d3RNY UK\u0141AD -->\n\n    <div class=\"pko-area-layout\">\n\n      <!-- TRE\u015a\u0106 -->\n\n      <div class=\"pko-area-content\">\n\n        <div class=\"pko-area-kicker\">\n          <span aria-hidden=\"true\"><\/span>\n          Obszar dzia\u0142ania\n        <\/div>\n\n        <h2 id=\"pko-area-title\">\n          Autolaweta \u017bnin\n          <span>i pomoc drogowa na trasie S5<\/span>\n        <\/h2>\n\n        <p class=\"pko-area-lead\">\n          Pomagamy kierowcom na terenie \u017bnina, wzd\u0142u\u017c trasy S5 oraz\n          na obszarze wojew\u00f3dztwa kujawsko-pomorskiego i wielkopolskiego.\n          Doje\u017cd\u017camy do miejsca awarii, kolizji lub unieruchomienia pojazdu.\n        <\/p>\n\n        <div class=\"pko-area-tags\" aria-label=\"G\u0142\u00f3wny obszar dzia\u0142ania\">\n          <span>\u017bnin i okolice<\/span>\n          <span>Trasa S5<\/span>\n          <span>Kujawsko-Pomorskie<\/span>\n          <span>Wielkopolskie<\/span>\n        <\/div>\n\n        <div class=\"pko-area-info\">\n\n          <div class=\"pko-area-info-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <strong>Nie wiesz, czy dojedziemy w Twoj\u0105 lokalizacj\u0119?<\/strong>\n            <p>\n              Zadzwo\u0144 i podaj miejsce postoju. Szybko potwierdzimy mo\u017cliwo\u015b\u0107\n              dojazdu oraz ustalimy szczeg\u00f3\u0142y pomocy.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"pko-area-actions\">\n\n          <a class=\"pko-area-call\" href=\"tel:+48667300893\">\n\n            <span class=\"pko-area-call-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Pomoc drogowa 24\/7<\/small>\n              <strong>667 300 893<\/strong>\n            <\/span>\n\n          <\/a>\n\n          <a class=\"pko-area-secondary\" href=\"#kontakt\">\n            <span>Przejd\u017a do kontaktu<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"m8.5 5 7 7-7 7\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- SCHEMAT OBSZARU -->\n\n      <div class=\"pko-area-map\">\n\n        <div class=\"pko-map-header\">\n\n          <div>\n            <small>Schemat obs\u0142ugi<\/small>\n            <strong>\u017bnin \u2022 S5 \u2022 dwa wojew\u00f3dztwa<\/strong>\n          <\/div>\n\n          <span class=\"pko-map-live\">\n            <i><\/i>\n            24\/7\n          <\/span>\n\n        <\/div>\n\n        <div class=\"pko-map-visual\">\n\n          <!-- DROGA -->\n\n          <div class=\"pko-road\">\n\n            <div class=\"pko-road-line\"><\/div>\n\n            <div class=\"pko-road-dashes\" aria-hidden=\"true\">\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n            <\/div>\n\n            <!-- PUNKT 1 -->\n\n            <div class=\"pko-road-point pko-road-point-1\">\n\n              <div class=\"pko-road-pin\">\n                <span><\/span>\n              <\/div>\n\n              <div class=\"pko-road-label\">\n                <small>Baza dzia\u0142ania<\/small>\n                <strong>\u017bnin i okolice<\/strong>\n              <\/div>\n\n            <\/div>\n\n            <!-- PUNKT 2 -->\n\n            <div class=\"pko-road-point pko-road-point-2\">\n\n              <div class=\"pko-road-pin\">\n                <span><\/span>\n              <\/div>\n\n              <div class=\"pko-road-label\">\n                <small>G\u0142\u00f3wna trasa<\/small>\n                <strong>Droga ekspresowa S5<\/strong>\n              <\/div>\n\n            <\/div>\n\n            <!-- PUNKT 3 -->\n\n            <div class=\"pko-road-point pko-road-point-3\">\n\n              <div class=\"pko-road-pin\">\n                <span><\/span>\n              <\/div>\n\n              <div class=\"pko-road-label\">\n                <small>Obszar p\u00f3\u0142nocny<\/small>\n                <strong>Kujawsko-Pomorskie<\/strong>\n              <\/div>\n\n            <\/div>\n\n            <!-- PUNKT 4 -->\n\n            <div class=\"pko-road-point pko-road-point-4\">\n\n              <div class=\"pko-road-pin\">\n                <span><\/span>\n              <\/div>\n\n              <div class=\"pko-road-label\">\n                <small>Obszar po\u0142udniowy<\/small>\n                <strong>Wielkopolskie<\/strong>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n          <!-- DEKORACYJNA IKONA AUTOLAWETY -->\n\n          <div class=\"pko-map-truck\" aria-hidden=\"true\">\n\n            <svg viewBox=\"0 0 250 110\">\n\n              <path\n                d=\"M18 74h154l25-38h22l17 38h4v17H18Z\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"5\"\n                stroke-linejoin=\"round\"\n              \/>\n\n              <path\n                d=\"M172 74h60\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"5\"\n                stroke-linecap=\"round\"\n              \/>\n\n              <path\n                d=\"M194 36h20l14 26h-48Z\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"4\"\n                stroke-linejoin=\"round\"\n              \/>\n\n              <circle\n                cx=\"62\"\n                cy=\"88\"\n                r=\"13\"\n                fill=\"#101216\"\n                stroke=\"currentColor\"\n                stroke-width=\"5\"\n              \/>\n\n              <circle\n                cx=\"204\"\n                cy=\"88\"\n                r=\"13\"\n                fill=\"#101216\"\n                stroke=\"currentColor\"\n                stroke-width=\"5\"\n              \/>\n\n              <path\n                d=\"M43 62h75l20 12H28Z\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"4\"\n                stroke-linejoin=\"round\"\n              \/>\n\n              <path\n                d=\"M61 61 73 43h39l22 31\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"4\"\n                stroke-linejoin=\"round\"\n              \/>\n\n              <circle cx=\"82\" cy=\"75\" r=\"8\" fill=\"#101216\" stroke=\"currentColor\" stroke-width=\"4\"\/>\n              <circle cx=\"121\" cy=\"75\" r=\"8\" fill=\"#101216\" stroke=\"currentColor\" stroke-width=\"4\"\/>\n\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"pko-map-bottom\">\n\n          <div class=\"pko-map-bottom-item\">\n\n            <span class=\"pko-map-bottom-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"8.5\"\/>\n                <path d=\"M12 7.5V12l3 2\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Dost\u0119pno\u015b\u0107<\/small>\n              <strong>Ca\u0142\u0105 dob\u0119<\/strong>\n            <\/span>\n\n          <\/div>\n\n          <div class=\"pko-map-bottom-item\">\n\n            <span class=\"pko-map-bottom-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 19 9 5h6l4 14\"\/>\n                <path d=\"M12 7v3M12 13v3M12 19v1\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Najwa\u017cniejsza trasa<\/small>\n              <strong>S5<\/strong>\n            <\/span>\n\n          <\/div>\n\n          <div class=\"pko-map-bottom-item\">\n\n            <span class=\"pko-map-bottom-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Dojazd<\/small>\n              <strong>Pod wskazany adres<\/strong>\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- DOLNE KARTY -->\n\n    <div class=\"pko-area-cards\">\n\n      <article class=\"pko-area-card\">\n\n        <span class=\"pko-area-card-number\">01<\/span>\n\n        <div class=\"pko-area-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>Pomoc drogowa \u017bnin<\/h3>\n\n        <p>\n          Ca\u0142odobowa pomoc dla kierowc\u00f3w ze \u017bnina i pobliskich miejscowo\u015bci.\n          Dojazd do awarii, kolizji oraz unieruchomionego pojazdu.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"pko-area-card\">\n\n        <span class=\"pko-area-card-number\">02<\/span>\n\n        <div class=\"pko-area-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M5 19 9 5h6l4 14\"\/>\n            <path d=\"M12 7v3M12 13v3M12 19v1\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>Autolaweta na trasie S5<\/h3>\n\n        <p>\n          Pomoc w przypadku awarii, uszkodzenia samochodu lub zdarzenia\n          drogowego na trasie S5 i w jej bezpo\u015bredniej okolicy.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"pko-area-card\">\n\n        <span class=\"pko-area-card-number\">03<\/span>\n\n        <div class=\"pko-area-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 17h16\"\/>\n            <path d=\"M6 17V8h8l3 3h2v6\"\/>\n            <circle cx=\"8\" cy=\"19\" r=\"1.5\"\/>\n            <circle cx=\"17\" cy=\"19\" r=\"1.5\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>Kujawsko-Pomorskie<\/h3>\n\n        <p>\n          Holowanie, transport pojazd\u00f3w oraz pomoc drogowa na terenie\n          wojew\u00f3dztwa kujawsko-pomorskiego.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"pko-area-card\">\n\n        <span class=\"pko-area-card-number\">04<\/span>\n\n        <div class=\"pko-area-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 17h16\"\/>\n            <path d=\"M6 17V8h8l3 3h2v6\"\/>\n            <circle cx=\"8\" cy=\"19\" r=\"1.5\"\/>\n            <circle cx=\"17\" cy=\"19\" r=\"1.5\"\/>\n          <\/svg>\n        <\/div>\n\n        <h3>Wielkopolskie<\/h3>\n\n        <p>\n          Transport samochod\u00f3w oraz pomoc dla kierowc\u00f3w na terenie\n          wojew\u00f3dztwa wielkopolskiego.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   USTAWIENIA\n========================================================= *\/\n\n.pko-area,\n.pko-area *,\n.pko-area *::before,\n.pko-area *::after {\n  box-sizing: border-box;\n}\n\n.pko-area {\n  --pko-yellow: #f5b800;\n  --pko-yellow-light: #ffc928;\n  --pko-dark: #101216;\n  --pko-dark-soft: #171a1f;\n  --pko-dark-card: #1d2127;\n  --pko-white: #ffffff;\n  --pko-muted: #aeb3bb;\n  --pko-line: rgba(255,255,255,.10);\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  padding: clamp(80px, 8vw, 125px) 0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(245,184,0,.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 8% 90%,\n      rgba(245,184,0,.06),\n      transparent 25%\n    ),\n    var(--pko-dark);\n\n  color: var(--pko-white);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n.pko-area-container {\n  width: min(calc(100% - 40px), 1420px);\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   G\u0141\u00d3WNY UK\u0141AD\n========================================================= *\/\n\n.pko-area-layout {\n  display: grid;\n  grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);\n  align-items: center;\n  gap: clamp(45px, 7vw, 110px);\n}\n\n\/* =========================================================\n   TRE\u015a\u0106\n========================================================= *\/\n\n.pko-area-content {\n  max-width: 650px;\n}\n\n.pko-area-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 19px;\n\n  color: rgba(255,255,255,.58);\n\n  font-size: 11px;\n  font-weight: 850;\n  letter-spacing: 1.3px;\n  text-transform: uppercase;\n}\n\n.pko-area-kicker span {\n  width: 35px;\n  height: 3px;\n\n  border-radius: 999px;\n  background: var(--pko-yellow);\n}\n\n.pko-area h2 {\n  margin: 0;\n\n  color: var(--pko-white);\n\n  font-size: clamp(43px, 5vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2.8px;\n\n  text-wrap: balance;\n}\n\n.pko-area h2 span {\n  display: block;\n\n  margin-top: 8px;\n\n  color: var(--pko-yellow);\n}\n\n.pko-area-lead {\n  max-width: 610px;\n  margin: 23px 0 0;\n\n  color: var(--pko-muted);\n\n  font-size: clamp(15px, 1.25vw, 18px);\n  line-height: 1.72;\n}\n\n\/* TAGI *\/\n\n.pko-area-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  margin-top: 24px;\n}\n\n.pko-area-tags span {\n  padding: 9px 12px;\n\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.045);\n  color: rgba(255,255,255,.79);\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: .45px;\n}\n\n\/* INFORMACJA *\/\n\n.pko-area-info {\n  display: flex;\n  align-items: flex-start;\n  gap: 13px;\n\n  margin-top: 25px;\n  padding: 16px;\n\n  border: 1px solid rgba(245,184,0,.22);\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(245,184,0,.09),\n      rgba(255,255,255,.025)\n    );\n}\n\n.pko-area-info-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  flex: 0 0 42px;\n\n  border-radius: 11px;\n\n  background: var(--pko-yellow);\n  color: var(--pko-dark);\n}\n\n.pko-area-info-icon svg {\n  width: 22px;\n  height: 22px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pko-area-info strong {\n  color: var(--pko-white);\n\n  font-size: 14px;\n  font-weight: 850;\n  line-height: 1.4;\n}\n\n.pko-area-info p {\n  margin: 5px 0 0;\n\n  color: rgba(255,255,255,.57);\n\n  font-size: 12px;\n  line-height: 1.58;\n}\n\n\/* PRZYCISKI *\/\n\n.pko-area-actions {\n  display: flex;\n  align-items: stretch;\n  flex-wrap: wrap;\n  gap: 11px;\n\n  margin-top: 27px;\n}\n\n.pko-area-call {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n\n  min-height: 62px;\n  padding: 10px 19px 10px 11px;\n\n  border-radius: 13px;\n\n  background: var(--pko-yellow);\n  color: var(--pko-dark) !important;\n\n  text-decoration: none !important;\n\n  box-shadow: 0 13px 32px rgba(245,184,0,.20);\n\n  transition:\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.pko-area-call:hover {\n  background: var(--pko-yellow-light);\n  color: var(--pko-dark) !important;\n\n  transform: translateY(-2px);\n\n  box-shadow: 0 17px 39px rgba(245,184,0,.29);\n}\n\n.pko-area-call-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  flex: 0 0 42px;\n\n  border-radius: 10px;\n\n  background: rgba(16,18,22,.10);\n}\n\n.pko-area-call-icon svg {\n  width: 22px;\n  height: 22px;\n\n  fill: currentColor;\n}\n\n.pko-area-call > span:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pko-area-call small {\n  color: rgba(16,18,22,.63);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pko-area-call strong {\n  color: var(--pko-dark);\n\n  font-size: 18px;\n  font-weight: 950;\n}\n\n.pko-area-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  min-height: 62px;\n  padding: 0 20px;\n\n  border: 1px solid rgba(255,255,255,.16);\n  border-radius: 13px;\n\n  background: rgba(255,255,255,.04);\n  color: var(--pko-white) !important;\n\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n.pko-area-secondary:hover {\n  border-color: rgba(245,184,0,.55);\n  background: rgba(245,184,0,.07);\n  color: var(--pko-white) !important;\n\n  transform: translateY(-2px);\n}\n\n.pko-area-secondary svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================================\n   SCHEMAT\n========================================================= *\/\n\n.pko-area-map {\n  overflow: hidden;\n\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 24px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.075),\n      rgba(255,255,255,.025)\n    );\n\n  box-shadow: 0 25px 65px rgba(0,0,0,.22);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.pko-map-header {\n  min-height: 78px;\n  padding: 17px 20px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n\n  border-bottom: 1px solid rgba(255,255,255,.09);\n}\n\n.pko-map-header > div {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.pko-map-header small {\n  color: var(--pko-yellow);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pko-map-header strong {\n  color: var(--pko-white);\n\n  font-size: 16px;\n  font-weight: 850;\n}\n\n.pko-map-live {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 8px 11px;\n\n  border: 1px solid rgba(255,255,255,.11);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.045);\n  color: rgba(255,255,255,.72);\n\n  font-size: 10px;\n  font-weight: 900;\n}\n\n.pko-map-live i {\n  position: relative;\n\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n  background: var(--pko-yellow);\n\n  box-shadow: 0 0 0 5px rgba(245,184,0,.12);\n}\n\n\/* WIZUALIZACJA *\/\n\n.pko-map-visual {\n  position: relative;\n\n  min-height: 490px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255,255,255,.022) 1px,\n      transparent 1px\n    );\n\n  background-size: 33px 33px;\n}\n\n.pko-map-visual::before {\n  content: \"\";\n\n  position: absolute;\n  top: 8%;\n  right: 5%;\n\n  width: 250px;\n  height: 250px;\n\n  border-radius: 50%;\n\n  background: rgba(245,184,0,.08);\n\n  filter: blur(5px);\n}\n\n\/* DROGA *\/\n\n.pko-road {\n  position: absolute;\n  top: 37px;\n  bottom: 42px;\n  left: 50%;\n\n  width: 72%;\n  max-width: 465px;\n\n  transform: translateX(-50%);\n}\n\n.pko-road-line {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n\n  width: 68px;\n\n  border: 1px solid rgba(255,255,255,.11);\n  border-radius: 34px;\n\n  background: rgba(9,11,14,.56);\n\n  transform: translateX(-50%);\n}\n\n.pko-road-line::before,\n.pko-road-line::after {\n  content: \"\";\n\n  position: absolute;\n  top: 10px;\n  bottom: 10px;\n\n  width: 2px;\n\n  background: rgba(255,255,255,.15);\n}\n\n.pko-road-line::before {\n  left: 10px;\n}\n\n.pko-road-line::after {\n  right: 10px;\n}\n\n.pko-road-dashes {\n  position: absolute;\n  top: 22px;\n  bottom: 22px;\n  left: 50%;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n\n  transform: translateX(-50%);\n}\n\n.pko-road-dashes span {\n  width: 5px;\n  height: 29px;\n\n  border-radius: 999px;\n\n  background: var(--pko-yellow);\n}\n\n\/* PUNKTY *\/\n\n.pko-road-point {\n  position: absolute;\n  left: 50%;\n\n  width: 100%;\n\n  display: flex;\n  align-items: center;\n\n  transform: translateX(-50%);\n}\n\n.pko-road-point-1 {\n  top: 2%;\n}\n\n.pko-road-point-2 {\n  top: 32%;\n  flex-direction: row-reverse;\n}\n\n.pko-road-point-3 {\n  top: 61%;\n}\n\n.pko-road-point-4 {\n  top: 89%;\n  flex-direction: row-reverse;\n}\n\n.pko-road-pin {\n  position: absolute;\n  left: 50%;\n  z-index: 4;\n\n  width: 24px;\n  height: 24px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 4px solid var(--pko-dark);\n  border-radius: 50%;\n\n  background: var(--pko-yellow);\n\n  box-shadow:\n    0 0 0 5px rgba(245,184,0,.13),\n    0 8px 20px rgba(0,0,0,.25);\n\n  transform: translateX(-50%);\n}\n\n.pko-road-pin span {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--pko-dark);\n}\n\n.pko-road-label {\n  width: calc(50% - 50px);\n  padding: 12px 13px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 12px;\n\n  background: rgba(16,18,22,.86);\n\n  box-shadow: 0 12px 29px rgba(0,0,0,.19);\n}\n\n.pko-road-point:nth-child(odd) .pko-road-label {\n  margin-right: auto;\n}\n\n.pko-road-point:nth-child(even) .pko-road-label {\n  margin-left: auto;\n}\n\n.pko-road-label small {\n  color: rgba(255,255,255,.47);\n\n  font-size: 8px;\n  font-weight: 850;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pko-road-label strong {\n  color: var(--pko-white);\n\n  font-size: 12px;\n  font-weight: 850;\n  line-height: 1.35;\n}\n\n\/* AUTOLAWETA *\/\n\n.pko-map-truck {\n  position: absolute;\n  right: 12px;\n  bottom: 8px;\n  z-index: 5;\n\n  width: 150px;\n\n  color: rgba(245,184,0,.23);\n\n  transform: rotate(-2deg);\n}\n\n.pko-map-truck svg {\n  display: block;\n\n  width: 100%;\n  height: auto;\n}\n\n\/* DOLNY PASEK MAPY *\/\n\n.pko-map-bottom {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n\n  border-top: 1px solid rgba(255,255,255,.09);\n}\n\n.pko-map-bottom-item {\n  min-height: 82px;\n  padding: 15px;\n\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  border-right: 1px solid rgba(255,255,255,.09);\n}\n\n.pko-map-bottom-item:last-child {\n  border-right: 0;\n}\n\n.pko-map-bottom-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 37px;\n  height: 37px;\n  flex: 0 0 37px;\n\n  border-radius: 10px;\n\n  background: rgba(245,184,0,.11);\n  color: var(--pko-yellow);\n}\n\n.pko-map-bottom-icon svg {\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pko-map-bottom-item > span:last-child {\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pko-map-bottom-item small {\n  color: rgba(255,255,255,.43);\n\n  font-size: 8px;\n  font-weight: 850;\n  letter-spacing: .6px;\n  text-transform: uppercase;\n}\n\n.pko-map-bottom-item strong {\n  color: var(--pko-white);\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.35;\n}\n\n\/* =========================================================\n   DOLNE KARTY\n========================================================= *\/\n\n.pko-area-cards {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  gap: 11px;\n\n  margin-top: clamp(48px, 6vw, 78px);\n}\n\n.pko-area-card {\n  position: relative;\n\n  min-height: 225px;\n  padding: 22px;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.022)\n    );\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    background .25s ease;\n}\n\n.pko-area-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 0;\n  height: 4px;\n\n  background: var(--pko-yellow);\n\n  transition: width .25s ease;\n}\n\n.pko-area-card:hover {\n  border-color: rgba(245,184,0,.33);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(245,184,0,.08),\n      rgba(255,255,255,.025)\n    );\n\n  transform: translateY(-4px);\n}\n\n.pko-area-card:hover::before {\n  width: 100%;\n}\n\n.pko-area-card-number {\n  position: absolute;\n  top: 19px;\n  right: 19px;\n\n  color: rgba(255,255,255,.15);\n\n  font-size: 11px;\n  font-weight: 900;\n}\n\n.pko-area-card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n\n  margin-bottom: 18px;\n\n  border-radius: 12px;\n\n  background: rgba(245,184,0,.12);\n  color: var(--pko-yellow);\n}\n\n.pko-area-card-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pko-area-card h3 {\n  margin: 0;\n\n  color: var(--pko-white);\n\n  font-size: 17px;\n  font-weight: 850;\n  line-height: 1.3;\n}\n\n.pko-area-card p {\n  margin: 10px 0 0;\n\n  color: rgba(255,255,255,.53);\n\n  font-size: 12px;\n  line-height: 1.62;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1120px) {\n\n  .pko-area-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .pko-area-content {\n    max-width: 780px;\n  }\n\n  .pko-area-map {\n    max-width: 800px;\n  }\n\n  .pko-area-cards {\n    grid-template-columns: repeat(2, minmax(0,1fr));\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pko-area {\n    padding: 70px 0;\n  }\n\n  .pko-area-container {\n    width: calc(100% - 30px);\n  }\n\n  .pko-area-layout {\n    gap: 40px;\n  }\n\n  .pko-area-kicker {\n    font-size: 9px;\n  }\n\n  .pko-area h2 {\n    font-size: clamp(38px, 11.6vw, 50px);\n    line-height: 1.01;\n    letter-spacing: -1.8px;\n  }\n\n  .pko-area-lead {\n    margin-top: 19px;\n\n    font-size: 14px;\n  }\n\n  .pko-area-tags {\n    margin-top: 20px;\n  }\n\n  .pko-area-tags span {\n    padding: 8px 10px;\n\n    font-size: 9px;\n  }\n\n  .pko-area-info {\n    padding: 14px;\n  }\n\n  .pko-area-actions {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .pko-area-call,\n  .pko-area-secondary {\n    width: 100%;\n  }\n\n  .pko-area-call {\n    justify-content: center;\n  }\n\n  .pko-area-secondary {\n    min-height: 56px;\n  }\n\n  \/* MAPA *\/\n\n  .pko-area-map {\n    border-radius: 19px;\n  }\n\n  .pko-map-header {\n    min-height: 70px;\n    padding: 14px;\n  }\n\n  .pko-map-header strong {\n    font-size: 13px;\n  }\n\n  .pko-map-visual {\n    min-height: 520px;\n  }\n\n  .pko-road {\n    width: calc(100% - 24px);\n  }\n\n  .pko-road-label {\n    width: calc(50% - 41px);\n    padding: 10px;\n  }\n\n  .pko-road-label strong {\n    font-size: 10px;\n  }\n\n  .pko-road-label small {\n    font-size: 7px;\n  }\n\n  .pko-map-truck {\n    width: 100px;\n  }\n\n  .pko-map-bottom {\n    grid-template-columns: 1fr;\n  }\n\n  .pko-map-bottom-item {\n    min-height: 66px;\n\n    border-right: 0;\n    border-bottom: 1px solid rgba(255,255,255,.09);\n  }\n\n  .pko-map-bottom-item:last-child {\n    border-bottom: 0;\n  }\n\n  \/* KARTY *\/\n\n  .pko-area-cards {\n    grid-template-columns: 1fr;\n    gap: 9px;\n\n    margin-top: 42px;\n  }\n\n  .pko-area-card {\n    min-height: auto;\n    padding: 19px;\n  }\n}\n\n@media (max-width: 380px) {\n\n  .pko-area-container {\n    width: calc(100% - 24px);\n  }\n\n  .pko-road-label {\n    width: calc(50% - 37px);\n    padding: 8px;\n  }\n\n  .pko-road-line {\n    width: 58px;\n  }\n\n  .pko-road-label strong {\n    font-size: 9px;\n  }\n}\n\n\/* =========================================================\n   REDUKCJA ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pko-area-call,\n  .pko-area-secondary,\n  .pko-area-card,\n  .pko-area-card::before {\n    transition: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c95a8d1 e-con e-atomic-element e-flexbox-base e-234a847 \" data-id=\"c95a8d1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c95a8d1\">\n    \t\t<div class=\"elementor-element elementor-element-7d348b1 elementor-widget elementor-widget-html\" data-id=\"7d348b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     O FIRMIE \/ DLACZEGO WARTO\n     POMOC DROGOWA PAWE\u0141 KACZMAREK\n     ELEMENTOR + ASTRA + ONE PAGE\n========================================================= -->\n\n<section class=\"pkabout\" id=\"o-nas\" aria-labelledby=\"pkabout-title\">\n\n  <div class=\"pkabout-container\">\n\n    <!-- G\u00d3RNA CZ\u0118\u015a\u0106 -->\n\n    <div class=\"pkabout-top\">\n\n      <div class=\"pkabout-heading\">\n\n        <div class=\"pkabout-kicker\">\n          <span aria-hidden=\"true\"><\/span>\n          Bezpo\u015brednio, terminowo i odpowiedzialnie\n        <\/div>\n\n        <h2 id=\"pkabout-title\">\n          Pomoc drogowa,\n          <span>na kt\u00f3rej mo\u017cesz polega\u0107<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"pkabout-intro\">\n\n        <p>\n          W nag\u0142ej sytuacji na drodze licz\u0105 si\u0119 przede wszystkim szybki\n          kontakt, konkretne ustalenia i osoba, kt\u00f3ra dotrzymuje danego s\u0142owa.\n          Ka\u017cde zg\u0142oszenie obs\u0142ugiwane jest bezpo\u015brednio i z pe\u0142n\u0105\n          odpowiedzialno\u015bci\u0105 za powierzony pojazd.\n        <\/p>\n\n        <div class=\"pkabout-owner\">\n\n          <div class=\"pkabout-owner-mark\" aria-hidden=\"true\">\n            PK\n          <\/div>\n\n          <div>\n            <small>Bezpo\u015bredni kontakt<\/small>\n            <strong>Pawe\u0142 Kaczmarek<\/strong>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- G\u0141\u00d3WNY PANEL -->\n\n    <div class=\"pkabout-main\">\n\n      <!-- LEWY PANEL -->\n\n      <div class=\"pkabout-story\">\n\n        <div class=\"pkabout-story-number\" aria-hidden=\"true\">\n          24\/7\n        <\/div>\n\n        <div class=\"pkabout-story-content\">\n\n          <span class=\"pkabout-story-label\">\n            Osobista obs\u0142uga ka\u017cdego zg\u0142oszenia\n          <\/span>\n\n          <h3>\n            Od pierwszego telefonu\n            do bezpiecznego zako\u0144czenia zlecenia\n          <\/h3>\n\n          <p>\n            Kontaktujesz si\u0119 bezpo\u015brednio z osob\u0105, kt\u00f3ra ustala szczeg\u00f3\u0142y\n            i realizuje pomoc. Bez przekazywania zg\u0142oszenia mi\u0119dzy\n            przypadkowymi po\u015brednikami i bez niejasnych informacji.\n          <\/p>\n\n          <div class=\"pkabout-story-line\"><\/div>\n\n          <blockquote>\n            \u201eNajwa\u017cniejsze s\u0105 dla mnie punktualno\u015b\u0107, s\u0142owno\u015b\u0107\n            i bezpieczne wykonanie ka\u017cdego zlecenia.\u201d\n          <\/blockquote>\n\n          <span class=\"pkabout-signature\">\n            Pawe\u0142 Kaczmarek\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- PRAWA STRONA \u2014 ZALETY -->\n\n      <div class=\"pkabout-features\">\n\n        <!-- 1 -->\n\n        <article class=\"pkabout-feature\">\n\n          <span class=\"pkabout-feature-number\">01<\/span>\n\n          <div class=\"pkabout-feature-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Bezpo\u015bredni kontakt<\/h3>\n\n          <p>\n            Od razu rozmawiasz z osob\u0105, kt\u00f3ra przyjmie zg\u0142oszenie,\n            ustali szczeg\u00f3\u0142y i b\u0119dzie odpowiedzialna za realizacj\u0119.\n          <\/p>\n\n        <\/article>\n\n        <!-- 2 -->\n\n        <article class=\"pkabout-feature\">\n\n          <span class=\"pkabout-feature-number\">02<\/span>\n\n          <div class=\"pkabout-feature-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"8.5\"\/>\n              <path d=\"M12 7.5V12l3 2\"\/>\n              <path d=\"m8.5 3.8-1.7-1.5M15.5 3.8l1.7-1.5\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Punktualno\u015b\u0107<\/h3>\n\n          <p>\n            Czas i miejsce realizacji s\u0105 ustalane konkretnie.\n            Je\u017celi pojawi si\u0119 zmiana, otrzymasz jasn\u0105 informacj\u0119.\n          <\/p>\n\n        <\/article>\n\n        <!-- 3 -->\n\n        <article class=\"pkabout-feature\">\n\n          <span class=\"pkabout-feature-number\">03<\/span>\n\n          <div class=\"pkabout-feature-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"m5 12 4 4L19 6\"\/>\n              <path d=\"M12 21a9 9 0 1 1 9-9\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>S\u0142owno\u015b\u0107 i jasne ustalenia<\/h3>\n\n          <p>\n            Zakres pomocy i spos\u00f3b realizacji s\u0105 omawiane przed rozpocz\u0119ciem\n            zlecenia, bez zb\u0119dnych niedom\u00f3wie\u0144.\n          <\/p>\n\n        <\/article>\n\n        <!-- 4 -->\n\n        <article class=\"pkabout-feature\">\n\n          <span class=\"pkabout-feature-number\">04<\/span>\n\n          <div class=\"pkabout-feature-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3 5 6v5c0 4.8 3 8.2 7 10 4-1.8 7-5.2 7-10V6Z\"\/>\n              <path d=\"m9 12 2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Odpowiedzialne podej\u015bcie<\/h3>\n\n          <p>\n            Ka\u017cdy pojazd jest traktowany z nale\u017cyt\u0105 ostro\u017cno\u015bci\u0105\n            podczas za\u0142adunku, zabezpieczenia i transportu.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- DOLNY PASEK -->\n\n    <div class=\"pkabout-bottom\">\n\n      <div class=\"pkabout-bottom-text\">\n\n        <div class=\"pkabout-bottom-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <small>Pomoc drogowa i autolaweta<\/small>\n          <strong>\n            \u017bnin \u2022 trasa S5 \u2022 kujawsko-pomorskie \u2022 wielkopolskie\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n      <a class=\"pkabout-call\" href=\"tel:+48667300893\">\n\n        <span class=\"pkabout-call-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          <small>Zadzwo\u0144 bezpo\u015brednio<\/small>\n          <strong>667 300 893<\/strong>\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   USTAWIENIA G\u0141\u00d3WNE\n========================================================= *\/\n\n.pkabout,\n.pkabout *,\n.pkabout *::before,\n.pkabout *::after {\n  box-sizing: border-box;\n}\n\n.pkabout {\n  --pka-bg: #f6f6f5;\n  --pka-white: #ffffff;\n  --pka-dark: #101216;\n  --pka-dark-soft: #191c21;\n  --pka-text: #22252a;\n  --pka-muted: #6d7279;\n  --pka-line: rgba(16,18,22,.10);\n  --pka-yellow: #f5b800;\n  --pka-yellow-light: #ffc928;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  padding: clamp(80px, 8vw, 125px) 0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 8% 8%,\n      rgba(245,184,0,.10),\n      transparent 26%\n    ),\n    var(--pka-bg);\n\n  color: var(--pka-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n.pkabout-container {\n  width: min(calc(100% - 40px), 1420px);\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   G\u00d3RNA CZ\u0118\u015a\u0106\n========================================================= *\/\n\n.pkabout-top {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);\n  align-items: end;\n  gap: clamp(40px, 8vw, 120px);\n\n  margin-bottom: clamp(45px, 5vw, 70px);\n}\n\n.pkabout-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 18px;\n\n  color: #5d6269;\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.3;\n  letter-spacing: 1.25px;\n  text-transform: uppercase;\n}\n\n.pkabout-kicker span {\n  width: 35px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: var(--pka-yellow);\n}\n\n.pkabout h2 {\n  margin: 0;\n\n  color: var(--pka-dark);\n\n  font-size: clamp(43px, 5vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2.8px;\n\n  text-wrap: balance;\n}\n\n.pkabout h2 span {\n  display: block;\n\n  margin-top: 7px;\n\n  color: var(--pka-yellow);\n}\n\n.pkabout-intro p {\n  max-width: 620px;\n  margin: 0;\n\n  color: var(--pka-muted);\n\n  font-size: clamp(15px, 1.25vw, 18px);\n  line-height: 1.72;\n}\n\n.pkabout-owner {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  margin-top: 22px;\n}\n\n.pkabout-owner-mark {\n  width: 47px;\n  height: 47px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 13px;\n\n  background: var(--pka-yellow);\n  color: var(--pka-dark);\n\n  font-size: 14px;\n  font-weight: 950;\n  letter-spacing: -.3px;\n}\n\n.pkabout-owner > div:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkabout-owner small {\n  color: var(--pka-muted);\n\n  font-size: 9px;\n  font-weight: 850;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkabout-owner strong {\n  color: var(--pka-dark);\n\n  font-size: 15px;\n  font-weight: 900;\n}\n\n\/* =========================================================\n   G\u0141\u00d3WNY UK\u0141AD\n========================================================= *\/\n\n.pkabout-main {\n  display: grid;\n  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr);\n  gap: 16px;\n}\n\n\/* =========================================================\n   LEWY PANEL\n========================================================= *\/\n\n.pkabout-story {\n  position: relative;\n\n  min-height: 560px;\n  padding: clamp(28px, 4vw, 50px);\n\n  display: flex;\n  align-items: flex-end;\n\n  overflow: hidden;\n\n  border-radius: 24px;\n\n  background:\n    radial-gradient(\n      circle at 85% 12%,\n      rgba(245,184,0,.18),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #101216,\n      #191c21\n    );\n\n  color: var(--pka-white);\n\n  box-shadow: 0 24px 58px rgba(16,18,22,.14);\n}\n\n.pkabout-story::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 6px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      var(--pka-yellow) 25%,\n      var(--pka-yellow) 75%,\n      transparent\n    );\n}\n\n.pkabout-story-number {\n  position: absolute;\n  top: 24px;\n  right: 28px;\n\n  color: rgba(245,184,0,.12);\n\n  font-size: clamp(78px, 10vw, 145px);\n  font-weight: 950;\n  line-height: 1;\n  letter-spacing: -7px;\n}\n\n.pkabout-story-content {\n  position: relative;\n  z-index: 2;\n\n  max-width: 530px;\n}\n\n.pkabout-story-label {\n  display: inline-block;\n\n  margin-bottom: 13px;\n\n  color: var(--pka-yellow);\n\n  font-size: 9px;\n  font-weight: 900;\n  line-height: 1.4;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pkabout-story h3 {\n  margin: 0;\n\n  color: var(--pka-white);\n\n  font-size: clamp(30px, 3.3vw, 48px);\n  font-weight: 900;\n  line-height: 1.04;\n  letter-spacing: -1.6px;\n}\n\n.pkabout-story p {\n  margin: 18px 0 0;\n\n  color: rgba(255,255,255,.61);\n\n  font-size: 14px;\n  line-height: 1.68;\n}\n\n.pkabout-story-line {\n  width: 58px;\n  height: 3px;\n\n  margin: 28px 0 20px;\n\n  border-radius: 999px;\n\n  background: var(--pka-yellow);\n}\n\n.pkabout-story blockquote {\n  margin: 0;\n\n  color: rgba(255,255,255,.87);\n\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.58;\n}\n\n.pkabout-signature {\n  display: block;\n\n  margin-top: 13px;\n\n  color: var(--pka-yellow);\n\n  font-size: 11px;\n  font-weight: 850;\n}\n\n\/* =========================================================\n   PRAWE KARTY\n========================================================= *\/\n\n.pkabout-features {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0,1fr));\n  gap: 12px;\n}\n\n.pkabout-feature {\n  position: relative;\n\n  min-height: 274px;\n  padding: 25px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--pka-line);\n  border-radius: 19px;\n\n  background: rgba(255,255,255,.78);\n\n  box-shadow: 0 12px 32px rgba(16,18,22,.045);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.pkabout-feature::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 0;\n  height: 4px;\n\n  background: var(--pka-yellow);\n\n  transition: width .25s ease;\n}\n\n.pkabout-feature:hover {\n  border-color: rgba(245,184,0,.40);\n\n  transform: translateY(-4px);\n\n  box-shadow: 0 18px 40px rgba(16,18,22,.09);\n}\n\n.pkabout-feature:hover::before {\n  width: 100%;\n}\n\n.pkabout-feature-number {\n  position: absolute;\n  top: 20px;\n  right: 21px;\n\n  color: rgba(16,18,22,.15);\n\n  font-size: 11px;\n  font-weight: 950;\n  letter-spacing: .8px;\n}\n\n.pkabout-feature-icon {\n  width: 49px;\n  height: 49px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 22px;\n\n  border-radius: 13px;\n\n  background: rgba(245,184,0,.14);\n  color: #c48b00;\n}\n\n.pkabout-feature-icon svg {\n  width: 25px;\n  height: 25px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkabout-feature:first-child .pkabout-feature-icon svg {\n  fill: currentColor;\n  stroke: none;\n}\n\n.pkabout-feature h3 {\n  margin: 0;\n\n  color: var(--pka-dark);\n\n  font-size: 19px;\n  font-weight: 900;\n  line-height: 1.25;\n  letter-spacing: -.4px;\n}\n\n.pkabout-feature p {\n  margin: 11px 0 0;\n\n  color: var(--pka-muted);\n\n  font-size: 13px;\n  line-height: 1.64;\n}\n\n\/* =========================================================\n   DOLNY PASEK\n========================================================= *\/\n\n.pkabout-bottom {\n  margin-top: 17px;\n  padding: 20px 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n\n  border-radius: 18px;\n\n  background: var(--pka-dark);\n  color: var(--pka-white);\n\n  box-shadow: 0 17px 42px rgba(16,18,22,.12);\n}\n\n.pkabout-bottom-text {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.pkabout-bottom-icon {\n  width: 47px;\n  height: 47px;\n  flex: 0 0 47px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 13px;\n\n  background: rgba(245,184,0,.13);\n  color: var(--pka-yellow);\n}\n\n.pkabout-bottom-icon svg {\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkabout-bottom-text > div:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.pkabout-bottom-text small {\n  color: rgba(255,255,255,.48);\n\n  font-size: 9px;\n  font-weight: 850;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkabout-bottom-text strong {\n  color: var(--pka-white);\n\n  font-size: clamp(14px, 1.5vw, 19px);\n  font-weight: 850;\n  line-height: 1.35;\n}\n\n.pkabout-call {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  flex: 0 0 auto;\n\n  min-width: 218px;\n  padding: 11px 16px 11px 11px;\n\n  border-radius: 13px;\n\n  background: var(--pka-yellow);\n  color: var(--pka-dark) !important;\n\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.pkabout-call:hover {\n  background: var(--pka-yellow-light);\n  color: var(--pka-dark) !important;\n\n  transform: translateY(-2px);\n}\n\n.pkabout-call-icon {\n  width: 40px;\n  height: 40px;\n  flex: 0 0 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background: rgba(16,18,22,.10);\n}\n\n.pkabout-call-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: currentColor;\n}\n\n.pkabout-call > span:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkabout-call small {\n  color: rgba(16,18,22,.62);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkabout-call strong {\n  color: var(--pka-dark);\n\n  font-size: 17px;\n  font-weight: 950;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .pkabout-top {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .pkabout-main {\n    grid-template-columns: 1fr;\n  }\n\n  .pkabout-story {\n    min-height: 500px;\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pkabout {\n    padding: 70px 0;\n  }\n\n  .pkabout-container {\n    width: calc(100% - 30px);\n  }\n\n  .pkabout-top {\n    margin-bottom: 35px;\n  }\n\n  .pkabout-kicker {\n    font-size: 9px;\n  }\n\n  .pkabout h2 {\n    font-size: clamp(38px, 11.6vw, 50px);\n    line-height: 1.01;\n    letter-spacing: -1.8px;\n  }\n\n  .pkabout-intro p {\n    font-size: 14px;\n  }\n\n  .pkabout-story {\n    min-height: 520px;\n    padding: 26px 20px;\n\n    border-radius: 19px;\n  }\n\n  .pkabout-story-number {\n    top: 20px;\n    right: 20px;\n\n    font-size: 83px;\n  }\n\n  .pkabout-story h3 {\n    font-size: 32px;\n  }\n\n  .pkabout-story p {\n    font-size: 13px;\n  }\n\n  .pkabout-story blockquote {\n    font-size: 14px;\n  }\n\n  .pkabout-features {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .pkabout-feature {\n    min-height: auto;\n    padding: 20px;\n  }\n\n  .pkabout-feature-icon {\n    margin-bottom: 17px;\n  }\n\n  .pkabout-feature h3 {\n    font-size: 17px;\n  }\n\n  .pkabout-feature p {\n    font-size: 12px;\n  }\n\n  .pkabout-bottom {\n    padding: 18px;\n\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .pkabout-call {\n    width: 100%;\n    min-width: 0;\n\n    justify-content: center;\n  }\n}\n\n@media (max-width: 380px) {\n\n  .pkabout-container {\n    width: calc(100% - 24px);\n  }\n\n  .pkabout-story {\n    min-height: 550px;\n  }\n}\n\n\/* =========================================================\n   REDUKCJA ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pkabout-feature,\n  .pkabout-feature::before,\n  .pkabout-call {\n    transition: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-75a97d3 e-con e-atomic-element e-flexbox-base e-52d509f \" data-id=\"75a97d3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"75a97d3\">\n    \t\t<div class=\"elementor-element elementor-element-34257d2 elementor-widget elementor-widget-html\" data-id=\"34257d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     REALIZACJE \/ GALERIA\n     POMOC DROGOWA PAWE\u0141 KACZMAREK\n     ELEMENTOR + ASTRA + ONE PAGE\n========================================================= -->\n\n<section\n  class=\"pkgallery\"\n  id=\"realizacje\"\n  aria-labelledby=\"pkgallery-title\"\n  data-pk-gallery\n>\n\n  <div class=\"pkgallery-container\">\n\n    <!-- NAG\u0141\u00d3WEK -->\n\n    <div class=\"pkgallery-heading\">\n\n      <div class=\"pkgallery-heading-main\">\n\n        <div class=\"pkgallery-kicker\">\n          <span aria-hidden=\"true\"><\/span>\n          Zdj\u0119cia z wykonanych zlece\u0144\n        <\/div>\n\n        <h2 id=\"pkgallery-title\">\n          Nasze realizacje\n          <span>transport i pomoc drogowa<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"pkgallery-heading-text\">\n\n        <p>\n          Zobacz przyk\u0142adowe realizacje transportu samochod\u00f3w,\n          uszkodzonych pojazd\u00f3w oraz przyczep. Ka\u017cde zlecenie wykonujemy\n          z dba\u0142o\u015bci\u0105 o bezpieczny za\u0142adunek i w\u0142a\u015bciwe zabezpieczenie.\n        <\/p>\n\n        <div class=\"pkgallery-heading-tags\">\n          <span>Autolaweta 24\/7<\/span>\n          <span>Transport pojazd\u00f3w<\/span>\n          <span>Pomoc po kolizji<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- GALERIA -->\n\n    <div class=\"pkgallery-grid\">\n\n      <!-- G\u0141\u00d3WNE ZDJ\u0118CIE -->\n\n      <button\n        class=\"pkgallery-item pkgallery-item-main\"\n        type=\"button\"\n        data-gallery-index=\"0\"\n        aria-label=\"Powi\u0119ksz zdj\u0119cie autolawety\"\n      >\n\n        <img\n          src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-7.jpeg\"\n          alt=\"Autolaweta pomocy drogowej Pawe\u0142 Kaczmarek\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <span class=\"pkgallery-overlay\" aria-hidden=\"true\"><\/span>\n\n        <span class=\"pkgallery-badge\">\n          <i><\/i>\n          Pomoc drogowa 24\/7\n        <\/span>\n\n        <span class=\"pkgallery-caption\">\n          <small>Gotowo\u015b\u0107 do dzia\u0142ania<\/small>\n          <strong>Profesjonalna autolaweta<\/strong>\n          <em>\u017bnin \u2022 trasa S5 \u2022 kujawsko-pomorskie \u2022 wielkopolskie<\/em>\n        <\/span>\n\n        <span class=\"pkgallery-zoom\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\n            <path d=\"m15.5 15.5 4 4M8 10.5h5M10.5 8v5\"\/>\n          <\/svg>\n        <\/span>\n\n      <\/button>\n\n      <!-- PRAWA SIATKA -->\n\n      <div class=\"pkgallery-side\">\n\n        <!-- SUV -->\n\n        <button\n          class=\"pkgallery-item\"\n          type=\"button\"\n          data-gallery-index=\"1\"\n          aria-label=\"Powi\u0119ksz zdj\u0119cie transportu samochodu SUV\"\n        >\n\n          <img\n            src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-2.jpeg\"\n            alt=\"Transport samochodu SUV autolawet\u0105\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"pkgallery-overlay\" aria-hidden=\"true\"><\/span>\n\n          <span class=\"pkgallery-small-caption\">\n            <small>Transport pojazdu<\/small>\n            <strong>Samoch\u00f3d SUV<\/strong>\n          <\/span>\n\n          <span class=\"pkgallery-zoom\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\n              <path d=\"m15.5 15.5 4 4M8 10.5h5M10.5 8v5\"\/>\n            <\/svg>\n          <\/span>\n\n        <\/button>\n\n        <!-- AUTO USZKODZONE -->\n\n        <button\n          class=\"pkgallery-item\"\n          type=\"button\"\n          data-gallery-index=\"2\"\n          aria-label=\"Powi\u0119ksz zdj\u0119cie transportu uszkodzonego samochodu\"\n        >\n\n          <img\n            src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-9.jpeg\"\n            alt=\"Transport uszkodzonego samochodu po zdarzeniu drogowym\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"pkgallery-overlay\" aria-hidden=\"true\"><\/span>\n\n          <span class=\"pkgallery-small-caption\">\n            <small>Pomoc po zdarzeniu<\/small>\n            <strong>Uszkodzony pojazd<\/strong>\n          <\/span>\n\n          <span class=\"pkgallery-zoom\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\n              <path d=\"m15.5 15.5 4 4M8 10.5h5M10.5 8v5\"\/>\n            <\/svg>\n          <\/span>\n\n        <\/button>\n\n        <!-- AUTO NA LAWECIE -->\n\n        <button\n          class=\"pkgallery-item\"\n          type=\"button\"\n          data-gallery-index=\"3\"\n          aria-label=\"Powi\u0119ksz zdj\u0119cie samochodu przewo\u017conego na lawecie\"\n        >\n\n          <img\n            src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44.jpeg\"\n            alt=\"Samoch\u00f3d bezpiecznie przewo\u017cony na autolawecie\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"pkgallery-overlay\" aria-hidden=\"true\"><\/span>\n\n          <span class=\"pkgallery-small-caption\">\n            <small>Bezpieczny przew\u00f3z<\/small>\n            <strong>Transport samochodu<\/strong>\n          <\/span>\n\n          <span class=\"pkgallery-zoom\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\n              <path d=\"m15.5 15.5 4 4M8 10.5h5M10.5 8v5\"\/>\n            <\/svg>\n          <\/span>\n\n        <\/button>\n\n        <!-- PRZYCZEPA KEMPINGOWA -->\n\n        <button\n          class=\"pkgallery-item\"\n          type=\"button\"\n          data-gallery-index=\"4\"\n          aria-label=\"Powi\u0119ksz zdj\u0119cie transportu przyczepy kempingowej\"\n        >\n\n          <img\n            src=\"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-07-at-18.01.42.jpeg\"\n            alt=\"Transport przyczepy kempingowej autolawet\u0105\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"pkgallery-overlay\" aria-hidden=\"true\"><\/span>\n\n          <span class=\"pkgallery-small-caption\">\n            <small>Transport specjalny<\/small>\n            <strong>Przyczepa kempingowa<\/strong>\n          <\/span>\n\n          <span class=\"pkgallery-zoom\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/>\n              <path d=\"m15.5 15.5 4 4M8 10.5h5M10.5 8v5\"\/>\n            <\/svg>\n          <\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- INFORMACJE POD GALERI\u0104 -->\n\n    <div class=\"pkgallery-bottom\">\n\n      <div class=\"pkgallery-bottom-content\">\n\n        <span class=\"pkgallery-bottom-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 3 5 6v5c0 4.8 3 8.2 7 10 4-1.8 7-5.2 7-10V6Z\"\/>\n            <path d=\"m9 12 2 2 4-4\"\/>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <small>Bezpieczny za\u0142adunek i transport<\/small>\n          <strong>\n            Samochody osobowe, dostawcze, uszkodzone pojazdy i przyczepy\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n      <a class=\"pkgallery-call\" href=\"tel:+48667300893\">\n\n        <span class=\"pkgallery-call-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          <small>Zapytaj o transport<\/small>\n          <strong>667 300 893<\/strong>\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- =====================================================\n       LIGHTBOX\n  ====================================================== -->\n\n  <div\n    class=\"pkgallery-lightbox\"\n    aria-hidden=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Powi\u0119kszone zdj\u0119cie realizacji\"\n  >\n\n    <button\n      class=\"pkgallery-lightbox-close\"\n      type=\"button\"\n      aria-label=\"Zamknij zdj\u0119cie\"\n    >\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n\n    <button\n      class=\"pkgallery-lightbox-arrow pkgallery-lightbox-prev\"\n      type=\"button\"\n      aria-label=\"Poprzednie zdj\u0119cie\"\n    >\n      <svg viewBox=\"0 0 24 24\">\n        <path d=\"m15.5 5-7 7 7 7\"\/>\n      <\/svg>\n    <\/button>\n\n    <div class=\"pkgallery-lightbox-content\">\n\n      <img decoding=\"async\"\n        class=\"pkgallery-lightbox-image\"\n        src=\"\"\n        alt=\"\"\n      >\n\n      <div class=\"pkgallery-lightbox-caption\">\n        <small>Realizacje<\/small>\n        <strong><\/strong>\n        <span class=\"pkgallery-lightbox-counter\"><\/span>\n      <\/div>\n\n    <\/div>\n\n    <button\n      class=\"pkgallery-lightbox-arrow pkgallery-lightbox-next\"\n      type=\"button\"\n      aria-label=\"Nast\u0119pne zdj\u0119cie\"\n    >\n      <svg viewBox=\"0 0 24 24\">\n        <path d=\"m8.5 5 7 7-7 7\"\/>\n      <\/svg>\n    <\/button>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   G\u0141\u00d3WNE USTAWIENIA\n========================================================= *\/\n\n.pkgallery,\n.pkgallery *,\n.pkgallery *::before,\n.pkgallery *::after {\n  box-sizing: border-box;\n}\n\n.pkgallery {\n  --pkg-background: #f6f6f5;\n  --pkg-white: #ffffff;\n  --pkg-dark: #101216;\n  --pkg-dark-soft: #191c21;\n  --pkg-text: #22252a;\n  --pkg-muted: #6d7279;\n  --pkg-yellow: #f5b800;\n  --pkg-yellow-light: #ffc928;\n  --pkg-line: rgba(16,18,22,.10);\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  padding: clamp(80px, 8vw, 125px) 0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 94% 7%,\n      rgba(245,184,0,.11),\n      transparent 27%\n    ),\n    var(--pkg-background);\n\n  color: var(--pkg-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n.pkgallery-container {\n  width: min(calc(100% - 40px), 1420px);\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   NAG\u0141\u00d3WEK\n========================================================= *\/\n\n.pkgallery-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(370px, .95fr);\n\n  align-items: end;\n  gap: clamp(40px, 8vw, 120px);\n\n  margin-bottom: clamp(42px, 5vw, 68px);\n}\n\n.pkgallery-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 18px;\n\n  color: #5d6269;\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.3;\n  letter-spacing: 1.25px;\n  text-transform: uppercase;\n}\n\n.pkgallery-kicker span {\n  width: 35px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: var(--pkg-yellow);\n}\n\n.pkgallery h2 {\n  margin: 0;\n\n  color: var(--pkg-dark);\n\n  font-size: clamp(43px, 5vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2.8px;\n\n  text-wrap: balance;\n}\n\n.pkgallery h2 span {\n  display: block;\n\n  margin-top: 7px;\n\n  color: var(--pkg-yellow);\n}\n\n.pkgallery-heading-text p {\n  max-width: 620px;\n  margin: 0;\n\n  color: var(--pkg-muted);\n\n  font-size: clamp(15px, 1.25vw, 18px);\n  line-height: 1.72;\n}\n\n.pkgallery-heading-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  margin-top: 20px;\n}\n\n.pkgallery-heading-tags span {\n  padding: 8px 11px;\n\n  border: 1px solid var(--pkg-line);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.65);\n  color: var(--pkg-dark);\n\n  font-size: 9px;\n  font-weight: 850;\n  line-height: 1.3;\n  letter-spacing: .55px;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   GALERIA\n========================================================= *\/\n\n.pkgallery-grid {\n  display: grid;\n  grid-template-columns:\n    minmax(420px, 1.1fr)\n    minmax(0, .9fr);\n\n  min-height: 720px;\n  gap: 13px;\n}\n\n.pkgallery-side {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n  gap: 13px;\n}\n\n.pkgallery-item {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  margin: 0;\n  padding: 0;\n\n  overflow: hidden;\n\n  border: 0;\n  border-radius: 19px;\n  outline: 0;\n\n  background: var(--pkg-dark);\n\n  cursor: pointer;\n\n  box-shadow: 0 15px 40px rgba(16,18,22,.09);\n\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.pkgallery-item-main {\n  border-radius: 24px;\n}\n\n.pkgallery-item img {\n  position: absolute;\n  inset: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition:\n    transform .7s ease,\n    filter .3s ease;\n}\n\n.pkgallery-item:hover img {\n  transform: scale(1.045);\n}\n\n.pkgallery-item:focus-visible {\n  outline: 4px solid var(--pkg-yellow);\n  outline-offset: 3px;\n}\n\n.pkgallery-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10,12,15,.06) 0%,\n      rgba(10,12,15,.05) 42%,\n      rgba(10,12,15,.83) 100%\n    );\n\n  transition: background .25s ease;\n}\n\n.pkgallery-item:hover .pkgallery-overlay {\n  background:\n    linear-gradient(\n      180deg,\n      rgba(10,12,15,.12) 0%,\n      rgba(10,12,15,.07) 35%,\n      rgba(10,12,15,.88) 100%\n    );\n}\n\n\/* BADGE *\/\n\n.pkgallery-badge {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  z-index: 3;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  padding: 9px 12px;\n\n  border: 1px solid rgba(255,255,255,.23);\n  border-radius: 999px;\n\n  background: rgba(16,18,22,.68);\n  color: rgba(255,255,255,.88);\n\n  font-size: 9px;\n  font-weight: 850;\n  line-height: 1;\n  letter-spacing: .75px;\n  text-transform: uppercase;\n\n  backdrop-filter: blur(11px);\n  -webkit-backdrop-filter: blur(11px);\n}\n\n.pkgallery-badge i {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--pkg-yellow);\n\n  box-shadow: 0 0 0 5px rgba(245,184,0,.13);\n}\n\n\/* OPIS G\u0141\u00d3WNEGO ZDJ\u0118CIA *\/\n\n.pkgallery-caption {\n  position: absolute;\n  right: 35px;\n  bottom: 35px;\n  left: 35px;\n  z-index: 3;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.pkgallery-caption small,\n.pkgallery-small-caption small {\n  margin-bottom: 7px;\n\n  color: var(--pkg-yellow);\n\n  font-size: 9px;\n  font-weight: 900;\n  line-height: 1.3;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pkgallery-caption strong {\n  color: var(--pkg-white);\n\n  font-size: clamp(29px, 3.4vw, 48px);\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -1.5px;\n  text-align: left;\n}\n\n.pkgallery-caption em {\n  margin-top: 10px;\n\n  color: rgba(255,255,255,.65);\n\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 650;\n  line-height: 1.45;\n  text-align: left;\n}\n\n\/* OPIS MA\u0141YCH ZDJ\u0118\u0106 *\/\n\n.pkgallery-small-caption {\n  position: absolute;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n  z-index: 3;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n\n  text-align: left;\n}\n\n.pkgallery-small-caption strong {\n  color: var(--pkg-white);\n\n  font-size: clamp(17px, 1.8vw, 23px);\n  font-weight: 900;\n  line-height: 1.15;\n  letter-spacing: -.5px;\n}\n\n\/* IKONA POWI\u0118KSZENIA *\/\n\n.pkgallery-zoom {\n  position: absolute;\n  top: 17px;\n  right: 17px;\n  z-index: 3;\n\n  width: 41px;\n  height: 41px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid rgba(255,255,255,.23);\n  border-radius: 11px;\n\n  background: rgba(16,18,22,.66);\n  color: var(--pkg-white);\n\n  opacity: 0;\n  transform: translateY(-4px);\n\n  transition:\n    opacity .2s ease,\n    transform .2s ease,\n    background .2s ease;\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.pkgallery-item:hover .pkgallery-zoom,\n.pkgallery-item:focus-visible .pkgallery-zoom {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.pkgallery-zoom svg {\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================================\n   DOLNY PASEK\n========================================================= *\/\n\n.pkgallery-bottom {\n  margin-top: 16px;\n  padding: 20px 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n\n  border-radius: 18px;\n\n  background: var(--pkg-dark);\n  color: var(--pkg-white);\n\n  box-shadow: 0 17px 42px rgba(16,18,22,.12);\n}\n\n.pkgallery-bottom-content {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.pkgallery-bottom-icon {\n  width: 47px;\n  height: 47px;\n  flex: 0 0 47px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 13px;\n\n  background: rgba(245,184,0,.13);\n  color: var(--pkg-yellow);\n}\n\n.pkgallery-bottom-icon svg {\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkgallery-bottom-content > div {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.pkgallery-bottom-content small {\n  color: rgba(255,255,255,.46);\n\n  font-size: 9px;\n  font-weight: 850;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkgallery-bottom-content strong {\n  color: var(--pkg-white);\n\n  font-size: clamp(14px, 1.5vw, 19px);\n  font-weight: 850;\n  line-height: 1.35;\n}\n\n.pkgallery-call {\n  min-width: 220px;\n  padding: 11px 16px 11px 11px;\n\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  flex: 0 0 auto;\n\n  border-radius: 13px;\n\n  background: var(--pkg-yellow);\n  color: var(--pkg-dark) !important;\n\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.pkgallery-call:hover {\n  background: var(--pkg-yellow-light);\n  color: var(--pkg-dark) !important;\n\n  transform: translateY(-2px);\n}\n\n.pkgallery-call-icon {\n  width: 40px;\n  height: 40px;\n  flex: 0 0 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background: rgba(16,18,22,.10);\n}\n\n.pkgallery-call-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: currentColor;\n}\n\n.pkgallery-call > span:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkgallery-call small {\n  color: rgba(16,18,22,.62);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkgallery-call strong {\n  color: var(--pkg-dark);\n\n  font-size: 17px;\n  font-weight: 950;\n}\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.pkgallery-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 9999999;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 35px 90px;\n\n  visibility: hidden;\n  opacity: 0;\n\n  background: rgba(5,7,9,.94);\n\n  transition:\n    opacity .25s ease,\n    visibility .25s ease;\n\n  backdrop-filter: blur(13px);\n  -webkit-backdrop-filter: blur(13px);\n}\n\n.pkgallery-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n}\n\n.pkgallery-lightbox-content {\n  position: relative;\n\n  width: min(1100px, 100%);\n  max-height: calc(100vh - 70px);\n\n  display: flex;\n  flex-direction: column;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(255,255,255,.13);\n  border-radius: 20px;\n\n  background: #111317;\n\n  box-shadow: 0 30px 100px rgba(0,0,0,.55);\n\n  transform: scale(.97);\n\n  transition: transform .25s ease;\n}\n\n.pkgallery-lightbox.is-open .pkgallery-lightbox-content {\n  transform: scale(1);\n}\n\n.pkgallery-lightbox-image {\n  display: block;\n\n  width: 100%;\n  height: min(76vh, 780px);\n\n  object-fit: contain;\n\n  background: #090b0e;\n}\n\n.pkgallery-lightbox-caption {\n  min-height: 75px;\n  padding: 14px 18px;\n\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  column-gap: 20px;\n\n  color: var(--pkg-white);\n}\n\n.pkgallery-lightbox-caption small {\n  grid-column: 1;\n  grid-row: 1;\n\n  color: var(--pkg-yellow);\n\n  font-size: 8px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pkgallery-lightbox-caption strong {\n  grid-column: 1;\n  grid-row: 2;\n\n  color: var(--pkg-white);\n\n  font-size: 16px;\n  font-weight: 850;\n}\n\n.pkgallery-lightbox-counter {\n  grid-column: 2;\n  grid-row: 1 \/ span 2;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.pkgallery-lightbox-close {\n  position: fixed;\n  top: 22px;\n  right: 22px;\n  z-index: 4;\n\n  width: 48px;\n  height: 48px;\n\n  padding: 0;\n\n  border: 1px solid rgba(255,255,255,.16);\n  border-radius: 13px;\n\n  background: rgba(255,255,255,.08);\n  color: var(--pkg-white);\n\n  cursor: pointer;\n\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.pkgallery-lightbox-close span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  width: 21px;\n  height: 2px;\n\n  border-radius: 999px;\n\n  background: currentColor;\n}\n\n.pkgallery-lightbox-close span:first-child {\n  transform: translate(-50%,-50%) rotate(45deg);\n}\n\n.pkgallery-lightbox-close span:last-child {\n  transform: translate(-50%,-50%) rotate(-45deg);\n}\n\n.pkgallery-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 4;\n\n  width: 50px;\n  height: 58px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 0;\n\n  border: 1px solid rgba(255,255,255,.15);\n  border-radius: 13px;\n\n  background: rgba(255,255,255,.08);\n  color: var(--pkg-white);\n\n  cursor: pointer;\n\n  transform: translateY(-50%);\n\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.pkgallery-lightbox-prev {\n  left: 22px;\n}\n\n.pkgallery-lightbox-next {\n  right: 22px;\n}\n\n.pkgallery-lightbox-arrow svg {\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .pkgallery-heading {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .pkgallery-grid {\n    grid-template-columns: 1fr;\n    min-height: 0;\n  }\n\n  .pkgallery-item-main {\n    min-height: 610px;\n  }\n\n  .pkgallery-side {\n    min-height: 600px;\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pkgallery {\n    padding: 70px 0;\n  }\n\n  .pkgallery-container {\n    width: calc(100% - 30px);\n  }\n\n  .pkgallery-heading {\n    margin-bottom: 35px;\n  }\n\n  .pkgallery-kicker {\n    font-size: 9px;\n  }\n\n  .pkgallery h2 {\n    font-size: clamp(38px, 11.5vw, 50px);\n    line-height: 1.01;\n    letter-spacing: -1.8px;\n  }\n\n  .pkgallery-heading-text p {\n    font-size: 14px;\n  }\n\n  .pkgallery-grid {\n    gap: 9px;\n  }\n\n  .pkgallery-item-main {\n    min-height: 480px;\n\n    border-radius: 19px;\n  }\n\n  .pkgallery-caption {\n    right: 20px;\n    bottom: 22px;\n    left: 20px;\n  }\n\n  .pkgallery-caption strong {\n    font-size: 31px;\n  }\n\n  .pkgallery-caption em {\n    font-size: 9px;\n  }\n\n  .pkgallery-badge {\n    top: 14px;\n    left: 14px;\n  }\n\n  .pkgallery-side {\n    min-height: auto;\n\n    grid-template-columns: 1fr;\n    grid-template-rows: none;\n    gap: 9px;\n  }\n\n  .pkgallery-side .pkgallery-item {\n    min-height: 330px;\n  }\n\n  .pkgallery-small-caption {\n    right: 17px;\n    bottom: 17px;\n    left: 17px;\n  }\n\n  .pkgallery-small-caption strong {\n    font-size: 21px;\n  }\n\n  .pkgallery-zoom {\n    top: 13px;\n    right: 13px;\n\n    opacity: 1;\n    transform: none;\n  }\n\n  .pkgallery-bottom {\n    padding: 18px;\n\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .pkgallery-call {\n    width: 100%;\n    min-width: 0;\n\n    justify-content: center;\n  }\n\n  \/* LIGHTBOX MOBILE *\/\n\n  .pkgallery-lightbox {\n    padding: 66px 12px 14px;\n  }\n\n  .pkgallery-lightbox-content {\n    max-height: calc(100vh - 80px);\n\n    border-radius: 15px;\n  }\n\n  .pkgallery-lightbox-image {\n    height: calc(100vh - 170px);\n  }\n\n  .pkgallery-lightbox-close {\n    top: 11px;\n    right: 11px;\n\n    width: 43px;\n    height: 43px;\n  }\n\n  .pkgallery-lightbox-arrow {\n    top: auto;\n    bottom: 25px;\n\n    width: 45px;\n    height: 45px;\n\n    background: rgba(16,18,22,.88);\n\n    transform: none;\n  }\n\n  .pkgallery-lightbox-prev {\n    left: 25px;\n  }\n\n  .pkgallery-lightbox-next {\n    right: 25px;\n  }\n\n  .pkgallery-lightbox-caption {\n    min-height: 70px;\n    padding: 12px 75px;\n  }\n\n  .pkgallery-lightbox-caption strong {\n    font-size: 12px;\n  }\n\n  .pkgallery-lightbox-counter {\n    display: none;\n  }\n}\n\n@media (max-width: 380px) {\n\n  .pkgallery-container {\n    width: calc(100% - 24px);\n  }\n\n  .pkgallery-item-main {\n    min-height: 440px;\n  }\n\n  .pkgallery-side .pkgallery-item {\n    min-height: 290px;\n  }\n}\n\n\/* =========================================================\n   MNIEJ ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pkgallery-item img,\n  .pkgallery-zoom,\n  .pkgallery-call,\n  .pkgallery-lightbox,\n  .pkgallery-lightbox-content {\n    transition: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n\n  function initPkGallery() {\n\n    const gallery = document.querySelector(\"[data-pk-gallery]\");\n\n    if (!gallery || gallery.dataset.ready === \"true\") {\n      return;\n    }\n\n    gallery.dataset.ready = \"true\";\n\n    const images = [\n      {\n        src: \"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-7.jpeg\",\n        alt: \"Autolaweta pomocy drogowej Pawe\u0142 Kaczmarek\",\n        title: \"Profesjonalna autolaweta\"\n      },\n      {\n        src: \"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-2.jpeg\",\n        alt: \"Transport samochodu SUV autolawet\u0105\",\n        title: \"Transport samochodu SUV\"\n      },\n      {\n        src: \"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44-9.jpeg\",\n        alt: \"Transport uszkodzonego samochodu po zdarzeniu drogowym\",\n        title: \"Transport uszkodzonego pojazdu\"\n      },\n      {\n        src: \"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-05-at-19.44.44.jpeg\",\n        alt: \"Samoch\u00f3d przewo\u017cony na autolawecie\",\n        title: \"Bezpieczny transport samochodu\"\n      },\n      {\n        src: \"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-07-at-18.01.42.jpeg\",\n        alt: \"Transport przyczepy kempingowej autolawet\u0105\",\n        title: \"Transport przyczepy kempingowej\"\n      }\n    ];\n\n    const items = gallery.querySelectorAll(\"[data-gallery-index]\");\n    const lightbox = gallery.querySelector(\".pkgallery-lightbox\");\n    const lightboxImage = gallery.querySelector(\".pkgallery-lightbox-image\");\n    const lightboxTitle = gallery.querySelector(\n      \".pkgallery-lightbox-caption strong\"\n    );\n    const counter = gallery.querySelector(\n      \".pkgallery-lightbox-counter\"\n    );\n    const closeButton = gallery.querySelector(\n      \".pkgallery-lightbox-close\"\n    );\n    const previousButton = gallery.querySelector(\n      \".pkgallery-lightbox-prev\"\n    );\n    const nextButton = gallery.querySelector(\n      \".pkgallery-lightbox-next\"\n    );\n\n    let currentIndex = 0;\n    let lastFocusedElement = null;\n\n    function updateLightbox(index) {\n\n      currentIndex = (index + images.length) % images.length;\n\n      const image = images[currentIndex];\n\n      lightboxImage.src = image.src;\n      lightboxImage.alt = image.alt;\n      lightboxTitle.textContent = image.title;\n      counter.textContent =\n        String(currentIndex + 1).padStart(2, \"0\") +\n        \" \/ \" +\n        String(images.length).padStart(2, \"0\");\n    }\n\n    function openLightbox(index) {\n\n      lastFocusedElement = document.activeElement;\n\n      updateLightbox(index);\n\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n\n      document.body.style.overflow = \"hidden\";\n\n      closeButton.focus();\n    }\n\n    function closeLightbox() {\n\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n      document.body.style.overflow = \"\";\n\n      lightboxImage.src = \"\";\n\n      if (lastFocusedElement) {\n        lastFocusedElement.focus();\n      }\n    }\n\n    function previousImage() {\n      updateLightbox(currentIndex - 1);\n    }\n\n    function nextImage() {\n      updateLightbox(currentIndex + 1);\n    }\n\n    items.forEach(function (item) {\n\n      item.addEventListener(\"click\", function () {\n\n        const index = Number(\n          item.getAttribute(\"data-gallery-index\")\n        );\n\n        openLightbox(index);\n      });\n\n    });\n\n    closeButton.addEventListener(\"click\", closeLightbox);\n    previousButton.addEventListener(\"click\", previousImage);\n    nextButton.addEventListener(\"click\", nextImage);\n\n    lightbox.addEventListener(\"click\", function (event) {\n\n      if (event.target === lightbox) {\n        closeLightbox();\n      }\n\n    });\n\n    document.addEventListener(\"keydown\", function (event) {\n\n      if (!lightbox.classList.contains(\"is-open\")) {\n        return;\n      }\n\n      if (event.key === \"Escape\") {\n        closeLightbox();\n      }\n\n      if (event.key === \"ArrowLeft\") {\n        previousImage();\n      }\n\n      if (event.key === \"ArrowRight\") {\n        nextImage();\n      }\n\n    });\n\n    let touchStartX = 0;\n\n    lightbox.addEventListener(\n      \"touchstart\",\n      function (event) {\n        touchStartX = event.changedTouches[0].screenX;\n      },\n      {\n        passive: true\n      }\n    );\n\n    lightbox.addEventListener(\n      \"touchend\",\n      function (event) {\n\n        const touchEndX =\n          event.changedTouches[0].screenX;\n\n        const difference =\n          touchEndX - touchStartX;\n\n        if (Math.abs(difference) < 50) {\n          return;\n        }\n\n        if (difference > 0) {\n          previousImage();\n        } else {\n          nextImage();\n        }\n\n      },\n      {\n        passive: true\n      }\n    );\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initPkGallery\n    );\n  } else {\n    initPkGallery();\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-32779df e-con e-atomic-element e-flexbox-base e-940a79d \" data-id=\"32779df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"32779df\">\n    \t\t<div class=\"elementor-element elementor-element-df86324 elementor-widget elementor-widget-html\" data-id=\"df86324\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     FAQ \u2014 POMOC DROGOWA PAWE\u0141 KACZMAREK\n     ELEMENTOR + ASTRA + ONE PAGE\n========================================================= -->\n\n<section\n  class=\"pkfaq\"\n  id=\"faq\"\n  aria-labelledby=\"pkfaq-title\"\n  data-pkfaq\n>\n\n  <div class=\"pkfaq-container\">\n\n    <!-- =====================================================\n         NAG\u0141\u00d3WEK\n    ====================================================== -->\n\n    <div class=\"pkfaq-heading\">\n\n      <div class=\"pkfaq-heading-main\">\n\n        <div class=\"pkfaq-kicker\">\n          <span aria-hidden=\"true\"><\/span>\n          Najcz\u0119stsze pytania\n        <\/div>\n\n        <h2 id=\"pkfaq-title\">\n          Pomoc drogowa i autolaweta\n          <span>wszystko, co warto wiedzie\u0107<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"pkfaq-heading-text\">\n\n        <p>\n          Zebrali\u015bmy odpowiedzi na najcz\u0119stsze pytania dotycz\u0105ce pomocy\n          drogowej, holowania i transportu pojazd\u00f3w. W nag\u0142ej sytuacji\n          najlepiej od razu zadzwoni\u0107 i poda\u0107 swoj\u0105 lokalizacj\u0119.\n        <\/p>\n\n        <div class=\"pkfaq-heading-tags\">\n          <span>Pomoc 24\/7<\/span>\n          <span>\u017bnin i trasa S5<\/span>\n          <span>Dwa wojew\u00f3dztwa<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =====================================================\n         UK\u0141AD\n    ====================================================== -->\n\n    <div class=\"pkfaq-layout\">\n\n      <!-- LEWY PANEL -->\n\n      <aside class=\"pkfaq-contact\">\n\n        <div class=\"pkfaq-contact-bg\" aria-hidden=\"true\">\n          24\/7\n        <\/div>\n\n        <div class=\"pkfaq-contact-content\">\n\n          <div class=\"pkfaq-contact-status\">\n            <span aria-hidden=\"true\"><\/span>\n            Dost\u0119pni ca\u0142\u0105 dob\u0119\n          <\/div>\n\n          <h3>\n            Potrzebujesz pomocy\n            <span>na drodze?<\/span>\n          <\/h3>\n\n          <p>\n            Zadzwo\u0144, podaj swoj\u0105 lokalizacj\u0119, rodzaj pojazdu oraz kr\u00f3tko\n            opisz sytuacj\u0119. Na tej podstawie ustalimy dalsze dzia\u0142anie.\n          <\/p>\n\n          <a\n            class=\"pkfaq-call\"\n            href=\"tel:+48667300893\"\n            aria-label=\"Zadzwo\u0144 do pomocy drogowej pod numer 667 300 893\"\n          >\n\n            <span class=\"pkfaq-call-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Zadzwo\u0144 teraz<\/small>\n              <strong>667 300 893<\/strong>\n            <\/span>\n\n          <\/a>\n\n          <div class=\"pkfaq-contact-area\">\n\n            <div class=\"pkfaq-area-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n              <\/svg>\n            <\/div>\n\n            <div>\n              <small>G\u0142\u00f3wny obszar dzia\u0142ania<\/small>\n              <strong>\n                \u017bnin \u2022 trasa S5 \u2022 kujawsko-pomorskie \u2022 wielkopolskie\n              <\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/aside>\n\n      <!-- ===================================================\n           AKORDEON\n      ==================================================== -->\n\n      <div class=\"pkfaq-list\">\n\n        <!-- 1 -->\n\n        <article class=\"pkfaq-item is-open\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"true\"\n              aria-controls=\"pkfaq-answer-1\"\n            >\n              <span class=\"pkfaq-number\">01<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Czy pomoc drogowa jest dost\u0119pna przez ca\u0142\u0105 dob\u0119?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-1\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Tak. Pomoc drogowa i autolaweta s\u0105 dost\u0119pne przez ca\u0142\u0105\n                dob\u0119, 7 dni w tygodniu. W przypadku awarii, kolizji lub\n                innego problemu na drodze zadzwo\u0144 pod numer\n                <a href=\"tel:+48667300893\">667 300 893<\/a>.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 2 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-2\"\n            >\n              <span class=\"pkfaq-number\">02<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Na jakim obszarze \u015bwiadczona jest pomoc drogowa?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-2\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                G\u0142\u00f3wny obszar dzia\u0142ania obejmuje \u017bnin i okolice, tras\u0119 S5,\n                wojew\u00f3dztwo kujawsko-pomorskie oraz wielkopolskie.\n                Mo\u017cliwo\u015b\u0107 dojazdu do dalszej lokalizacji mo\u017cna ustali\u0107\n                telefonicznie.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 3 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-3\"\n            >\n              <span class=\"pkfaq-number\">03<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Jak zg\u0142osi\u0107 awari\u0119 lub potrzeb\u0119 transportu pojazdu?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-3\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Zadzwo\u0144 pod numer 667 300 893 i podaj dok\u0142adn\u0105 lokalizacj\u0119,\n                mark\u0119 oraz rodzaj pojazdu, a tak\u017ce kr\u00f3tko opisz problem.\n                Przydatna mo\u017ce by\u0107 r\u00f3wnie\u017c informacja, czy samoch\u00f3d ma\n                zablokowane ko\u0142a albo znajduje si\u0119 poza jezdni\u0105.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 4 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-4\"\n            >\n              <span class=\"pkfaq-number\">04<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Ile kosztuje holowanie lub transport autolawet\u0105?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-4\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Cena zale\u017cy mi\u0119dzy innymi od miejsca odbioru, odleg\u0142o\u015bci,\n                rodzaju pojazdu, jego stanu oraz sposobu za\u0142adunku.\n                Po przekazaniu podstawowych informacji telefonicznie\n                otrzymasz konkretne ustalenia dotycz\u0105ce realizacji.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 5 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-5\"\n            >\n              <span class=\"pkfaq-number\">05<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Jakie pojazdy mo\u017cna przewie\u017a\u0107 autolawet\u0105?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-5\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Transportowane s\u0105 mi\u0119dzy innymi samochody osobowe,\n                samochody dostawcze i pojazdy uszkodzone. Mo\u017cliwy jest\n                r\u00f3wnie\u017c przew\u00f3z wybranych przyczep oraz innych pojazd\u00f3w,\n                po wcze\u015bniejszym potwierdzeniu ich wymiar\u00f3w, masy\n                i mo\u017cliwo\u015bci bezpiecznego za\u0142adunku.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 6 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-6\"\n            >\n              <span class=\"pkfaq-number\">06<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Czy mo\u017cna zam\u00f3wi\u0107 transport auta po kolizji lub wypadku?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-6\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Tak. Uszkodzony lub niesprawny pojazd mo\u017ce zosta\u0107 odebrany\n                z miejsca zdarzenia i przewieziony do warsztatu, na parking\n                lub pod inny wskazany adres.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 7 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-7\"\n            >\n              <span class=\"pkfaq-number\">07<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Czy ka\u017cda awaria wymaga holowania samochodu?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-7\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Nie zawsze. W zale\u017cno\u015bci od sytuacji mo\u017cliwa jest pomoc\n                przy roz\u0142adowanym akumulatorze, dow\u00f3z paliwa albo wsparcie\n                przy wymianie ko\u0142a. Je\u017celi pojazdu nie mo\u017cna bezpiecznie\n                uruchomi\u0107, zostanie zaproponowany transport autolawet\u0105.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 8 -->\n\n        <article class=\"pkfaq-item\">\n\n          <h3>\n            <button\n              class=\"pkfaq-question\"\n              type=\"button\"\n              aria-expanded=\"false\"\n              aria-controls=\"pkfaq-answer-8\"\n            >\n              <span class=\"pkfaq-number\">08<\/span>\n\n              <span class=\"pkfaq-question-text\">\n                Dok\u0105d mo\u017cna przetransportowa\u0107 samoch\u00f3d?\n              <\/span>\n\n              <span class=\"pkfaq-toggle-icon\" aria-hidden=\"true\">\n                <i><\/i>\n                <i><\/i>\n              <\/span>\n            <\/button>\n          <\/h3>\n\n          <div\n            class=\"pkfaq-answer\"\n            id=\"pkfaq-answer-8\"\n            role=\"region\"\n          >\n            <div class=\"pkfaq-answer-inner\">\n              <p>\n                Pojazd mo\u017ce zosta\u0107 przewieziony do wybranego warsztatu,\n                na parking, pod adres zamieszkania albo do innego miejsca\n                ustalonego podczas rozmowy telefonicznej.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =====================================================\n         DOLNE CTA\n    ====================================================== -->\n\n    <div class=\"pkfaq-bottom\">\n\n      <div class=\"pkfaq-bottom-content\">\n\n        <div class=\"pkfaq-bottom-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n          <\/svg>\n        <\/div>\n\n        <div>\n          <small>Nie znalaz\u0142e\u015b odpowiedzi?<\/small>\n          <strong>\n            Zadzwo\u0144 i opisz swoj\u0105 sytuacj\u0119 \u2014 ustalimy najlepsze rozwi\u0105zanie.\n          <\/strong>\n        <\/div>\n\n      <\/div>\n\n      <a class=\"pkfaq-bottom-button\" href=\"#kontakt\">\n        <span>Przejd\u017a do kontaktu<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"m8.5 5 7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   USTAWIENIA G\u0141\u00d3WNE\n========================================================= *\/\n\n.pkfaq,\n.pkfaq *,\n.pkfaq *::before,\n.pkfaq *::after {\n  box-sizing: border-box;\n}\n\n.pkfaq {\n  --pkfaq-bg: #f6f6f5;\n  --pkfaq-white: #ffffff;\n  --pkfaq-dark: #101216;\n  --pkfaq-dark-soft: #191c21;\n  --pkfaq-text: #22252a;\n  --pkfaq-muted: #6d7279;\n  --pkfaq-line: rgba(16,18,22,.10);\n  --pkfaq-yellow: #f5b800;\n  --pkfaq-yellow-light: #ffc928;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  padding: clamp(80px, 8vw, 125px) 0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 5% 8%,\n      rgba(245,184,0,.09),\n      transparent 27%\n    ),\n    var(--pkfaq-bg);\n\n  color: var(--pkfaq-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n.pkfaq-container {\n  width: min(calc(100% - 40px), 1420px);\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   NAG\u0141\u00d3WEK\n========================================================= *\/\n\n.pkfaq-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(370px, .95fr);\n\n  align-items: end;\n  gap: clamp(40px, 8vw, 120px);\n\n  margin-bottom: clamp(42px, 5vw, 68px);\n}\n\n.pkfaq-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 18px;\n\n  color: #5d6269;\n\n  font-size: 11px;\n  font-weight: 850;\n  letter-spacing: 1.25px;\n  text-transform: uppercase;\n}\n\n.pkfaq-kicker span {\n  width: 35px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: var(--pkfaq-yellow);\n}\n\n.pkfaq h2 {\n  margin: 0;\n\n  color: var(--pkfaq-dark);\n\n  font-size: clamp(43px, 5vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2.8px;\n\n  text-wrap: balance;\n}\n\n.pkfaq h2 span {\n  display: block;\n\n  margin-top: 8px;\n\n  color: var(--pkfaq-yellow);\n}\n\n.pkfaq-heading-text p {\n  max-width: 620px;\n  margin: 0;\n\n  color: var(--pkfaq-muted);\n\n  font-size: clamp(15px, 1.25vw, 18px);\n  line-height: 1.72;\n}\n\n.pkfaq-heading-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  margin-top: 20px;\n}\n\n.pkfaq-heading-tags span {\n  padding: 8px 11px;\n\n  border: 1px solid var(--pkfaq-line);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.68);\n  color: var(--pkfaq-dark);\n\n  font-size: 9px;\n  font-weight: 850;\n  letter-spacing: .55px;\n  text-transform: uppercase;\n}\n\n\/* =========================================================\n   UK\u0141AD\n========================================================= *\/\n\n.pkfaq-layout {\n  display: grid;\n  grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);\n  align-items: start;\n  gap: 18px;\n}\n\n\/* =========================================================\n   LEWY PANEL\n========================================================= *\/\n\n.pkfaq-contact {\n  position: sticky;\n  top: 115px;\n\n  min-height: 535px;\n  padding: clamp(28px, 4vw, 48px);\n\n  display: flex;\n  align-items: flex-end;\n\n  overflow: hidden;\n\n  border-radius: 24px;\n\n  background:\n    radial-gradient(\n      circle at 84% 14%,\n      rgba(245,184,0,.19),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #101216,\n      #191c21\n    );\n\n  color: var(--pkfaq-white);\n\n  box-shadow: 0 24px 58px rgba(16,18,22,.14);\n}\n\n.pkfaq-contact::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 6px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      var(--pkfaq-yellow) 25%,\n      var(--pkfaq-yellow) 75%,\n      transparent\n    );\n}\n\n.pkfaq-contact-bg {\n  position: absolute;\n  top: 22px;\n  right: 26px;\n\n  color: rgba(245,184,0,.11);\n\n  font-size: clamp(90px, 11vw, 155px);\n  font-weight: 950;\n  line-height: 1;\n  letter-spacing: -7px;\n}\n\n.pkfaq-contact-content {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n}\n\n.pkfaq-contact-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 17px;\n\n  color: rgba(255,255,255,.62);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .9px;\n  text-transform: uppercase;\n}\n\n.pkfaq-contact-status span {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--pkfaq-yellow);\n\n  box-shadow: 0 0 0 5px rgba(245,184,0,.13);\n}\n\n.pkfaq-contact h3 {\n  margin: 0;\n\n  color: var(--pkfaq-white);\n\n  font-size: clamp(32px, 3.5vw, 50px);\n  font-weight: 900;\n  line-height: 1.03;\n  letter-spacing: -1.7px;\n}\n\n.pkfaq-contact h3 span {\n  display: block;\n\n  margin-top: 6px;\n\n  color: var(--pkfaq-yellow);\n}\n\n.pkfaq-contact p {\n  margin: 19px 0 0;\n\n  color: rgba(255,255,255,.61);\n\n  font-size: 14px;\n  line-height: 1.68;\n}\n\n\/* TELEFON *\/\n\n.pkfaq-call {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  width: 100%;\n  margin-top: 27px;\n  padding: 12px 17px 12px 12px;\n\n  border-radius: 14px;\n\n  background: var(--pkfaq-yellow);\n  color: var(--pkfaq-dark) !important;\n\n  text-decoration: none !important;\n\n  box-shadow: 0 15px 36px rgba(245,184,0,.22);\n\n  transition:\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.pkfaq-call:hover {\n  background: var(--pkfaq-yellow-light);\n  color: var(--pkfaq-dark) !important;\n\n  transform: translateY(-2px);\n\n  box-shadow: 0 19px 42px rgba(245,184,0,.31);\n}\n\n.pkfaq-call-icon {\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 11px;\n\n  background: rgba(16,18,22,.10);\n}\n\n.pkfaq-call-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: currentColor;\n}\n\n.pkfaq-call > span:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkfaq-call small {\n  color: rgba(16,18,22,.63);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkfaq-call strong {\n  color: var(--pkfaq-dark);\n\n  font-size: 20px;\n  font-weight: 950;\n}\n\n\/* OBSZAR *\/\n\n.pkfaq-contact-area {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  margin-top: 13px;\n  padding: 14px;\n\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 13px;\n\n  background: rgba(255,255,255,.045);\n}\n\n.pkfaq-area-icon {\n  width: 39px;\n  height: 39px;\n  flex: 0 0 39px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background: rgba(245,184,0,.12);\n  color: var(--pkfaq-yellow);\n}\n\n.pkfaq-area-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkfaq-contact-area > div:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkfaq-contact-area small {\n  color: rgba(255,255,255,.43);\n\n  font-size: 8px;\n  font-weight: 850;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkfaq-contact-area strong {\n  color: rgba(255,255,255,.82);\n\n  font-size: 11px;\n  font-weight: 750;\n  line-height: 1.45;\n}\n\n\/* =========================================================\n   AKORDEON\n========================================================= *\/\n\n.pkfaq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.pkfaq-item {\n  overflow: hidden;\n\n  border: 1px solid var(--pkfaq-line);\n  border-radius: 17px;\n\n  background: rgba(255,255,255,.78);\n\n  box-shadow: 0 10px 28px rgba(16,18,22,.04);\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease,\n    transform .25s ease;\n}\n\n.pkfaq-item:hover {\n  border-color: rgba(245,184,0,.32);\n}\n\n.pkfaq-item.is-open {\n  border-color: rgba(245,184,0,.48);\n\n  background: var(--pkfaq-white);\n\n  box-shadow: 0 17px 38px rgba(16,18,22,.08);\n}\n\n.pkfaq-item h3 {\n  margin: 0;\n}\n\n.pkfaq-question {\n  width: 100%;\n  min-height: 83px;\n  padding: 18px 20px;\n\n  display: grid;\n  grid-template-columns: 45px 1fr 38px;\n  align-items: center;\n  gap: 13px;\n\n  border: 0;\n  outline: 0;\n\n  background: transparent;\n  color: var(--pkfaq-dark);\n\n  text-align: left;\n\n  cursor: pointer;\n\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.pkfaq-question:focus-visible {\n  outline: 3px solid var(--pkfaq-yellow);\n  outline-offset: -3px;\n}\n\n.pkfaq-number {\n  width: 39px;\n  height: 39px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 11px;\n\n  background: rgba(245,184,0,.12);\n  color: #b77f00;\n\n  font-size: 10px;\n  font-weight: 950;\n  letter-spacing: .6px;\n\n  transition:\n    background .25s ease,\n    color .25s ease;\n}\n\n.pkfaq-item.is-open .pkfaq-number {\n  background: var(--pkfaq-yellow);\n  color: var(--pkfaq-dark);\n}\n\n.pkfaq-question-text {\n  color: var(--pkfaq-dark);\n\n  font-size: clamp(15px, 1.3vw, 18px);\n  font-weight: 850;\n  line-height: 1.4;\n  letter-spacing: -.25px;\n}\n\n.pkfaq-toggle-icon {\n  position: relative;\n\n  width: 36px;\n  height: 36px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid rgba(16,18,22,.10);\n  border-radius: 10px;\n\n  background: rgba(16,18,22,.035);\n}\n\n.pkfaq-toggle-icon i {\n  position: absolute;\n\n  width: 16px;\n  height: 2px;\n\n  border-radius: 999px;\n\n  background: var(--pkfaq-dark);\n\n  transition:\n    transform .25s ease,\n    opacity .25s ease;\n}\n\n.pkfaq-toggle-icon i:last-child {\n  transform: rotate(90deg);\n}\n\n.pkfaq-item.is-open .pkfaq-toggle-icon i:last-child {\n  opacity: 0;\n  transform: rotate(0);\n}\n\n\/* ODPOWIED\u0179 *\/\n\n.pkfaq-answer {\n  height: 0;\n\n  overflow: hidden;\n\n  transition: height .32s ease;\n}\n\n.pkfaq-answer-inner {\n  padding:\n    0\n    71px\n    23px\n    78px;\n}\n\n.pkfaq-answer p {\n  margin: 0;\n\n  color: var(--pkfaq-muted);\n\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n.pkfaq-answer a {\n  color: #a67300 !important;\n\n  font-weight: 850;\n  text-decoration: none !important;\n}\n\n\/* =========================================================\n   DOLNE CTA\n========================================================= *\/\n\n.pkfaq-bottom {\n  margin-top: 17px;\n  padding: 20px 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n\n  border-radius: 18px;\n\n  background: var(--pkfaq-dark);\n  color: var(--pkfaq-white);\n\n  box-shadow: 0 17px 42px rgba(16,18,22,.12);\n}\n\n.pkfaq-bottom-content {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.pkfaq-bottom-icon {\n  width: 47px;\n  height: 47px;\n  flex: 0 0 47px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 13px;\n\n  background: rgba(245,184,0,.13);\n  color: var(--pkfaq-yellow);\n}\n\n.pkfaq-bottom-icon svg {\n  width: 24px;\n  height: 24px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkfaq-bottom-content > div:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.pkfaq-bottom-content small {\n  color: rgba(255,255,255,.46);\n\n  font-size: 9px;\n  font-weight: 850;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkfaq-bottom-content strong {\n  color: var(--pkfaq-white);\n\n  font-size: clamp(14px, 1.5vw, 19px);\n  font-weight: 850;\n  line-height: 1.35;\n}\n\n.pkfaq-bottom-button {\n  min-height: 52px;\n  padding: 0 18px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  flex: 0 0 auto;\n\n  border-radius: 12px;\n\n  background: var(--pkfaq-yellow);\n  color: var(--pkfaq-dark) !important;\n\n  font-size: 13px;\n  font-weight: 850;\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.pkfaq-bottom-button:hover {\n  background: var(--pkfaq-yellow-light);\n  color: var(--pkfaq-dark) !important;\n\n  transform: translateY(-2px);\n}\n\n.pkfaq-bottom-button svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .pkfaq-heading {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .pkfaq-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .pkfaq-contact {\n    position: relative;\n    top: auto;\n\n    min-height: 470px;\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pkfaq {\n    padding: 70px 0;\n  }\n\n  .pkfaq-container {\n    width: calc(100% - 30px);\n  }\n\n  .pkfaq-heading {\n    margin-bottom: 35px;\n  }\n\n  .pkfaq-kicker {\n    font-size: 9px;\n  }\n\n  .pkfaq h2 {\n    font-size: clamp(38px, 11.5vw, 50px);\n    line-height: 1.01;\n    letter-spacing: -1.8px;\n  }\n\n  .pkfaq-heading-text p {\n    font-size: 14px;\n  }\n\n  .pkfaq-contact {\n    min-height: 490px;\n    padding: 25px 20px;\n\n    border-radius: 19px;\n  }\n\n  .pkfaq-contact-bg {\n    top: 19px;\n    right: 20px;\n\n    font-size: 85px;\n  }\n\n  .pkfaq-contact h3 {\n    font-size: 34px;\n  }\n\n  .pkfaq-contact p {\n    font-size: 13px;\n  }\n\n  .pkfaq-question {\n    min-height: 76px;\n    padding: 15px;\n\n    grid-template-columns: 38px 1fr 34px;\n    gap: 10px;\n  }\n\n  .pkfaq-number {\n    width: 35px;\n    height: 35px;\n  }\n\n  .pkfaq-question-text {\n    font-size: 14px;\n  }\n\n  .pkfaq-toggle-icon {\n    width: 33px;\n    height: 33px;\n  }\n\n  .pkfaq-answer-inner {\n    padding:\n      0\n      17px\n      20px\n      63px;\n  }\n\n  .pkfaq-answer p {\n    font-size: 12.5px;\n    line-height: 1.68;\n  }\n\n  .pkfaq-bottom {\n    padding: 18px;\n\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .pkfaq-bottom-button {\n    width: 100%;\n  }\n}\n\n@media (max-width: 380px) {\n\n  .pkfaq-container {\n    width: calc(100% - 24px);\n  }\n\n  .pkfaq-question {\n    grid-template-columns: 34px 1fr 31px;\n    padding: 13px 11px;\n  }\n\n  .pkfaq-number {\n    width: 32px;\n    height: 32px;\n  }\n\n  .pkfaq-toggle-icon {\n    width: 30px;\n    height: 30px;\n  }\n\n  .pkfaq-answer-inner {\n    padding-left: 56px;\n    padding-right: 12px;\n  }\n}\n\n\/* =========================================================\n   MNIEJ ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pkfaq-answer,\n  .pkfaq-item,\n  .pkfaq-number,\n  .pkfaq-toggle-icon i,\n  .pkfaq-call,\n  .pkfaq-bottom-button {\n    transition: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n\n  function initPkFaq() {\n\n    const faq = document.querySelector(\"[data-pkfaq]\");\n\n    if (!faq || faq.dataset.ready === \"true\") {\n      return;\n    }\n\n    faq.dataset.ready = \"true\";\n\n    const items = faq.querySelectorAll(\".pkfaq-item\");\n\n    function openItem(item) {\n\n      const button = item.querySelector(\".pkfaq-question\");\n      const answer = item.querySelector(\".pkfaq-answer\");\n\n      item.classList.add(\"is-open\");\n      button.setAttribute(\"aria-expanded\", \"true\");\n\n      answer.style.height =\n        answer.scrollHeight + \"px\";\n    }\n\n    function closeItem(item) {\n\n      const button = item.querySelector(\".pkfaq-question\");\n      const answer = item.querySelector(\".pkfaq-answer\");\n\n      answer.style.height =\n        answer.scrollHeight + \"px\";\n\n      requestAnimationFrame(function () {\n        answer.style.height = \"0px\";\n      });\n\n      item.classList.remove(\"is-open\");\n      button.setAttribute(\"aria-expanded\", \"false\");\n    }\n\n    items.forEach(function (item) {\n\n      const button = item.querySelector(\".pkfaq-question\");\n      const answer = item.querySelector(\".pkfaq-answer\");\n\n      if (item.classList.contains(\"is-open\")) {\n        answer.style.height =\n          answer.scrollHeight + \"px\";\n      } else {\n        answer.style.height = \"0px\";\n      }\n\n      button.addEventListener(\"click\", function () {\n\n        const isOpen =\n          item.classList.contains(\"is-open\");\n\n        items.forEach(function (otherItem) {\n\n          if (\n            otherItem !== item &&\n            otherItem.classList.contains(\"is-open\")\n          ) {\n            closeItem(otherItem);\n          }\n\n        });\n\n        if (isOpen) {\n          closeItem(item);\n        } else {\n          openItem(item);\n        }\n\n      });\n\n    });\n\n    window.addEventListener(\"resize\", function () {\n\n      const openItemElement =\n        faq.querySelector(\".pkfaq-item.is-open\");\n\n      if (!openItemElement) return;\n\n      const openAnswer =\n        openItemElement.querySelector(\".pkfaq-answer\");\n\n      openAnswer.style.height =\n        openAnswer.scrollHeight + \"px\";\n\n    });\n\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initPkFaq\n    );\n  } else {\n    initPkFaq();\n  }\n\n})();\n<\/script>\n\n<!-- =========================================================\n     DANE STRUKTURALNE FAQ DLA GOOGLE\n========================================================= -->\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Czy pomoc drogowa jest dost\u0119pna przez ca\u0142\u0105 dob\u0119?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Tak. Pomoc drogowa i autolaweta s\u0105 dost\u0119pne przez ca\u0142\u0105 dob\u0119, 7 dni w tygodniu.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Na jakim obszarze \u015bwiadczona jest pomoc drogowa?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"G\u0142\u00f3wny obszar dzia\u0142ania obejmuje \u017bnin i okolice, tras\u0119 S5, wojew\u00f3dztwo kujawsko-pomorskie oraz wielkopolskie.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Jak zg\u0142osi\u0107 awari\u0119 lub potrzeb\u0119 transportu pojazdu?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Nale\u017cy zadzwoni\u0107 pod numer 667 300 893 i poda\u0107 lokalizacj\u0119, rodzaj pojazdu oraz kr\u00f3tko opisa\u0107 problem.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Ile kosztuje holowanie lub transport autolawet\u0105?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Cena zale\u017cy od miejsca odbioru, odleg\u0142o\u015bci, rodzaju pojazdu, jego stanu oraz sposobu za\u0142adunku.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Jakie pojazdy mo\u017cna przewie\u017a\u0107 autolawet\u0105?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Transportowane s\u0105 samochody osobowe, samochody dostawcze, pojazdy uszkodzone oraz wybrane przyczepy po wcze\u015bniejszym potwierdzeniu mo\u017cliwo\u015bci za\u0142adunku.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Czy mo\u017cna zam\u00f3wi\u0107 transport auta po kolizji lub wypadku?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Tak. Uszkodzony pojazd mo\u017ce zosta\u0107 odebrany z miejsca zdarzenia i przetransportowany do warsztatu, na parking lub pod wskazany adres.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Czy ka\u017cda awaria wymaga holowania samochodu?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Nie zawsze. Mo\u017cliwa jest pomoc przy roz\u0142adowanym akumulatorze, dow\u00f3z paliwa oraz pomoc przy wymianie ko\u0142a.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Dok\u0105d mo\u017cna przetransportowa\u0107 samoch\u00f3d?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Pojazd mo\u017ce zosta\u0107 przewieziony do warsztatu, na parking, pod adres zamieszkania albo do innego ustalonego miejsca.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a0564e8 e-con e-atomic-element e-flexbox-base e-39693cc \" data-id=\"a0564e8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a0564e8\">\n    \t\t<div class=\"elementor-element elementor-element-fb56713 elementor-widget elementor-widget-html\" data-id=\"fb56713\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     KONTAKT \u2014 POMOC DROGOWA PAWE\u0141 KACZMAREK\n     JEDEN KOMPLETNY KONTENER + CONTACT FORM 7\n========================================================= -->\n\n<section\n  class=\"pkcontact\"\n  id=\"kontakt\"\n  aria-labelledby=\"pkcontact-title\"\n>\n\n  <div class=\"pkcontact-container\">\n\n    <!-- NAG\u0141\u00d3WEK SEKCJI -->\n\n    <div class=\"pkcontact-heading\">\n\n      <div class=\"pkcontact-kicker\">\n        <span aria-hidden=\"true\"><\/span>\n        Kontakt z pomoc\u0105 drogow\u0105\n      <\/div>\n\n      <h2 id=\"pkcontact-title\">\n        Potrzebujesz pomocy?\n        <span>Skontaktuj si\u0119 z nami<\/span>\n      <\/h2>\n\n      <p>\n        W pilnej sytuacji najlepiej od razu zadzwoni\u0107. W pozosta\u0142ych\n        sprawach mo\u017cesz wys\u0142a\u0107 wiadomo\u015b\u0107 przez formularz kontaktowy.\n      <\/p>\n\n    <\/div>\n\n    <!-- G\u0141\u00d3WNY UK\u0141AD -->\n\n    <div class=\"pkcontact-layout\">\n\n      <!-- LEWA STRONA -->\n\n      <div class=\"pkcontact-info\">\n\n        <div class=\"pkcontact-watermark\" aria-hidden=\"true\">\n          24\/7\n        <\/div>\n\n        <div class=\"pkcontact-info-content\">\n\n          <div class=\"pkcontact-status\">\n            <span aria-hidden=\"true\"><\/span>\n            Pomoc drogowa dost\u0119pna ca\u0142\u0105 dob\u0119\n          <\/div>\n\n          <h3>\n            Zadzwo\u0144 i podaj\n            <span>swoj\u0105 lokalizacj\u0119<\/span>\n          <\/h3>\n\n          <p class=\"pkcontact-description\">\n            Podczas rozmowy podaj miejsce postoju, rodzaj pojazdu oraz\n            kr\u00f3tko opisz sytuacj\u0119. Pozwoli to szybciej ustali\u0107 spos\u00f3b\n            pomocy i mo\u017cliwo\u015b\u0107 dojazdu.\n          <\/p>\n\n          <!-- TELEFON -->\n\n          <a\n            class=\"pkcontact-phone\"\n            href=\"tel:+48667300893\"\n            aria-label=\"Zadzwo\u0144 pod numer 667 300 893\"\n          >\n\n            <span class=\"pkcontact-phone-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M6.62 10.79a15.54 15.54 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z\"\/>\n              <\/svg>\n            <\/span>\n\n            <span class=\"pkcontact-phone-text\">\n              <small>Zadzwo\u0144 teraz<\/small>\n              <strong>667 300 893<\/strong>\n            <\/span>\n\n            <span class=\"pkcontact-phone-arrow\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"m8.5 5 7 7-7 7\"\/>\n              <\/svg>\n            <\/span>\n\n          <\/a>\n\n          <!-- E-MAIL -->\n\n          <a\n            class=\"pkcontact-detail\"\n            href=\"mailto:buddach21@gmail.com\"\n          >\n\n            <span class=\"pkcontact-detail-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                <path d=\"m4 7 8 6 8-6\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Adres e-mail<\/small>\n              <strong>buddach21@gmail.com<\/strong>\n            <\/span>\n\n          <\/a>\n\n          <!-- OBSZAR -->\n\n          <div class=\"pkcontact-detail\">\n\n            <span class=\"pkcontact-detail-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n              <\/svg>\n            <\/span>\n\n            <span>\n              <small>Obszar dzia\u0142ania<\/small>\n              <strong>\n                \u017bnin, trasa S5, kujawsko-pomorskie i wielkopolskie\n              <\/strong>\n            <\/span>\n\n          <\/div>\n\n          <!-- INFORMACJE -->\n\n          <div class=\"pkcontact-steps\">\n\n            <div class=\"pkcontact-step\">\n              <span>01<\/span>\n\n              <div>\n                <strong>Podaj lokalizacj\u0119<\/strong>\n                <small>Miejscowo\u015b\u0107, droga lub pinezka z mapy.<\/small>\n              <\/div>\n            <\/div>\n\n            <div class=\"pkcontact-step\">\n              <span>02<\/span>\n\n              <div>\n                <strong>Opisz sytuacj\u0119<\/strong>\n                <small>Awaria, kolizja lub potrzeba transportu.<\/small>\n              <\/div>\n            <\/div>\n\n            <div class=\"pkcontact-step\">\n              <span>03<\/span>\n\n              <div>\n                <strong>Podaj rodzaj pojazdu<\/strong>\n                <small>Marka, model i stan samochodu.<\/small>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- PRAWA STRONA \u2014 FORMULARZ -->\n\n      <div class=\"pkcontact-form-card\">\n\n        <div class=\"pkcontact-form-header\">\n\n          <div class=\"pkcontact-form-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 4h16v13H8l-4 3Z\"\/>\n              <path d=\"M8 9h8M8 13h5\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <small>Formularz kontaktowy<\/small>\n            <h3>Wy\u015blij wiadomo\u015b\u0107<\/h3>\n          <\/div>\n\n        <\/div>\n\n        <p class=\"pkcontact-form-intro\">\n          Napisz, jakiej pomocy potrzebujesz. Odpowiemy najszybciej,\n          jak b\u0119dzie to mo\u017cliwe.\n        <\/p>\n\n        <div class=\"pkcontact-form-wrapper\">\n\n          \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f17-o1\" lang=\"pl-PL\" dir=\"ltr\" data-wpcf7-id=\"17\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/7#wpcf7-f17-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formularz kontaktowy\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"17\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pl_PL\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f17-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Twoje imi\u0119 i nazwisko<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tw\u00f3j adres e-mail<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Temat<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Twoja wiadomo\u015bci (opcjonalne)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Wy\u015blij\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n        <\/div>\n\n        <div class=\"pkcontact-form-note\">\n\n          <span aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3 5 6v5c0 4.8 3 8.2 7 10 4-1.8 7-5.2 7-10V6Z\"\/>\n              <path d=\"m9 12 2 2 4-4\"\/>\n            <\/svg>\n          <\/span>\n\n          <p>\n            Dane przes\u0142ane przez formularz zostan\u0105 wykorzystane wy\u0142\u0105cznie\n            do udzielenia odpowiedzi i obs\u0142ugi zg\u0142oszenia.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- DOLNY PASEK -->\n\n    <div class=\"pkcontact-bottom\">\n\n      <div class=\"pkcontact-bottom-item\">\n\n        <span class=\"pkcontact-bottom-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\"\/>\n            <path d=\"M12 7.5V12l3 2\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          <small>Dost\u0119pno\u015b\u0107<\/small>\n          <strong>24 godziny na dob\u0119<\/strong>\n        <\/span>\n\n      <\/div>\n\n      <div class=\"pkcontact-bottom-item\">\n\n        <span class=\"pkcontact-bottom-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 21s6-5.35 6-11a6 6 0 1 0-12 0c0 5.65 6 11 6 11Z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          <small>Dojazd<\/small>\n          <strong>Do wskazanej lokalizacji<\/strong>\n        <\/span>\n\n      <\/div>\n\n      <div class=\"pkcontact-bottom-item\">\n\n        <span class=\"pkcontact-bottom-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M3.5 15.5h17\"\/>\n            <path d=\"M5 15.5V10l2-3h7.5l3 3 1.5 5.5\"\/>\n            <circle cx=\"7\" cy=\"17.5\" r=\"1.5\"\/>\n            <circle cx=\"17\" cy=\"17.5\" r=\"1.5\"\/>\n          <\/svg>\n        <\/span>\n\n        <span>\n          <small>Us\u0142uga<\/small>\n          <strong>Pomoc drogowa i transport<\/strong>\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   KONTAKT \u2014 USTAWIENIA G\u0141\u00d3WNE\n========================================================= *\/\n\n.pkcontact,\n.pkcontact *,\n.pkcontact *::before,\n.pkcontact *::after {\n  box-sizing: border-box;\n}\n\n.pkcontact {\n  --pkc-yellow: #f5b800;\n  --pkc-yellow-light: #ffc928;\n  --pkc-dark: #101216;\n  --pkc-dark-soft: #191c21;\n  --pkc-dark-card: #20242a;\n  --pkc-white: #ffffff;\n  --pkc-bg: #f6f6f5;\n  --pkc-text: #22252a;\n  --pkc-muted: #6d7279;\n  --pkc-line: rgba(16,18,22,.11);\n  --pkc-error: #c93434;\n  --pkc-success: #24834d;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  padding: clamp(80px, 8vw, 125px) 0;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 93% 8%,\n      rgba(245,184,0,.11),\n      transparent 28%\n    ),\n    var(--pkc-bg);\n\n  color: var(--pkc-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  scroll-margin-top: 110px;\n}\n\n.pkcontact-container {\n  width: min(calc(100% - 40px), 1420px);\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   NAG\u0141\u00d3WEK\n========================================================= *\/\n\n.pkcontact-heading {\n  max-width: 880px;\n  margin: 0 auto clamp(43px, 5vw, 68px);\n\n  text-align: center;\n}\n\n.pkcontact-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 18px;\n\n  color: #5d6269;\n\n  font-size: 11px;\n  font-weight: 850;\n  letter-spacing: 1.25px;\n  text-transform: uppercase;\n}\n\n.pkcontact-kicker span {\n  width: 35px;\n  height: 3px;\n\n  border-radius: 999px;\n\n  background: var(--pkc-yellow);\n}\n\n.pkcontact h2 {\n  margin: 0;\n\n  color: var(--pkc-dark);\n\n  font-size: clamp(43px, 5vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -2.8px;\n\n  text-wrap: balance;\n}\n\n.pkcontact h2 span {\n  display: block;\n\n  margin-top: 8px;\n\n  color: var(--pkc-yellow);\n}\n\n.pkcontact-heading > p {\n  max-width: 720px;\n  margin: 22px auto 0;\n\n  color: var(--pkc-muted);\n\n  font-size: clamp(15px, 1.2vw, 18px);\n  line-height: 1.72;\n}\n\n\/* =========================================================\n   UK\u0141AD\n========================================================= *\/\n\n.pkcontact-layout {\n  display: grid;\n  grid-template-columns:\n    minmax(350px, .76fr)\n    minmax(0, 1.24fr);\n\n  align-items: stretch;\n  gap: 17px;\n}\n\n\/* =========================================================\n   LEWY PANEL\n========================================================= *\/\n\n.pkcontact-info {\n  position: relative;\n\n  min-height: 680px;\n  padding: clamp(28px, 4vw, 48px);\n\n  display: flex;\n  align-items: flex-end;\n\n  overflow: hidden;\n\n  border-radius: 24px;\n\n  background:\n    radial-gradient(\n      circle at 83% 12%,\n      rgba(245,184,0,.19),\n      transparent 31%\n    ),\n    linear-gradient(\n      145deg,\n      var(--pkc-dark),\n      var(--pkc-dark-soft)\n    );\n\n  color: var(--pkc-white);\n\n  box-shadow: 0 24px 58px rgba(16,18,22,.14);\n}\n\n.pkcontact-info::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 6px;\n  height: 100%;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      var(--pkc-yellow) 24%,\n      var(--pkc-yellow) 76%,\n      transparent\n    );\n}\n\n.pkcontact-watermark {\n  position: absolute;\n  top: 22px;\n  right: 25px;\n\n  color: rgba(245,184,0,.10);\n\n  font-size: clamp(92px, 11vw, 155px);\n  font-weight: 950;\n  line-height: 1;\n  letter-spacing: -8px;\n}\n\n.pkcontact-info-content {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n}\n\n.pkcontact-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 17px;\n\n  color: rgba(255,255,255,.62);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .9px;\n  text-transform: uppercase;\n}\n\n.pkcontact-status span {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--pkc-yellow);\n\n  box-shadow: 0 0 0 5px rgba(245,184,0,.13);\n}\n\n.pkcontact-info h3 {\n  margin: 0;\n\n  color: var(--pkc-white);\n\n  font-size: clamp(32px, 3.4vw, 50px);\n  font-weight: 900;\n  line-height: 1.03;\n  letter-spacing: -1.7px;\n}\n\n.pkcontact-info h3 span {\n  display: block;\n\n  margin-top: 6px;\n\n  color: var(--pkc-yellow);\n}\n\n.pkcontact-description {\n  margin: 19px 0 0;\n\n  color: rgba(255,255,255,.61);\n\n  font-size: 14px;\n  line-height: 1.68;\n}\n\n\/* TELEFON *\/\n\n.pkcontact-phone {\n  width: 100%;\n  min-height: 72px;\n\n  margin-top: 27px;\n  padding: 11px 15px 11px 11px;\n\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  border-radius: 14px;\n\n  background: var(--pkc-yellow);\n  color: var(--pkc-dark) !important;\n\n  text-decoration: none !important;\n\n  box-shadow: 0 15px 36px rgba(245,184,0,.22);\n\n  transition:\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.pkcontact-phone:hover {\n  background: var(--pkc-yellow-light);\n  color: var(--pkc-dark) !important;\n\n  transform: translateY(-2px);\n\n  box-shadow: 0 19px 43px rgba(245,184,0,.31);\n}\n\n.pkcontact-phone-icon {\n  width: 48px;\n  height: 48px;\n  flex: 0 0 48px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n\n  background: rgba(16,18,22,.10);\n}\n\n.pkcontact-phone-icon svg {\n  width: 25px;\n  height: 25px;\n\n  fill: currentColor;\n}\n\n.pkcontact-phone-text {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkcontact-phone-text small {\n  color: rgba(16,18,22,.63);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .8px;\n  text-transform: uppercase;\n}\n\n.pkcontact-phone-text strong {\n  color: var(--pkc-dark);\n\n  font-size: 21px;\n  font-weight: 950;\n}\n\n.pkcontact-phone-arrow {\n  width: 34px;\n  height: 34px;\n\n  margin-left: auto;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 9px;\n\n  background: rgba(16,18,22,.08);\n}\n\n.pkcontact-phone-arrow svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* DANE KONTAKTOWE *\/\n\n.pkcontact-detail {\n  width: 100%;\n  min-height: 67px;\n\n  margin-top: 10px;\n  padding: 12px 13px;\n\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 13px;\n\n  background: rgba(255,255,255,.045);\n  color: var(--pkc-white) !important;\n\n  text-decoration: none !important;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease;\n}\n\na.pkcontact-detail:hover {\n  border-color: rgba(245,184,0,.38);\n\n  background: rgba(245,184,0,.07);\n}\n\n.pkcontact-detail-icon {\n  width: 40px;\n  height: 40px;\n  flex: 0 0 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background: rgba(245,184,0,.12);\n  color: var(--pkc-yellow);\n}\n\n.pkcontact-detail-icon svg {\n  width: 21px;\n  height: 21px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkcontact-detail > span:last-child {\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkcontact-detail small {\n  color: rgba(255,255,255,.43);\n\n  font-size: 8px;\n  font-weight: 850;\n  letter-spacing: .75px;\n  text-transform: uppercase;\n}\n\n.pkcontact-detail strong {\n  color: rgba(255,255,255,.87);\n\n  font-size: 12px;\n  font-weight: 750;\n  line-height: 1.45;\n\n  overflow-wrap: anywhere;\n}\n\n\/* KROKI *\/\n\n.pkcontact-steps {\n  display: grid;\n  gap: 8px;\n\n  margin-top: 22px;\n}\n\n.pkcontact-step {\n  display: grid;\n  grid-template-columns: 32px 1fr;\n  align-items: center;\n  gap: 10px;\n}\n\n.pkcontact-step > span {\n  color: var(--pkc-yellow);\n\n  font-size: 9px;\n  font-weight: 950;\n  letter-spacing: .6px;\n}\n\n.pkcontact-step > div {\n  padding-left: 11px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n\n  border-left: 1px solid rgba(255,255,255,.11);\n}\n\n.pkcontact-step strong {\n  color: rgba(255,255,255,.86);\n\n  font-size: 11px;\n  font-weight: 850;\n}\n\n.pkcontact-step small {\n  color: rgba(255,255,255,.43);\n\n  font-size: 9px;\n  line-height: 1.4;\n}\n\n\/* =========================================================\n   KARTA FORMULARZA\n========================================================= *\/\n\n.pkcontact-form-card {\n  padding: clamp(26px, 4vw, 48px);\n\n  border: 1px solid var(--pkc-line);\n  border-radius: 24px;\n\n  background:\n    radial-gradient(\n      circle at 100% 0,\n      rgba(245,184,0,.11),\n      transparent 28%\n    ),\n    var(--pkc-white);\n\n  box-shadow: 0 24px 58px rgba(16,18,22,.10);\n}\n\n.pkcontact-form-header {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.pkcontact-form-icon {\n  width: 52px;\n  height: 52px;\n  flex: 0 0 52px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 14px;\n\n  background: var(--pkc-yellow);\n  color: var(--pkc-dark);\n}\n\n.pkcontact-form-icon svg {\n  width: 27px;\n  height: 27px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkcontact-form-header > div:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkcontact-form-header small {\n  color: #9b6d00;\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .9px;\n  text-transform: uppercase;\n}\n\n.pkcontact-form-header h3 {\n  margin: 0;\n\n  color: var(--pkc-dark);\n\n  font-size: clamp(25px, 2.8vw, 38px);\n  font-weight: 900;\n  line-height: 1.1;\n  letter-spacing: -1px;\n}\n\n.pkcontact-form-intro {\n  max-width: 680px;\n  margin: 18px 0 27px;\n  padding-bottom: 23px;\n\n  border-bottom: 1px solid var(--pkc-line);\n\n  color: var(--pkc-muted);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\/* =========================================================\n   CONTACT FORM 7\n========================================================= *\/\n\n.pkcontact-form-wrapper,\n.pkcontact-form-wrapper .wpcf7,\n.pkcontact-form-wrapper form {\n  width: 100%;\n}\n\n.pkcontact-form-wrapper form {\n  margin: 0;\n}\n\n.pkcontact-form-wrapper form > p {\n  margin: 0 0 17px;\n}\n\n.pkcontact-form-wrapper form > p:last-of-type {\n  margin-bottom: 0;\n}\n\n.pkcontact-form-wrapper label {\n  display: block;\n\n  color: var(--pkc-dark);\n\n  font-size: 11px;\n  font-weight: 850;\n  line-height: 1.5;\n}\n\n.pkcontact-form-wrapper .wpcf7-form-control-wrap {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  margin-top: 8px;\n}\n\n\/* POLA *\/\n\n.pkcontact-form-wrapper input[type=\"text\"],\n.pkcontact-form-wrapper input[type=\"email\"],\n.pkcontact-form-wrapper input[type=\"tel\"],\n.pkcontact-form-wrapper input[type=\"url\"],\n.pkcontact-form-wrapper input[type=\"number\"],\n.pkcontact-form-wrapper select,\n.pkcontact-form-wrapper textarea {\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0;\n  padding: 0 17px;\n\n  border: 1px solid var(--pkc-line) !important;\n  border-radius: 13px !important;\n  outline: none !important;\n\n  background: #f7f7f6 !important;\n  color: var(--pkc-text) !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  line-height: 1.4 !important;\n\n  box-shadow: none !important;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    box-shadow .2s ease;\n}\n\n.pkcontact-form-wrapper input[type=\"text\"],\n.pkcontact-form-wrapper input[type=\"email\"],\n.pkcontact-form-wrapper input[type=\"tel\"],\n.pkcontact-form-wrapper input[type=\"url\"],\n.pkcontact-form-wrapper input[type=\"number\"],\n.pkcontact-form-wrapper select {\n  min-height: 58px;\n}\n\n.pkcontact-form-wrapper textarea {\n  min-height: 155px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n\n  resize: vertical;\n}\n\n.pkcontact-form-wrapper input::placeholder,\n.pkcontact-form-wrapper textarea::placeholder {\n  color: #989ca2 !important;\n\n  opacity: 1;\n}\n\n\/* FOCUS *\/\n\n.pkcontact-form-wrapper input:focus,\n.pkcontact-form-wrapper select:focus,\n.pkcontact-form-wrapper textarea:focus {\n  border-color: var(--pkc-yellow) !important;\n\n  background: var(--pkc-white) !important;\n\n  box-shadow:\n    0 0 0 4px rgba(245,184,0,.13) !important;\n}\n\n\/* SELECT *\/\n\n.pkcontact-form-wrapper select {\n  padding-right: 45px;\n\n  cursor: pointer;\n\n  appearance: none;\n  -webkit-appearance: none;\n\n  background-image:\n    linear-gradient(45deg, transparent 50%, #565b62 50%),\n    linear-gradient(135deg, #565b62 50%, transparent 50%) !important;\n\n  background-position:\n    calc(100% - 21px) 26px,\n    calc(100% - 16px) 26px !important;\n\n  background-size: 5px 5px, 5px 5px !important;\n  background-repeat: no-repeat !important;\n}\n\n\/* CHECKBOX *\/\n\n.pkcontact-form-wrapper .wpcf7-list-item {\n  margin: 0;\n}\n\n.pkcontact-form-wrapper .wpcf7-acceptance label,\n.pkcontact-form-wrapper .wpcf7-checkbox label {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n\n  color: var(--pkc-muted);\n\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 1.55;\n\n  cursor: pointer;\n}\n\n.pkcontact-form-wrapper input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  flex: 0 0 18px;\n\n  margin: 1px 0 0;\n\n  accent-color: var(--pkc-yellow);\n}\n\n\/* PRZYCISK *\/\n\n.pkcontact-form-wrapper input[type=\"submit\"],\n.pkcontact-form-wrapper button[type=\"submit\"] {\n  width: 100%;\n  min-height: 59px;\n\n  margin: 5px 0 0;\n  padding: 0 25px;\n\n  border: 0 !important;\n  border-radius: 13px !important;\n  outline: 0 !important;\n\n  background: var(--pkc-yellow) !important;\n  color: var(--pkc-dark) !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size: 14px !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 12px 29px rgba(245,184,0,.24) !important;\n\n  transition:\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.pkcontact-form-wrapper input[type=\"submit\"]:hover,\n.pkcontact-form-wrapper button[type=\"submit\"]:hover {\n  background: var(--pkc-yellow-light) !important;\n  color: var(--pkc-dark) !important;\n\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 16px 36px rgba(245,184,0,.34) !important;\n}\n\n\/* SPINNER *\/\n\n.pkcontact-form-wrapper .wpcf7-spinner {\n  display: block;\n\n  width: 24px;\n  height: 24px;\n\n  margin: 12px auto 0;\n\n  background-color: var(--pkc-dark);\n}\n\n\/* B\u0141\u0118DY *\/\n\n.pkcontact-form-wrapper .wpcf7-not-valid {\n  border-color: var(--pkc-error) !important;\n\n  background: rgba(201,52,52,.035) !important;\n\n  box-shadow:\n    0 0 0 3px rgba(201,52,52,.08) !important;\n}\n\n.pkcontact-form-wrapper .wpcf7-not-valid-tip {\n  margin-top: 6px;\n\n  color: var(--pkc-error);\n\n  font-size: 10px;\n  font-weight: 750;\n  line-height: 1.4;\n}\n\n\/* KOMUNIKAT *\/\n\n.pkcontact-form-wrapper .wpcf7-response-output {\n  margin: 18px 0 0 !important;\n  padding: 14px 16px !important;\n\n  border-width: 1px !important;\n  border-radius: 12px;\n\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.55;\n}\n\n.pkcontact-form-wrapper form.sent .wpcf7-response-output {\n  border-color: rgba(36,131,77,.35) !important;\n\n  background: rgba(36,131,77,.08);\n  color: var(--pkc-success);\n}\n\n.pkcontact-form-wrapper form.invalid .wpcf7-response-output,\n.pkcontact-form-wrapper form.failed .wpcf7-response-output,\n.pkcontact-form-wrapper form.unaccepted .wpcf7-response-output {\n  border-color: rgba(201,52,52,.35) !important;\n\n  background: rgba(201,52,52,.07);\n  color: var(--pkc-error);\n}\n\n\/* NOTKA POD FORMULARZEM *\/\n\n.pkcontact-form-note {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n\n  margin-top: 21px;\n  padding-top: 18px;\n\n  border-top: 1px solid var(--pkc-line);\n}\n\n.pkcontact-form-note > span {\n  width: 34px;\n  height: 34px;\n  flex: 0 0 34px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 9px;\n\n  background: rgba(245,184,0,.12);\n  color: #a67300;\n}\n\n.pkcontact-form-note svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkcontact-form-note p {\n  margin: 0;\n\n  color: var(--pkc-muted);\n\n  font-size: 10px;\n  line-height: 1.6;\n}\n\n\/* =========================================================\n   DOLNY PASEK\n========================================================= *\/\n\n.pkcontact-bottom {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n\n  margin-top: 17px;\n\n  overflow: hidden;\n\n  border-radius: 17px;\n\n  background: var(--pkc-dark);\n\n  box-shadow: 0 17px 42px rgba(16,18,22,.12);\n}\n\n.pkcontact-bottom-item {\n  min-height: 86px;\n  padding: 17px 20px;\n\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  border-right: 1px solid rgba(255,255,255,.09);\n}\n\n.pkcontact-bottom-item:last-child {\n  border-right: 0;\n}\n\n.pkcontact-bottom-icon {\n  width: 41px;\n  height: 41px;\n  flex: 0 0 41px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 11px;\n\n  background: rgba(245,184,0,.12);\n  color: var(--pkc-yellow);\n}\n\n.pkcontact-bottom-icon svg {\n  width: 22px;\n  height: 22px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.pkcontact-bottom-item > span:last-child {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pkcontact-bottom-item small {\n  color: rgba(255,255,255,.43);\n\n  font-size: 8px;\n  font-weight: 850;\n  letter-spacing: .7px;\n  text-transform: uppercase;\n}\n\n.pkcontact-bottom-item strong {\n  color: rgba(255,255,255,.87);\n\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .pkcontact-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .pkcontact-info {\n    min-height: 590px;\n  }\n}\n\n\/* =========================================================\n   TELEFON\n========================================================= *\/\n\n@media (max-width: 640px) {\n\n  .pkcontact {\n    padding: 70px 0;\n  }\n\n  .pkcontact-container {\n    width: calc(100% - 30px);\n  }\n\n  .pkcontact-heading {\n    margin-bottom: 35px;\n\n    text-align: left;\n  }\n\n  .pkcontact-kicker {\n    font-size: 9px;\n  }\n\n  .pkcontact h2 {\n    font-size: clamp(38px, 11.5vw, 50px);\n    line-height: 1.01;\n    letter-spacing: -1.8px;\n  }\n\n  .pkcontact-heading > p {\n    margin-left: 0;\n\n    font-size: 14px;\n  }\n\n  .pkcontact-info {\n    min-height: 610px;\n    padding: 25px 20px;\n\n    border-radius: 19px;\n  }\n\n  .pkcontact-watermark {\n    top: 19px;\n    right: 20px;\n\n    font-size: 84px;\n  }\n\n  .pkcontact-info h3 {\n    font-size: 34px;\n  }\n\n  .pkcontact-description {\n    font-size: 13px;\n  }\n\n  .pkcontact-phone {\n    min-height: 68px;\n  }\n\n  .pkcontact-phone-text strong {\n    font-size: 19px;\n  }\n\n  .pkcontact-form-card {\n    padding: 24px 17px;\n\n    border-radius: 19px;\n  }\n\n  .pkcontact-form-header h3 {\n    font-size: 27px;\n  }\n\n  .pkcontact-form-intro {\n    font-size: 13px;\n  }\n\n  .pkcontact-form-wrapper input[type=\"text\"],\n  .pkcontact-form-wrapper input[type=\"email\"],\n  .pkcontact-form-wrapper input[type=\"tel\"],\n  .pkcontact-form-wrapper input[type=\"url\"],\n  .pkcontact-form-wrapper input[type=\"number\"],\n  .pkcontact-form-wrapper select {\n    min-height: 56px;\n  }\n\n  .pkcontact-form-wrapper textarea {\n    min-height: 135px;\n  }\n\n  .pkcontact-bottom {\n    grid-template-columns: 1fr;\n  }\n\n  .pkcontact-bottom-item {\n    min-height: 70px;\n\n    border-right: 0;\n    border-bottom: 1px solid rgba(255,255,255,.09);\n  }\n\n  .pkcontact-bottom-item:last-child {\n    border-bottom: 0;\n  }\n}\n\n@media (max-width: 380px) {\n\n  .pkcontact-container {\n    width: calc(100% - 24px);\n  }\n\n  .pkcontact-info {\n    min-height: 650px;\n  }\n}\n\n\/* =========================================================\n   REDUKCJA ANIMACJI\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pkcontact-phone,\n  .pkcontact-detail,\n  .pkcontact-form-wrapper input,\n  .pkcontact-form-wrapper select,\n  .pkcontact-form-wrapper textarea,\n  .pkcontact-form-wrapper button {\n    transition: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pomoc drogowa i transport dost\u0119pne 24\/7 \u017bnin i trasa S5 Pomoc drogowa i autolaweta Transport maszyn 24\/7 \u017bnin \u2022 woj. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pomoc Drogowa \u017bnin 24\/7 | Autolaweta S5 | Holowanie<\/title>\n<meta name=\"description\" content=\"Pomoc drogowa 24\/7 w \u017bninie i na trasie S5. Holowanie, autolaweta, transport aut, awaryjne uruchamianie i dow\u00f3z paliwa. Zadzwo\u0144: 667 300 893.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lawetaznin.pl\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pomoc Drogowa \u017bnin 24\/7 | Autolaweta S5 | Holowanie\" \/>\n<meta property=\"og:description\" content=\"Pomoc drogowa 24\/7 w \u017bninie i na trasie S5. Holowanie, autolaweta, transport aut, awaryjne uruchamianie i dow\u00f3z paliwa. Zadzwo\u0144: 667 300 893.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lawetaznin.pl\/\" \/>\n<meta property=\"og:site_name\" content=\"Auto Laweta Pawe\u0142 Kaczmarek\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-13T18:30:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/\",\"url\":\"https:\\\/\\\/lawetaznin.pl\\\/\",\"name\":\"Pomoc Drogowa \u017bnin 24\\\/7 | Autolaweta S5 | Holowanie\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#website\"},\"datePublished\":\"2026-07-12T16:28:34+00:00\",\"dateModified\":\"2026-07-13T18:30:17+00:00\",\"description\":\"Pomoc drogowa 24\\\/7 w \u017bninie i na trasie S5. Holowanie, autolaweta, transport aut, awaryjne uruchamianie i dow\u00f3z paliwa. Zadzwo\u0144: 667 300 893.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lawetaznin.pl\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/lawetaznin.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#website\",\"url\":\"https:\\\/\\\/lawetaznin.pl\\\/\",\"name\":\"Auto Laweta Pawe\u0142 Kaczmarek\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lawetaznin.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#organization\",\"name\":\"Auto Laweta Pawe\u0142 Kaczmarek\",\"url\":\"https:\\\/\\\/lawetaznin.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lawetaznin.pl\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-ChatGPT-Image-12-lip-2026-o-18_24_24.png\",\"contentUrl\":\"https:\\\/\\\/lawetaznin.pl\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-ChatGPT-Image-12-lip-2026-o-18_24_24.png\",\"width\":1254,\"height\":825,\"caption\":\"Auto Laweta Pawe\u0142 Kaczmarek\"},\"image\":{\"@id\":\"https:\\\/\\\/lawetaznin.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pomoc Drogowa \u017bnin 24\/7 | Autolaweta S5 | Holowanie","description":"Pomoc drogowa 24\/7 w \u017bninie i na trasie S5. Holowanie, autolaweta, transport aut, awaryjne uruchamianie i dow\u00f3z paliwa. Zadzwo\u0144: 667 300 893.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lawetaznin.pl\/","og_locale":"pl_PL","og_type":"article","og_title":"Pomoc Drogowa \u017bnin 24\/7 | Autolaweta S5 | Holowanie","og_description":"Pomoc drogowa 24\/7 w \u017bninie i na trasie S5. Holowanie, autolaweta, transport aut, awaryjne uruchamianie i dow\u00f3z paliwa. Zadzwo\u0144: 667 300 893.","og_url":"https:\/\/lawetaznin.pl\/","og_site_name":"Auto Laweta Pawe\u0142 Kaczmarek","article_modified_time":"2026-07-13T18:30:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"10 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lawetaznin.pl\/","url":"https:\/\/lawetaznin.pl\/","name":"Pomoc Drogowa \u017bnin 24\/7 | Autolaweta S5 | Holowanie","isPartOf":{"@id":"https:\/\/lawetaznin.pl\/#website"},"datePublished":"2026-07-12T16:28:34+00:00","dateModified":"2026-07-13T18:30:17+00:00","description":"Pomoc drogowa 24\/7 w \u017bninie i na trasie S5. Holowanie, autolaweta, transport aut, awaryjne uruchamianie i dow\u00f3z paliwa. Zadzwo\u0144: 667 300 893.","breadcrumb":{"@id":"https:\/\/lawetaznin.pl\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lawetaznin.pl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lawetaznin.pl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/lawetaznin.pl\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/lawetaznin.pl\/#website","url":"https:\/\/lawetaznin.pl\/","name":"Auto Laweta Pawe\u0142 Kaczmarek","description":"","publisher":{"@id":"https:\/\/lawetaznin.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lawetaznin.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/lawetaznin.pl\/#organization","name":"Auto Laweta Pawe\u0142 Kaczmarek","url":"https:\/\/lawetaznin.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/lawetaznin.pl\/#\/schema\/logo\/image\/","url":"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/cropped-ChatGPT-Image-12-lip-2026-o-18_24_24.png","contentUrl":"https:\/\/lawetaznin.pl\/wp-content\/uploads\/2026\/07\/cropped-ChatGPT-Image-12-lip-2026-o-18_24_24.png","width":1254,"height":825,"caption":"Auto Laweta Pawe\u0142 Kaczmarek"},"image":{"@id":"https:\/\/lawetaznin.pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":20,"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/lawetaznin.pl\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}