{"id":78,"date":"2026-01-20T23:10:21","date_gmt":"2026-01-20T22:10:21","guid":{"rendered":"http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/?page_id=78"},"modified":"2026-03-04T13:54:51","modified_gmt":"2026-03-04T12:54:51","slug":"proces","status":"publish","type":"page","link":"https:\/\/www.bchworks.pl\/index.php\/proces\/","title":{"rendered":"Proces"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fd13f0 e-con-full e-flex e-con e-parent\" data-id=\"2fd13f0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-559aa9e elementor-widget elementor-widget-html\" data-id=\"559aa9e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO (PROCES) -->\r\n<section id=\"bhc-proces-hero\" class=\"bhc-pr-hero\">\r\n  <div class=\"bhc-pr-wrap\">\r\n    <div class=\"bhc-pr-hero__inner\">\r\n      <div class=\"bhc-pr-hero__content\">\r\n\r\n        <div class=\"bhc-pr-pill pr-anim-1\">\r\n          <span class=\"bhc-pr-pill__dot\"><\/span>\r\n          <span>Express-only \u00b7 Termin od akceptacji + zaliczki<\/span>\r\n        <\/div>\r\n\r\n        <h1 class=\"bhc-pr-hero__title pr-anim-2\">\r\n          Express <span class=\"bhc-pr-hl\">21\u201328 dni<\/span>.\r\n          <span class=\"bhc-pr-hero__sub\">Szybka \u015bcie\u017cka \u2014 ale tylko przy jasnych zasadach.<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"bhc-pr-hero__desc pr-anim-3\">\r\n          Kwalifikujemy projekt, domykamy decyzje i rezerwujemy slot po zaliczce \u2014 dzi\u0119ki temu dowozimy termin.\r\n        <\/p>\r\n\r\n        <div class=\"bhc-pr-hero__actions pr-anim-4\">\r\n          <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\"\r\n             class=\"bhc-pr-btn bhc-pr-btn--gold\">\r\n            Sprawd\u017a kwalifikacj\u0119 \u2192\r\n          <\/a>\r\n          <a href=\"tel:+48690627004\" class=\"bhc-pr-btn bhc-pr-btn--outline\">\r\n            \ud83d\udcde +48 690 627 004\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Pasek procesu (4 kroki) -->\r\n        <div class=\"bhc-pr-bar pr-anim-5\" aria-label=\"Proces Express w skr\u00f3cie\">\r\n          <div class=\"bhc-pr-bar__row\">\r\n            <div class=\"bhc-pr-step\">\r\n              <div class=\"bhc-pr-step__no\">01<\/div>\r\n              <div class=\"bhc-pr-step__body\">\r\n                <div class=\"bhc-pr-step__t\">Kwalifikacja<\/div>\r\n                <div class=\"bhc-pr-step__s\">1\u20132 dni<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bhc-pr-sep\" aria-hidden=\"true\">\u2192<\/div>\r\n            <div class=\"bhc-pr-step\">\r\n              <div class=\"bhc-pr-step__no\">02<\/div>\r\n              <div class=\"bhc-pr-step__body\">\r\n                <div class=\"bhc-pr-step__t\">Projekt + akceptacja<\/div>\r\n                <div class=\"bhc-pr-step__s\">3\u20135 dni<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bhc-pr-sep\" aria-hidden=\"true\">\u2192<\/div>\r\n            <div class=\"bhc-pr-step\">\r\n              <div class=\"bhc-pr-step__no\">03<\/div>\r\n              <div class=\"bhc-pr-step__body\">\r\n                <div class=\"bhc-pr-step__t\">Produkcja<\/div>\r\n                <div class=\"bhc-pr-step__s\">10\u201314 dni<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bhc-pr-sep\" aria-hidden=\"true\">\u2192<\/div>\r\n            <div class=\"bhc-pr-step\">\r\n              <div class=\"bhc-pr-step__no\">04<\/div>\r\n              <div class=\"bhc-pr-step__body\">\r\n                <div class=\"bhc-pr-step__t\">Monta\u017c i odbi\u00f3r<\/div>\r\n                <div class=\"bhc-pr-step__s\">21\u201328 dni<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- KROKI SZCZEG\u00d3\u0141OWE -->\r\n<section id=\"bhc-proces-steps\" class=\"bhc-pr-sec\">\r\n  <div class=\"bhc-pr-wrap\">\r\n\r\n    <div class=\"bhc-pr-sechead\">\r\n      <div>\r\n        <p class=\"bhc-pr-eyebrow\">Jak dzia\u0142amy<\/p>\r\n        <h2 class=\"bhc-pr-h2\">Jak dzia\u0142a Express<\/h2>\r\n        <p class=\"bhc-pr-lead\">4 kroki, kt\u00f3re trzymaj\u0105 termin. Minimum gadania \u2014 maksimum konkretu.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bhc-pr-grid2\">\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1559028012-481c04fa702d?auto=format&fit=crop&w=2200&q=80');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">01<\/span>\r\n            <span class=\"bhc-pr-tag\">Kwalifikacja<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Sprawd\u017a, czy projekt wchodzi w Express<\/h3>\r\n          <p class=\"bhc-pr-card__text\">Kr\u00f3tki opis zakresu, miasto i termin. Odpowiadamy jasno: wchodzi \/ nie wchodzi i co dalej.<\/p>\r\n          <div class=\"bhc-pr-card__actions\">\r\n            <a class=\"bhc-pr-btn bhc-pr-btn--gold\"\r\n               href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\">\r\n              Sprawd\u017a kwalifikacj\u0119 \u2192\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/wp-content\/uploads\/2026\/02\/thought-catalog-505eectW54k-unsplash.jpg');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">02<\/span>\r\n            <span class=\"bhc-pr-tag\">Projekt<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Konsultacja i projekt funkcjonalny<\/h3>\r\n          <p class=\"bhc-pr-card__text\">Konsultacja online lub na miejscu. Projekt do produkcji: 1 wersja + max 1 korekta.<\/p>\r\n          <div class=\"bhc-pr-card__actions\">\r\n            <a class=\"bhc-pr-btn bhc-pr-btn--outline\"\r\n               href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\">\r\n              Um\u00f3w si\u0119 na konsultacj\u0119 \u2192\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/wp-content\/uploads\/2026\/02\/simon-kadula-2ovBrbfQr0Y-unsplash.jpg');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">03<\/span>\r\n            <span class=\"bhc-pr-tag\">Produkcja<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Priorytetowa produkcja<\/h3>\r\n          <p class=\"bhc-pr-card__text\">Powtarzalne rozwi\u0105zania, kontrola jako\u015bci i przygotowanie do monta\u017cu \u2014 bez op\u00f3\u017anie\u0144.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/wp-content\/uploads\/2026\/02\/max-harlynking-OaeQ7T5PMl8-unsplash.jpg');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">04<\/span>\r\n            <span class=\"bhc-pr-tag\">Monta\u017c<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Monta\u017c i odbi\u00f3r<\/h3>\r\n          <p class=\"bhc-pr-card__text\">Wchodzimy w ustalonym terminie. Monta\u017c, odbi\u00f3r i zamkni\u0119cie tematu \u2014 bez niespodzianek.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- DLACZEGO DZIA\u0141A -->\r\n<section id=\"bhc-proces-why\" class=\"bhc-pr-sec bhc-pr-sec--alt\">\r\n  <div class=\"bhc-pr-wrap\">\r\n\r\n    <div class=\"bhc-pr-sechead\">\r\n      <div>\r\n        <p class=\"bhc-pr-eyebrow\">Fundamenty<\/p>\r\n        <h2 class=\"bhc-pr-h2\">Dlaczego Express dzia\u0142a<\/h2>\r\n        <p class=\"bhc-pr-lead\">Termin jest realny, bo ograniczamy ryzyka i trzymamy zasady od pierwszego dnia.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bhc-pr-grid3\">\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1559028012-481c04fa702d?auto=format&fit=crop&w=2200&q=80');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">01<\/span>\r\n            <span class=\"bhc-pr-tag\">Zakres<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Jasny zakres na starcie<\/h3>\r\n          <p class=\"bhc-pr-card__text\">Bez \"dopiszemy p\u00f3\u017aniej\". Wiemy co robimy i co zamykamy w tym terminie.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/wp-content\/uploads\/2026\/02\/thought-catalog-505eectW54k-unsplash.jpg');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">02<\/span>\r\n            <span class=\"bhc-pr-tag\">Decyzje<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Szybkie decyzje i akceptacja<\/h3>\r\n          <p class=\"bhc-pr-card__text\">1 wersja + max 1 korekta. Po akceptacji nie zmieniamy kursu w trakcie.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"bhc-pr-card\">\r\n        <div class=\"bhc-pr-card__img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1586864387967-d02ef85d93e8?auto=format&fit=crop&w=2200&q=80');\"><\/div>\r\n        <div class=\"bhc-pr-card__body\">\r\n          <div class=\"bhc-pr-card__meta\">\r\n            <span class=\"bhc-pr-no\">03<\/span>\r\n            <span class=\"bhc-pr-tag\">Slot<\/span>\r\n          <\/div>\r\n          <h3 class=\"bhc-pr-card__title\">Slot po zaliczce<\/h3>\r\n          <p class=\"bhc-pr-card__text\">Rezerwujemy okno produkcji i monta\u017cu \u2014 dlatego termin nie jest \"wst\u0119pny\".<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA BLOCK -->\r\n    <div class=\"bhc-pr-cta\">\r\n      <div>\r\n        <p class=\"bhc-pr-cta__label\">Masz termin?<\/p>\r\n        <h2 class=\"bhc-pr-cta__title\">Zacznijmy od kwalifikacji.<\/h2>\r\n        <p class=\"bhc-pr-cta__desc\">Daj 2\u20133 informacje i powiemy: wchodzi \/ nie wchodzi + co dalej.<\/p>\r\n      <\/div>\r\n      <div class=\"bhc-pr-cta__actions\">\r\n        <a class=\"bhc-pr-btn bhc-pr-btn--gold\"\r\n           href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\">\r\n          Sprawd\u017a kwalifikacj\u0119 \u2192\r\n        <\/a>\r\n        <a class=\"bhc-pr-btn bhc-pr-btn--light\" href=\"tel:+48690627004\">\r\n          Zadzwo\u0144: +48 690 627 004\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* ============================\r\n   ROOT \u2014 sp\u00f3jne z home\r\n   ============================ *\/\r\n#bhc-proces-hero,\r\n#bhc-proces-steps,\r\n#bhc-proces-why {\r\n  --cream:       #F4EDE3;\r\n  --cream-deep:  #EAE0D4;\r\n  --sand:        #DDD0BE;\r\n  --amber:       #B8762A;\r\n  --amber-light: #D4943A;\r\n  --amber-glow:  rgba(184,118,42,.18);\r\n  --ink:         #1A1612;\r\n  --ink-60:      #6B5F53;\r\n  --surface:     #FDFAF6;\r\n  --surface-2:   #F7F1E8;\r\n  --topbar-h:    68px;\r\n  --wrap:        min(1900px, 94vw);\r\n  --pad:         clamp(16px, 3vw, 40px);\r\n  --font-head:   'Sora', system-ui, sans-serif;\r\n  --font-body:   'DM Sans', system-ui, sans-serif;\r\n\r\n  font-family: var(--font-body);\r\n  color: var(--ink);\r\n}\r\n#bhc-proces-hero *,\r\n#bhc-proces-steps *,\r\n#bhc-proces-why * { box-sizing: border-box; }\r\n\r\n\/* WRAP *\/\r\n.bhc-pr-wrap {\r\n  max-width: var(--wrap);\r\n  margin: 0 auto;\r\n  padding: 0 var(--pad);\r\n  width: 100%;\r\n}\r\n\r\n\/* ============================\r\n   ANIMACJE WEJ\u015aCIA\r\n   ============================ *\/\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(28px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.pr-anim-1 { animation: fadeUp .65s cubic-bezier(.22,1,.36,1) both; }\r\n.pr-anim-2 { animation: fadeUp .65s .10s cubic-bezier(.22,1,.36,1) both; }\r\n.pr-anim-3 { animation: fadeUp .65s .20s cubic-bezier(.22,1,.36,1) both; }\r\n.pr-anim-4 { animation: fadeUp .65s .30s cubic-bezier(.22,1,.36,1) both; }\r\n.pr-anim-5 { animation: fadeUp .65s .40s cubic-bezier(.22,1,.36,1) both; }\r\n\r\n\/* ============================\r\n   SHARED\r\n   ============================ *\/\r\n.bhc-pr-eyebrow {\r\n  font-size: .72rem;\r\n  font-weight: 700;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  color: var(--amber);\r\n  margin: 0 0 6px;\r\n}\r\n.bhc-pr-h2 {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: clamp(1.6rem, 2.8vw, 2.4rem);\r\n  line-height: 1.1;\r\n  letter-spacing: -.02em;\r\n  color: var(--ink);\r\n  margin: 0 0 10px;\r\n}\r\n.bhc-pr-lead {\r\n  color: var(--ink-60);\r\n  font-size: .97rem;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n.bhc-pr-hl { color: var(--amber); }\r\n\r\n\/* BUTTONS *\/\r\n.bhc-pr-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: .5rem;\r\n  padding: .72rem 1.35rem;\r\n  border-radius: 10px;\r\n  font-family: var(--font-body);\r\n  font-size: .92rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  border: 1.5px solid transparent;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  transition: all .18s ease;\r\n  -webkit-tap-highlight-color: transparent;\r\n  background: none;\r\n}\r\n.bhc-pr-btn--gold {\r\n  background: var(--amber);\r\n  color: #fff;\r\n  border-color: var(--amber);\r\n  box-shadow: 0 4px 14px rgba(184,118,42,.30);\r\n}\r\n.bhc-pr-btn--gold:hover {\r\n  background: var(--amber-light);\r\n  color: #fff;\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 6px 20px rgba(184,118,42,.40);\r\n}\r\n.bhc-pr-btn--outline {\r\n  background: rgba(255,255,255,.70);\r\n  color: var(--ink);\r\n  border-color: var(--sand);\r\n  backdrop-filter: blur(6px);\r\n}\r\n.bhc-pr-btn--outline:hover {\r\n  background: rgba(255,255,255,.92);\r\n  border-color: rgba(26,22,18,.20);\r\n  color: var(--ink);\r\n}\r\n.bhc-pr-btn--light {\r\n  background: rgba(255,255,255,.10);\r\n  color: #FAFAF8;\r\n  border-color: rgba(255,255,255,.20);\r\n}\r\n.bhc-pr-btn--light:hover {\r\n  background: rgba(255,255,255,.18);\r\n  color: #FAFAF8;\r\n}\r\n\r\n\/* SECTIONS *\/\r\n.bhc-pr-sec {\r\n  padding: clamp(40px, 6vw, 72px) 0;\r\n  background: var(--cream);\r\n}\r\n.bhc-pr-sec--alt {\r\n  background: var(--surface-2);\r\n}\r\n.bhc-pr-sechead {\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* ============================\r\n   HERO\r\n   ============================ *\/\r\n#bhc-proces-hero.bhc-pr-hero {\r\n  --hero-img: url(\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=2600&q=80\");\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: calc(100svh - var(--topbar-h));\r\n  padding-top: var(--topbar-h);\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  background-color: var(--cream-deep);\r\n  background-image:\r\n    linear-gradient(105deg,\r\n      var(--cream-deep) 0%,\r\n      var(--cream-deep) 44%,\r\n      rgba(234,224,212,.88) 58%,\r\n      rgba(234,224,212,0) 74%\r\n    ),\r\n    var(--hero-img);\r\n  background-size: cover;\r\n  background-position: right center;\r\n}\r\n#bhc-proces-hero.bhc-pr-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -50% -25%;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(700px 400px at 10% 40%, rgba(184,118,42,.16), transparent 65%),\r\n    radial-gradient(500px 300px at 55% 8%, rgba(184,118,42,.10), transparent 65%),\r\n    radial-gradient(400px 350px at 85% 70%, rgba(26,22,18,.06), transparent 60%);\r\n}\r\n#bhc-proces-hero.bhc-pr-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n  opacity: .5;\r\n}\r\n\r\n.bhc-pr-hero__inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  padding: clamp(32px, 5vh, 64px) 0;\r\n  min-height: calc(100svh - var(--topbar-h));\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.bhc-pr-hero__content { max-width: 820px; }\r\n\r\n\/* PILL *\/\r\n.bhc-pr-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: .55rem;\r\n  padding: .38rem 1rem;\r\n  background: rgba(255,255,255,.72);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(184,118,42,.25);\r\n  border-radius: 100px;\r\n  font-size: .77rem;\r\n  font-weight: 500;\r\n  color: var(--ink-60);\r\n  margin-bottom: 20px;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n.bhc-pr-pill__dot {\r\n  width: 7px; height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--amber);\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 0 3px var(--amber-glow);\r\n  animation: prPulse 2.2s ease-in-out infinite;\r\n}\r\n@keyframes prPulse {\r\n  0%, 100% { box-shadow: 0 0 0 3px var(--amber-glow); }\r\n  50%       { box-shadow: 0 0 0 6px rgba(184,118,42,.08); }\r\n}\r\n\r\n.bhc-pr-hero__title {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  line-height: 1.07;\r\n  font-size: clamp(2.4rem, 5vw, 4rem);\r\n  letter-spacing: -.02em;\r\n  color: var(--ink);\r\n  margin: 0 0 10px;\r\n}\r\n.bhc-pr-hero__sub {\r\n  display: block;\r\n  font-weight: 700;\r\n  font-size: clamp(1rem, 2vw, 1.35rem);\r\n  color: var(--ink-60);\r\n  margin-top: 8px;\r\n  letter-spacing: -.01em;\r\n}\r\n.bhc-pr-hero__desc {\r\n  margin: 14px 0 22px;\r\n  color: var(--ink-60);\r\n  font-size: 1rem;\r\n  max-width: 44rem;\r\n  line-height: 1.6;\r\n}\r\n.bhc-pr-hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: .75rem;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* ============================\r\n   PROCESS BAR (pasek krok\u00f3w w hero)\r\n   ============================ *\/\r\n.bhc-pr-bar {\r\n  background: rgba(255,255,255,.68);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(184,118,42,.18);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 32px rgba(26,22,18,.08);\r\n}\r\n.bhc-pr-bar__row {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;\r\n  align-items: center;\r\n}\r\n.bhc-pr-step {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  padding: 16px 18px;\r\n}\r\n.bhc-pr-step__no {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: 1.1rem;\r\n  color: var(--amber);\r\n  flex-shrink: 0;\r\n  letter-spacing: -.01em;\r\n}\r\n.bhc-pr-step__t {\r\n  font-family: var(--font-head);\r\n  font-weight: 700;\r\n  font-size: .88rem;\r\n  color: var(--ink);\r\n  line-height: 1.2;\r\n}\r\n.bhc-pr-step__s {\r\n  font-size: .78rem;\r\n  color: var(--ink-60);\r\n  margin-top: 2px;\r\n}\r\n.bhc-pr-sep {\r\n  color: var(--amber);\r\n  font-weight: 900;\r\n  font-size: 1rem;\r\n  opacity: .6;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* ============================\r\n   CARDS (wsp\u00f3lny styl)\r\n   ============================ *\/\r\n.bhc-pr-card {\r\n  background: var(--surface);\r\n  border: 1px solid var(--sand);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  transition: box-shadow .25s, transform .25s, border-color .25s;\r\n  box-shadow: 0 2px 10px rgba(26,22,18,.04), 0 8px 24px rgba(26,22,18,.04);\r\n}\r\n.bhc-pr-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--amber), var(--amber-light));\r\n  opacity: 0;\r\n  transition: opacity .25s;\r\n  z-index: 2;\r\n}\r\n.bhc-pr-card:hover {\r\n  box-shadow: 0 8px 28px rgba(26,22,18,.09), 0 20px 48px rgba(26,22,18,.07);\r\n  transform: translateY(-4px);\r\n  border-color: rgba(184,118,42,.30);\r\n}\r\n.bhc-pr-card:hover::before { opacity: 1; }\r\n\r\n.bhc-pr-card__img {\r\n  height: clamp(180px, 18vw, 240px);\r\n  background-size: cover;\r\n  background-position: center;\r\n  position: relative;\r\n}\r\n.bhc-pr-card__img::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(26,22,18,.30), transparent);\r\n}\r\n.bhc-pr-card__body { padding: 18px 18px 20px; }\r\n\r\n.bhc-pr-card__meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n.bhc-pr-no {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: 1.05rem;\r\n  color: var(--amber);\r\n  letter-spacing: -.01em;\r\n}\r\n.bhc-pr-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: .22rem .65rem;\r\n  border-radius: 100px;\r\n  border: 1px solid rgba(184,118,42,.25);\r\n  background: rgba(184,118,42,.10);\r\n  color: var(--ink-60);\r\n  font-weight: 700;\r\n  font-size: .75rem;\r\n}\r\n.bhc-pr-card__title {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: 1.02rem;\r\n  color: var(--ink);\r\n  margin: 0 0 8px;\r\n  line-height: 1.25;\r\n}\r\n.bhc-pr-card__text {\r\n  color: var(--ink-60);\r\n  font-size: .9rem;\r\n  line-height: 1.55;\r\n  margin: 0 0 16px;\r\n}\r\n.bhc-pr-card__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n\r\n\/* GRIDS *\/\r\n.bhc-pr-grid2 {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 18px;\r\n}\r\n@media (min-width: 860px) {\r\n  .bhc-pr-grid2 { grid-template-columns: repeat(2, 1fr); gap: 22px; }\r\n}\r\n\r\n.bhc-pr-grid3 {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 18px;\r\n}\r\n@media (min-width: 720px) {\r\n  .bhc-pr-grid3 { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (min-width: 1050px) {\r\n  .bhc-pr-grid3 { grid-template-columns: repeat(3, 1fr); gap: 22px; }\r\n}\r\n\r\n\/* ============================\r\n   CTA BLOCK\r\n   ============================ *\/\r\n.bhc-pr-cta {\r\n  background: var(--ink);\r\n  border-radius: 20px;\r\n  padding: clamp(24px, 4vw, 44px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(26,22,18,.20);\r\n  margin-top: 32px;\r\n}\r\n@media (min-width: 820px) {\r\n  .bhc-pr-cta { flex-direction: row; align-items: center; justify-content: space-between; }\r\n}\r\n.bhc-pr-cta::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -60px; left: -60px;\r\n  width: 280px; height: 280px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(184,118,42,.20), transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.bhc-pr-cta::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -80px; right: -40px;\r\n  width: 300px; height: 300px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(184,118,42,.10), transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.bhc-pr-cta__label {\r\n  font-size: .72rem;\r\n  font-weight: 700;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  color: var(--amber);\r\n  margin: 0 0 6px;\r\n  position: relative; z-index: 1;\r\n}\r\n.bhc-pr-cta__title {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: clamp(1.2rem, 2.2vw, 1.6rem);\r\n  color: #FAFAF8;\r\n  letter-spacing: -.02em;\r\n  margin: 0 0 6px;\r\n  position: relative; z-index: 1;\r\n}\r\n.bhc-pr-cta__desc {\r\n  color: rgba(250,250,248,.55);\r\n  font-size: .9rem;\r\n  line-height: 1.55;\r\n  max-width: 42rem;\r\n  margin: 0;\r\n  position: relative; z-index: 1;\r\n}\r\n.bhc-pr-cta__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  position: relative; z-index: 1;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ============================\r\n   MOBILE \u2014 pe\u0142na optymalizacja\r\n   ============================ *\/\r\n\r\n\/* Hero mobile *\/\r\n@media (max-width: 760px) {\r\n  #bhc-proces-hero.bhc-pr-hero {\r\n    background-image:\r\n      linear-gradient(180deg, var(--cream-deep) 0%, rgba(234,224,212,.95) 55%, rgba(234,224,212,.85) 100%),\r\n      var(--hero-img);\r\n    background-position: center;\r\n  }\r\n  .bhc-pr-hero__actions { flex-direction: column; }\r\n  .bhc-pr-hero__actions .bhc-pr-btn { width: 100%; }\r\n}\r\n\r\n\/* Process bar \u2014 2x2 na tablet *\/\r\n@media (max-width: 860px) {\r\n  .bhc-pr-bar__row {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n  .bhc-pr-sep { display: none; }\r\n  .bhc-pr-step {\r\n    border-bottom: 1px solid rgba(184,118,42,.10);\r\n  }\r\n  .bhc-pr-step:nth-child(odd) {\r\n    border-right: 1px solid rgba(184,118,42,.10);\r\n  }\r\n}\r\n\r\n\/* Process bar \u2014 1 kolumna na mobile *\/\r\n@media (max-width: 480px) {\r\n  .bhc-pr-bar__row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .bhc-pr-step {\r\n    border-right: none !important;\r\n  }\r\n  .bhc-pr-pill {\r\n    white-space: normal;\r\n    text-overflow: unset;\r\n    overflow: visible;\r\n  }\r\n  .bhc-pr-hero__title {\r\n    font-size: clamp(2rem, 9vw, 2.6rem);\r\n  }\r\n}\r\n\r\n\/* Karty \u2014 przyciski pe\u0142na szeroko\u015b\u0107 na mobile *\/\r\n@media (max-width: 560px) {\r\n  .bhc-pr-card__actions { flex-direction: column; }\r\n  .bhc-pr-card__actions .bhc-pr-btn { width: 100%; }\r\n  .bhc-pr-sec { padding: clamp(28px, 5vw, 48px) 0; }\r\n  .bhc-pr-cta { border-radius: 16px; padding: 24px 18px; }\r\n  .bhc-pr-cta__actions { flex-direction: column; width: 100%; }\r\n  .bhc-pr-cta__actions .bhc-pr-btn { width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function setHeroOffset(){\r\n    const hero = document.getElementById('bhc-proces-hero');\r\n    if(!hero) return;\r\n    const topbar = document.querySelector('.topbar, .bhc-topbar');\r\n    const topbarH = topbar ? Math.round(topbar.getBoundingClientRect().height) : 68;\r\n    const adminBar = document.getElementById('wpadminbar');\r\n    const adminH = adminBar ? Math.round(adminBar.getBoundingClientRect().height) : 0;\r\n    hero.style.setProperty('--topbar-h', (topbarH + adminH) + 'px');\r\n  }\r\n  window.addEventListener('load', setHeroOffset);\r\n  window.addEventListener('resize', setHeroOffset);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Express-only \u00b7 Termin od akceptacji + zaliczki Express 21\u201328 dni. Szybka \u015bcie\u017cka \u2014 ale tylko przy jasnych zasadach. Kwalifikujemy projekt, domykamy decyzje i rezerwujemy slot po zaliczce \u2014 dzi\u0119ki temu dowozimy termin. Sprawd\u017a kwalifikacj\u0119 \u2192 \ud83d\udcde +48 690 627 004 01 Kwalifikacja 1\u20132 dni \u2192 02 Projekt + akceptacja 3\u20135 dni \u2192 03 Produkcja 10\u201314 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":28,"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}