{"id":79,"date":"2026-01-20T23:10:27","date_gmt":"2026-01-20T22:10:27","guid":{"rendered":"http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/?page_id=79"},"modified":"2026-03-04T14:04:41","modified_gmt":"2026-03-04T13:04:41","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/www.bchworks.pl\/index.php\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"79\" class=\"elementor elementor-79\" 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<section id=\"bhc-contact\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"ct-hero\">\r\n    <div class=\"ct-wrap\">\r\n      <div class=\"ct-hero__inner\">\r\n        <div class=\"ct-hero__content\">\r\n\r\n          <div class=\"ct-pill ct-anim-1\">\r\n            <span class=\"ct-pill__dot\"><\/span>\r\n            <span>Kontakt \u00b7 Kwalifikacja Express<\/span>\r\n          <\/div>\r\n\r\n          <h1 class=\"ct-hero__title ct-anim-2\">\r\n            Porozmawiajmy o <span class=\"ct-hl\">terminie<\/span>.\r\n          <\/h1>\r\n\r\n          <p class=\"ct-hero__desc ct-anim-3\">\r\n            Kr\u00f3tka rozmowa lub formularz. Sprawdzimy, czy projekt wchodzi w Express\r\n            i jaki jest najbli\u017cszy realny termin monta\u017cu.\r\n          <\/p>\r\n\r\n          <div class=\"ct-hero__actions ct-anim-4\">\r\n            <a href=\"tel:+48690627004\" class=\"ct-btn ct-btn--gold\">\r\n              \ud83d\udcde Zadzwo\u0144: +48 690 627 004\r\n            <\/a>\r\n            <a href=\"#page-contact\" class=\"ct-btn ct-btn--outline\">\r\n              Formularz kwalifikacji \u2193\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CONTENT -->\r\n  <div class=\"ct-sec\" id=\"page-contact\">\r\n    <div class=\"ct-wrap\">\r\n      <div class=\"ct-two\">\r\n\r\n        <!-- LEFT \u2014 formularz -->\r\n        <div>\r\n          <div class=\"ct-sechead\">\r\n            <p class=\"ct-eyebrow\">Kwalifikacja<\/p>\r\n            <h2 class=\"ct-h2\">Formularz kwalifikacji<\/h2>\r\n            <p class=\"ct-lead\">\r\n              Opisz zakres i termin. Odpowiemy jasno: <strong>wchodzi \/ nie wchodzi w Express<\/strong> i co dalej.\r\n            <\/p>\r\n            <div class=\"ct-scope\">\r\n              <span>\ud83d\udccd<\/span>\r\n              <span>Obs\u0142ugujemy ca\u0142e woj. \u015bl\u0105skie i okolice.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ct-formcard\">\r\n            <div class=\"ct-formcard__img\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=80\" alt=\"Kontakt BCH Works\">\r\n            <\/div>\r\n\r\n            <div class=\"ct-formcard__body\">\r\n              <form onsubmit=\"handleFormSubmit(event)\">\r\n\r\n                <div class=\"ct-form-row\">\r\n                  <div class=\"ct-form-group\">\r\n                    <label class=\"ct-label\">Imi\u0119<\/label>\r\n                    <input type=\"text\" class=\"ct-input\" placeholder=\"Twoje imi\u0119\" required>\r\n                  <\/div>\r\n                  <div class=\"ct-form-group\">\r\n                    <label class=\"ct-label\">Telefon<\/label>\r\n                    <input type=\"tel\" class=\"ct-input\" placeholder=\"+48 690 627 004\" required>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ct-form-row\">\r\n                  <div class=\"ct-form-group\">\r\n                    <label class=\"ct-label\">Email<\/label>\r\n                    <input type=\"email\" class=\"ct-input\" placeholder=\"twoj@email.pl\" required>\r\n                  <\/div>\r\n                  <div class=\"ct-form-group\">\r\n                    <label class=\"ct-label\">Miasto<\/label>\r\n                    <input type=\"text\" class=\"ct-input\" placeholder=\"np. Katowice\" required>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ct-form-group\">\r\n                  <label class=\"ct-label\">Typ projektu<\/label>\r\n                  <select class=\"ct-input\" required>\r\n                    <option value=\"\">Wybierz typ projektu<\/option>\r\n                    <option value=\"kuchnia\">Kuchnia \/ aneks<\/option>\r\n                    <option value=\"szafa\">Szafa \/ garderoba<\/option>\r\n                    <option value=\"zabudowa\">Zabudowa<\/option>\r\n                    <option value=\"firma\">Meble firmowe<\/option>\r\n                    <option value=\"ogrod\">Meble ogrodowe<\/option>\r\n                    <option value=\"konstrukcja\">Konstrukcje<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"ct-form-group\">\r\n                  <label class=\"ct-label\">Opis projektu<\/label>\r\n                  <textarea class=\"ct-input ct-textarea\" placeholder=\"Wymiary, szkic, inspiracje... Im wi\u0119cej szczeg\u00f3\u0142\u00f3w, tym lepiej.\" required><\/textarea>\r\n                <\/div>\r\n\r\n                <div class=\"ct-form-group\">\r\n                  <label class=\"ct-label\">Termin realizacji<\/label>\r\n                  <input type=\"text\" class=\"ct-input\" placeholder=\"Na kiedy potrzebujesz? (np. marzec 2026)\" required>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"ct-btn ct-btn--gold ct-btn--full\">\r\n                  Wy\u015blij zapytanie \u2192\r\n                <\/button>\r\n\r\n                <p class=\"ct-form-note\">\r\n                  \ud83d\udca1 Prototyp. Formularz nie wysy\u0142a danych \u2014 to tylko demo interfejsu.\r\n                <\/p>\r\n              <\/form>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT \u2014 sidebar -->\r\n        <aside class=\"ct-sidebar\">\r\n\r\n          <div class=\"ct-scard\">\r\n            <div class=\"ct-scard__head\">\r\n              <h3 class=\"ct-scard__title\">Kontakt bezpo\u015bredni<\/h3>\r\n              <p class=\"ct-scard__desc\">Najszybsza droga do decyzji.<\/p>\r\n            <\/div>\r\n            <div class=\"ct-scard__body\">\r\n\r\n              <div class=\"ct-contacts\">\r\n                <div class=\"ct-contact\">\r\n                  <span class=\"ct-contact__ic\">\ud83d\udcde<\/span>\r\n                  <div>\r\n                    <div class=\"ct-contact__label\">Telefon<\/div>\r\n                    <a href=\"tel:+48690627004\" class=\"ct-contact__val ct-contact__link\">+48 690 627 004<\/a>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ct-contact\">\r\n                  <span class=\"ct-contact__ic\">\u2709\ufe0f<\/span>\r\n                  <div>\r\n                    <div class=\"ct-contact__label\">Email<\/div>\r\n                    <div class=\"ct-contact__val\">kontakt@bchworks.pl<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ct-contact\">\r\n                  <span class=\"ct-contact__ic\">\ud83d\udccd<\/span>\r\n                  <div>\r\n                    <div class=\"ct-contact__label\">Zasi\u0119g<\/div>\r\n                    <div class=\"ct-contact__val\">Woj. \u015bl\u0105skie<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ct-infobox\">\r\n                <div class=\"ct-infobox__ic\">\u26a1<\/div>\r\n                <div>\r\n                  <div class=\"ct-infobox__label\">Express<\/div>\r\n                  <div class=\"ct-infobox__val\">21\u201328 dni<\/div>\r\n                  <div class=\"ct-infobox__desc\">Termin liczony od akceptacji projektu + zaliczki<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ct-scard\">\r\n            <div class=\"ct-scard__body\">\r\n              <h4 class=\"ct-scard__sub\">Co si\u0119 dzieje po wys\u0142aniu?<\/h4>\r\n              <ul class=\"ct-steps\">\r\n                <li class=\"ct-step\">\r\n                  <span class=\"ct-step__no\">01<\/span>\r\n                  <span>Oddzwaniamy w ci\u0105gu 24h<\/span>\r\n                <\/li>\r\n                <li class=\"ct-step\">\r\n                  <span class=\"ct-step__no\">02<\/span>\r\n                  <span>Weryfikujemy kwalifikacj\u0119 Express<\/span>\r\n                <\/li>\r\n                <li class=\"ct-step\">\r\n                  <span class=\"ct-step__no\">03<\/span>\r\n                  <span>Ustalamy termin konsultacji<\/span>\r\n                <\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\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-contact {\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  overflow-x: clip;\r\n}\r\n#bhc-contact *, #bhc-contact *::before, #bhc-contact *::after { box-sizing: border-box; }\r\n\r\n.ct-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.ct-anim-1 { animation: fadeUp .65s cubic-bezier(.22,1,.36,1) both; }\r\n.ct-anim-2 { animation: fadeUp .65s .10s cubic-bezier(.22,1,.36,1) both; }\r\n.ct-anim-3 { animation: fadeUp .65s .20s cubic-bezier(.22,1,.36,1) both; }\r\n.ct-anim-4 { animation: fadeUp .65s .30s cubic-bezier(.22,1,.36,1) both; }\r\n\r\n\/* ============================\r\n   SHARED\r\n   ============================ *\/\r\n.ct-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.ct-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.ct-lead {\r\n  color: var(--ink-60);\r\n  font-size: .97rem;\r\n  line-height: 1.6;\r\n  margin: 0 0 16px;\r\n}\r\n.ct-lead strong { color: var(--ink); }\r\n.ct-hl { color: var(--amber); }\r\n\r\n\/* BUTTONS *\/\r\n.ct-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.ct-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.ct-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.ct-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.ct-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.ct-btn--full { width: 100%; }\r\n\r\n\/* ============================\r\n   HERO\r\n   ============================ *\/\r\n#bhc-contact .ct-hero {\r\n  --hero-img: url(\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=2400&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-contact .ct-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-contact .ct-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.ct-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.ct-hero__content { max-width: 680px; }\r\n\r\n\/* PILL *\/\r\n.ct-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.ct-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: ctPulse 2.2s ease-in-out infinite;\r\n}\r\n@keyframes ctPulse {\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.ct-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.ct-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.ct-hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: .75rem;\r\n}\r\n\r\n\/* ============================\r\n   SECTION\r\n   ============================ *\/\r\n#bhc-contact .ct-sec {\r\n  padding: clamp(40px, 6vw, 72px) 0;\r\n  background: var(--cream);\r\n}\r\n.ct-sechead { margin-bottom: 28px; }\r\n\r\n\/* Scope note *\/\r\n.ct-scope {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 14px;\r\n  background: var(--surface);\r\n  border: 1px solid var(--sand);\r\n  border-radius: 10px;\r\n  font-size: .88rem;\r\n  font-weight: 600;\r\n  color: var(--ink-60);\r\n}\r\n\r\n\/* ============================\r\n   TWO-COL\r\n   ============================ *\/\r\n.ct-two {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 32px;\r\n  align-items: start;\r\n}\r\n@media (min-width: 1024px) {\r\n  .ct-two { grid-template-columns: 1.4fr 1fr; gap: 48px; }\r\n}\r\n\r\n\/* ============================\r\n   FORM CARD\r\n   ============================ *\/\r\n.ct-formcard {\r\n  background: var(--surface);\r\n  border: 1px solid var(--sand);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(26,22,18,.05);\r\n}\r\n.ct-formcard__img {\r\n  height: clamp(180px, 16vw, 240px);\r\n  overflow: hidden;\r\n}\r\n.ct-formcard__img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .4s ease;\r\n  filter: saturate(.92) brightness(.97);\r\n}\r\n.ct-formcard:hover .ct-formcard__img img {\r\n  transform: scale(1.03);\r\n}\r\n.ct-formcard__body { padding: 24px; }\r\n\r\n\/* FORM ELEMENTS *\/\r\n.ct-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 0;\r\n}\r\n@media (min-width: 600px) {\r\n  .ct-form-row { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n}\r\n\r\n.ct-form-group { margin-bottom: 18px; }\r\n\r\n.ct-label {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  font-family: var(--font-head);\r\n  font-weight: 700;\r\n  font-size: .85rem;\r\n  color: var(--ink);\r\n}\r\n\r\n.ct-input {\r\n  width: 100% !important;\r\n  padding: .72rem 1rem !important;\r\n  border: 1.5px solid var(--sand) !important;\r\n  border-radius: 10px !important;\r\n  font-size: .92rem !important;\r\n  font-family: var(--font-body) !important;\r\n  background: var(--surface-2) !important;\r\n  color: var(--ink) !important;\r\n  transition: border-color .18s, box-shadow .18s, background .18s;\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n  box-shadow: none !important;\r\n}\r\n.ct-input:focus {\r\n  outline: none !important;\r\n  border-color: var(--amber) !important;\r\n  background: var(--surface) !important;\r\n  box-shadow: 0 0 0 3px rgba(184,118,42,.12) !important;\r\n}\r\n.ct-input:focus-visible {\r\n  outline: none !important;\r\n}\r\n.ct-input::placeholder { color: var(--ink-60); }\r\nselect.ct-input {\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B5F53' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 14px center;\r\n  padding-right: 36px;\r\n  cursor: pointer;\r\n}\r\n\r\n.ct-textarea {\r\n  min-height: 120px;\r\n  resize: vertical;\r\n}\r\n\r\n.ct-form-note {\r\n  font-size: .82rem;\r\n  color: var(--ink-60);\r\n  margin: 12px 0 0;\r\n  text-align: center;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ============================\r\n   SIDEBAR\r\n   ============================ *\/\r\n.ct-sidebar {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 18px;\r\n  position: sticky;\r\n  top: 88px;\r\n}\r\n\r\n.ct-scard {\r\n  background: var(--surface);\r\n  border: 1px solid var(--sand);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  box-shadow: 0 2px 10px rgba(26,22,18,.04);\r\n}\r\n.ct-scard__head {\r\n  padding: 20px 20px 0;\r\n}\r\n.ct-scard__title {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: 1.1rem;\r\n  color: var(--ink);\r\n  margin: 0 0 6px;\r\n}\r\n.ct-scard__desc {\r\n  color: var(--ink-60);\r\n  font-size: .88rem;\r\n  margin: 0 0 16px;\r\n}\r\n.ct-scard__sub {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: 1rem;\r\n  color: var(--ink);\r\n  margin: 0 0 16px;\r\n}\r\n.ct-scard__body { padding: 20px; }\r\n\r\n\/* CONTACTS *\/\r\n.ct-contacts {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  margin-bottom: 20px;\r\n  padding-bottom: 20px;\r\n  border-bottom: 1px solid var(--sand);\r\n}\r\n.ct-contact {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n}\r\n.ct-contact__ic {\r\n  width: 32px; height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--amber-glow);\r\n  border: 1px solid rgba(184,118,42,.22);\r\n  border-radius: 10px;\r\n  font-size: .95rem;\r\n  flex-shrink: 0;\r\n}\r\n.ct-contact__label {\r\n  font-size: .72rem;\r\n  color: var(--ink-60);\r\n  font-weight: 600;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 3px;\r\n}\r\n.ct-contact__val {\r\n  font-family: var(--font-head);\r\n  font-weight: 700;\r\n  font-size: .92rem;\r\n  color: var(--ink);\r\n}\r\n.ct-contact__link {\r\n  text-decoration: none;\r\n  color: var(--ink);\r\n  transition: color .15s;\r\n}\r\n.ct-contact__link:hover { color: var(--amber); }\r\n\r\n\/* INFOBOX *\/\r\n.ct-infobox {\r\n  display: flex;\r\n  gap: 14px;\r\n  align-items: flex-start;\r\n  padding: 16px;\r\n  background: var(--amber-glow);\r\n  border: 1px solid rgba(184,118,42,.22);\r\n  border-radius: 14px;\r\n}\r\n.ct-infobox__ic {\r\n  width: 38px; height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(184,118,42,.18);\r\n  border: 1px solid rgba(184,118,42,.28);\r\n  border-radius: 12px;\r\n  font-size: 1.1rem;\r\n  flex-shrink: 0;\r\n}\r\n.ct-infobox__label {\r\n  font-size: .7rem;\r\n  font-weight: 700;\r\n  letter-spacing: .10em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-60);\r\n  margin-bottom: 2px;\r\n}\r\n.ct-infobox__val {\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: 1.4rem;\r\n  color: var(--amber);\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n.ct-infobox__desc {\r\n  font-size: .82rem;\r\n  color: var(--ink-60);\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* STEPS *\/\r\n.ct-steps {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n.ct-step {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: .9rem;\r\n  color: var(--ink-60);\r\n  line-height: 1.4;\r\n}\r\n.ct-step__no {\r\n  width: 28px; height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--amber-glow);\r\n  border: 1px solid rgba(184,118,42,.25);\r\n  border-radius: 8px;\r\n  font-family: var(--font-head);\r\n  font-weight: 900;\r\n  font-size: .75rem;\r\n  color: var(--amber);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ============================\r\n   MOBILE\r\n   ============================ *\/\r\n@media (max-width: 760px) {\r\n  #bhc-contact .ct-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  .ct-hero__actions { flex-direction: column; }\r\n  .ct-hero__actions .ct-btn { width: 100%; }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .ct-sidebar { position: static; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #bhc-contact .ct-sec { padding: clamp(28px, 5vw, 48px) 0; }\r\n  .ct-formcard__body { padding: 16px; }\r\n  .ct-form-row { grid-template-columns: 1fr; gap: 0; }\r\n  .ct-pill {\r\n    white-space: normal;\r\n    text-overflow: unset;\r\n    overflow: visible;\r\n  }\r\n  .ct-hero__title { font-size: clamp(2rem, 9vw, 2.6rem); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function setHeroOffset(){\r\n    const hero = document.querySelector('#bhc-contact .ct-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    document.getElementById('bhc-contact').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\r\nfunction handleFormSubmit(event) {\r\n  event.preventDefault();\r\n  alert('To jest prototyp \u2014 formularz nie wysy\u0142a danych.');\r\n  return false;\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>Kontakt \u00b7 Kwalifikacja Express Porozmawiajmy o terminie. Kr\u00f3tka rozmowa lub formularz. Sprawdzimy, czy projekt wchodzi w Express i jaki jest najbli\u017cszy realny termin monta\u017cu. \ud83d\udcde Zadzwo\u0144: +48 690 627 004 Formularz kwalifikacji \u2193 Kwalifikacja Formularz kwalifikacji Opisz zakres i termin. Odpowiemy jasno: wchodzi \/ nie wchodzi w Express i co dalej. \ud83d\udccd Obs\u0142ugujemy ca\u0142e woj. [&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-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/79","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=79"}],"version-history":[{"count":28,"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}