{"id":10,"date":"2026-01-20T14:16:52","date_gmt":"2026-01-20T13:16:52","guid":{"rendered":"http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/?page_id=10"},"modified":"2026-02-28T22:09:29","modified_gmt":"2026-02-28T21:09:29","slug":"strona-glowna","status":"publish","type":"page","link":"http:\/\/www.bchworks.pl\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nbchworks \u2014 Meble na wymiar Express<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;700;900&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================\r\n RESET + ROOT\r\n ============================ *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\n:root {\r\n \/* Paleta \u2014 ciep\u0142e rzemios\u0142o + precyzja *\/\r\n --cream: #F4EDE3; \/* t\u0142o strony *\/\r\n --cream-deep: #EAE0D4; \/* hero t\u0142o *\/\r\n --sand: #DDD0BE; \/* linie, subtle *\/\r\n --amber: #B8762A; \/* akcent z\u0142oty *\/\r\n --amber-light: #D4943A; \/* hover z\u0142oty *\/\r\n --amber-glow: rgba(184,118,42,.18);\r\n --ink: #1A1612; \/* tekst g\u0142\u00f3wny *\/\r\n --ink-60: #6B5F53; \/* tekst muted *\/\r\n --ink-30: rgba(26,22,18,.12);\r\n --white: #FFFFFF;\r\n --surface: #FDFAF6; \/* karty *\/\r\n --surface-2: #F7F1E8; \/* karty soft *\/\r\n\r\n --wrap: min(1760px, 94vw);\r\n --pad: clamp(16px, 3vw, 40px);\r\n --r: 16px;\r\n\r\n --font-head: 'Sora', sans-serif;\r\n --font-body: 'DM Sans', sans-serif;\r\n}\r\n\r\nhtml, body {\r\n background: var(--cream);\r\n font-family: var(--font-body);\r\n color: var(--ink);\r\n -webkit-font-smoothing: antialiased;\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@keyframes scaleIn {\r\n from { opacity: 0; transform: scale(.94); }\r\n to { opacity: 1; transform: scale(1); }\r\n}\r\n@keyframes shimmer {\r\n 0% { background-position: -200% center; }\r\n 100% { background-position: 200% center; }\r\n}\r\n\r\n.anim-1 { animation: fadeUp .65s cubic-bezier(.22,1,.36,1) both; }\r\n.anim-2 { animation: fadeUp .65s .10s cubic-bezier(.22,1,.36,1) both; }\r\n.anim-3 { animation: fadeUp .65s .20s cubic-bezier(.22,1,.36,1) both; }\r\n.anim-4 { animation: fadeUp .65s .30s cubic-bezier(.22,1,.36,1) both; }\r\n.anim-5 { animation: fadeUp .65s .40s cubic-bezier(.22,1,.36,1) both; }\r\n.anim-6 { animation: fadeUp .65s .50s cubic-bezier(.22,1,.36,1) both; }\r\n\r\n\/* ============================\r\n HERO\r\n ============================ *\/\r\n.hero {\r\n --hero-img: url(\"http:\/\/serwer412053.lh.pl\/autoinstalator\/serwer412053.lh.pl\/wordpress147487\/wp-content\/uploads\/2026\/02\/Komoda2-scaled.jpg\");\r\n min-height: 100svh;\r\n position: relative;\r\n overflow: hidden;\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) 42%,\r\n rgba(234,224,212,.88) 56%,\r\n rgba(234,224,212,0) 72%\r\n ),\r\n var(--hero-img);\r\n background-size: cover;\r\n background-position: right center;\r\n}\r\n\r\n\/* Efekt tekstury ziarna \u2014 subtelna g\u0142\u0119bia *\/\r\n.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: .6;\r\n}\r\n\r\n\/* Ciep\u0142e po\u015bwiaty *\/\r\n.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\r\n.hero__wrap {\r\n position: relative;\r\n z-index: 1;\r\n max-width: var(--wrap);\r\n margin: 0 auto;\r\n padding: clamp(80px, 10vh, 120px) var(--pad) clamp(40px, 6vh, 80px);\r\n width: 100%;\r\n}\r\n\r\n.hero__badge {\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-family: var(--font-body);\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\r\n.hero__badge-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: pulse 2.2s ease-in-out infinite;\r\n}\r\n@keyframes pulse {\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.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-bottom: 10px;\r\n max-width: 700px;\r\n}\r\n\r\n\/* Z\u0142oty highlight z shimmerem *\/\r\n.hl {\r\n color: var(--amber);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n.hl::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 4px; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--amber), transparent);\r\n border-radius: 2px;\r\n opacity: .5;\r\n}\r\n\r\n.hero__sub {\r\n display: block;\r\n font-weight: 700;\r\n font-size: clamp(1.1rem, 2vw, 1.45rem);\r\n color: var(--ink-60);\r\n margin-top: 8px;\r\n letter-spacing: -.01em;\r\n}\r\n\r\n.hero__desc {\r\n margin: 16px 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.hero__desc b { color: var(--ink); font-weight: 700; }\r\n\r\n.hero__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .75rem;\r\n margin-bottom: 26px;\r\n}\r\n\r\n\/* KPIs *\/\r\n.kpis {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 10px;\r\n max-width: 560px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.kpi {\r\n background: rgba(255,255,255,.65);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(184,118,42,.18);\r\n border-radius: var(--r);\r\n padding: 14px 16px;\r\n transition: background .2s, transform .2s;\r\n}\r\n.kpi:hover {\r\n background: rgba(255,255,255,.82);\r\n transform: translateY(-2px);\r\n}\r\n.kpi__label {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: .78rem;\r\n color: var(--ink-60);\r\n margin-bottom: 4px;\r\n}\r\n.kpi__value {\r\n font-family: var(--font-head);\r\n font-weight: 900;\r\n font-size: 1.05rem;\r\n color: var(--ink);\r\n}\r\n\r\n.hero__foot {\r\n font-size: .76rem;\r\n color: var(--ink-60);\r\n max-width: 50rem;\r\n line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .hero {\r\n background-image:\r\n linear-gradient(180deg,\r\n var(--cream-deep) 0%,\r\n rgba(234,224,212,.95) 55%,\r\n rgba(234,224,212,.85) 100%\r\n ),\r\n var(--hero-img);\r\n background-position: center;\r\n }\r\n .kpis { grid-template-columns: repeat(3, 1fr); }\r\n .hero__actions { flex-direction: column; }\r\n .hero__actions .btn { width: 100%; }\r\n}\r\n\r\n\/* ============================\r\n MOBILE \u2014 pe\u0142na optymalizacja\r\n ============================ *\/\r\n@media (max-width: 600px) {\r\n \/* Hero \u2014 mniejszy padding na ma\u0142ych ekranach *\/\r\n .hero__wrap {\r\n padding-top: 90px;\r\n padding-bottom: 32px;\r\n }\r\n\r\n \/* KPI \u2014 kolumna na bardzo ma\u0142ych *\/\r\n .kpis {\r\n grid-template-columns: 1fr;\r\n max-width: 100%;\r\n }\r\n\r\n \/* Tytu\u0142 hero *\/\r\n .hero__title {\r\n font-size: clamp(2rem, 9vw, 2.8rem);\r\n }\r\n\r\n \/* Stopka hero *\/\r\n .hero__foot {\r\n font-size: .72rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n \/* Stats bar \u2014 2 kolumny zamiast 4 *\/\r\n .stats-bar {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n \/* Karty \u2014 przyciski pe\u0142na szeroko\u015b\u0107 *\/\r\n .card__actions {\r\n flex-direction: column;\r\n }\r\n .card__actions .btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n \/* Sec head \u2014 link \"Zobacz realizacje\" pod tytu\u0142em *\/\r\n .sec-head {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n \/* CTA akcje *\/\r\n .cta-block__actions {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n .cta-block__actions .btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n\/* ============================\r\n BUTTONS\r\n ============================ *\/\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n padding: .7rem 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}\r\n\r\n.btn--primary {\r\n background: var(--ink);\r\n color: #FAFAF8;\r\n border-color: var(--ink);\r\n box-shadow: 0 4px 14px rgba(26,22,18,.18);\r\n}\r\n.btn--primary:hover {\r\n color: white;\r\n background: #2D2820;\r\n box-shadow: 0 6px 20px rgba(26,22,18,.28);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.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.btn--gold:hover {\r\n color: white;\r\n background: var(--amber-light);\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(184,118,42,.40);\r\n}\r\n\r\n.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.btn--outline:hover {\r\n color: black;\r\n background: rgba(255,255,255,.92);\r\n border-color: rgba(26,22,18,.20);\r\n}\r\n\r\n.btn--ghost {\r\n background: transparent;\r\n color: var(--ink-60);\r\n border-color: transparent;\r\n}\r\n.btn--ghost:hover {\r\n background: rgba(255,255,255,.55);\r\n color: var(--ink);\r\n}\r\n\r\n\/* ============================\r\n HOME MAIN\r\n ============================ *\/\r\n.home {\r\n color: var(--ink);\r\n}\r\n\r\n.wrap {\r\n max-width: var(--wrap);\r\n margin: 0 auto;\r\n padding: 0 var(--pad);\r\n}\r\n\r\n.sec {\r\n padding: clamp(36px, 5vw, 64px) 0;\r\n}\r\n\r\n\/* ============================\r\n SECTION HEAD\r\n ============================ *\/\r\n.sec-head {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.sec-eyebrow {\r\n font-family: var(--font-body);\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-bottom: 6px;\r\n}\r\n\r\n.sec-h2 {\r\n font-family: var(--font-head);\r\n font-weight: 900;\r\n font-size: clamp(1.5rem, 2.5vw, 2.1rem);\r\n line-height: 1.15;\r\n letter-spacing: -.02em;\r\n color: var(--ink);\r\n margin: 0;\r\n}\r\n\r\n.sec-p {\r\n color: var(--ink-60);\r\n font-size: .96rem;\r\n margin: 6px 0 0;\r\n line-height: 1.55;\r\n}\r\n\r\n\/* ============================\r\n DIVIDER\r\n ============================ *\/\r\n.divider {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--sand) 20%, var(--sand) 80%, transparent);\r\n margin: 0 auto;\r\n max-width: var(--wrap);\r\n padding: 0 var(--pad);\r\n}\r\n\r\n\/* ============================\r\n KARTY KATEGORII\r\n ============================ *\/\r\n.grid-cards {\r\n display: grid;\r\n gap: 18px;\r\n grid-template-columns: 1fr;\r\n}\r\n@media (min-width: 720px) {\r\n .grid-cards { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (min-width: 1100px) {\r\n .grid-cards { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n.card {\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), 0 8px 24px rgba(26,22,18,.04);\r\n transition: box-shadow .25s, transform .25s, border-color .25s;\r\n position: relative;\r\n}\r\n.card:hover {\r\n box-shadow: 0 4px 20px rgba(26,22,18,.08), 0 16px 40px rgba(26,22,18,.08);\r\n transform: translateY(-4px);\r\n border-color: rgba(184,118,42,.30);\r\n}\r\n\r\n\/* z\u0142ota belka top na hover *\/\r\n.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.card:hover::before { opacity: 1; }\r\n\r\n.card__img {\r\n height: 210px;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n.card__img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transform: scale(1.03);\r\n transition: transform .4s ease;\r\n filter: saturate(.92) brightness(.97);\r\n}\r\n.card:hover .card__img img {\r\n transform: scale(1.09);\r\n filter: saturate(1.05) brightness(1);\r\n}\r\n\r\n\/* Kategoria overlay na zdj\u0119ciu *\/\r\n.card__cat {\r\n position: absolute;\r\n bottom: 10px; left: 12px;\r\n background: rgba(26,22,18,.72);\r\n backdrop-filter: blur(6px);\r\n color: #fff;\r\n font-size: .72rem;\r\n font-weight: 700;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n padding: .22rem .65rem;\r\n border-radius: 6px;\r\n}\r\n\r\n.card__body { padding: 18px 18px 20px; }\r\n\r\n.card__title {\r\n font-family: var(--font-head);\r\n font-weight: 900;\r\n font-size: 1.05rem;\r\n margin-bottom: 6px;\r\n color: var(--ink);\r\n}\r\n\r\n.card__desc {\r\n color: var(--ink-60);\r\n font-size: .91rem;\r\n line-height: 1.55;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.badges {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n margin-bottom: 16px;\r\n}\r\n.badge {\r\n padding: .22rem .62rem;\r\n background: var(--surface-2);\r\n border: 1px solid var(--sand);\r\n border-radius: 7px;\r\n font-size: .75rem;\r\n font-weight: 600;\r\n color: var(--ink-60);\r\n transition: background .15s, color .15s;\r\n}\r\n.card:hover .badge {\r\n background: rgba(184,118,42,.10);\r\n border-color: rgba(184,118,42,.30);\r\n color: var(--amber);\r\n}\r\n\r\n.card__actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n\/* ============================\r\n TRUST\r\n ============================ *\/\r\n.grid-trust {\r\n display: grid;\r\n gap: 18px;\r\n grid-template-columns: 1fr;\r\n}\r\n@media (min-width: 820px) {\r\n .grid-trust { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n.trust-card {\r\n background: var(--surface-2);\r\n border: 1px solid var(--sand);\r\n border-radius: 18px;\r\n padding: 24px 22px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: box-shadow .25s, transform .25s;\r\n}\r\n.trust-card:hover {\r\n box-shadow: 0 8px 28px rgba(26,22,18,.08);\r\n transform: translateY(-3px);\r\n}\r\n\r\n\/* Dekoracyjny kr\u0105g w naro\u017cniku *\/\r\n.trust-card::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -30px; right: -30px;\r\n width: 100px; height: 100px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(184,118,42,.12), transparent 70%);\r\n pointer-events: none;\r\n}\r\n\r\n.trust-icon {\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.trust-title {\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-bottom: 8px;\r\n}\r\n\r\n.trust-desc {\r\n color: var(--ink-60);\r\n font-size: .9rem;\r\n line-height: 1.55;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.checks {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n.check {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: .9rem;\r\n color: var(--ink-60);\r\n}\r\n.check__ic {\r\n width: 20px; height: 20px;\r\n flex-shrink: 0;\r\n background: var(--white);\r\n border: 1px solid rgba(184,118,42,.30);\r\n border-radius: 6px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: .75rem;\r\n color: var(--amber);\r\n font-weight: 900;\r\n}\r\n\r\n\/* ============================\r\n STATS BAR\r\n ============================ *\/\r\n.stats-bar {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 1px;\r\n background: var(--sand);\r\n border: 1px solid var(--sand);\r\n border-radius: 18px;\r\n overflow: hidden;\r\n margin: 0 0 0;\r\n}\r\n.stat {\r\n background: var(--surface);\r\n padding: 22px 20px;\r\n text-align: center;\r\n transition: background .2s;\r\n}\r\n.stat:hover { background: var(--surface-2); }\r\n.stat__num {\r\n font-family: var(--font-head);\r\n font-weight: 900;\r\n font-size: 1.9rem;\r\n color: var(--amber);\r\n letter-spacing: -.02em;\r\n line-height: 1;\r\n}\r\n.stat__label {\r\n font-size: .8rem;\r\n color: var(--ink-60);\r\n margin-top: 4px;\r\n}\r\n\r\n\/* ============================\r\n CTA\r\n ============================ *\/\r\n.cta-block {\r\n background: var(--ink);\r\n border-radius: 22px;\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}\r\n@media (min-width: 820px) {\r\n .cta-block {\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n}\r\n\r\n\/* Z\u0142ota po\u015bwiata w tle CTA *\/\r\n.cta-block::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.cta-block::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\r\n.cta-block__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-bottom: 8px;\r\n position: relative; z-index: 1;\r\n}\r\n.cta-block__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-bottom: 6px;\r\n position: relative; z-index: 1;\r\n}\r\n.cta-block__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 position: relative; z-index: 1;\r\n}\r\n.cta-block__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\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================\r\n HERO\r\n ============================ -->\r\n<section class=\"hero\">\r\n <div class=\"hero__wrap\">\r\n\r\n <div class=\"hero__badge anim-1\">\r\n <span class=\"hero__badge-dot\"><\/span>\r\n bchworks.pl \u00b7 woj. \u015bl\u0105skie \u00b7 Termin od akceptacji + zaliczki\r\n <\/div>\r\n\r\n <h1 class=\"hero__title anim-2\">\r\n Meble na wymiar<br>\r\n w <span class=\"hl\">21\u201328 dni<\/span>.\r\n <span class=\"hero__sub\">Bez czekania miesi\u0105cami.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero__desc anim-3\">\r\n Tryb <b>Express<\/b> dla projekt\u00f3w, kt\u00f3re da si\u0119 dowie\u017a\u0107 terminowo.\r\n Jeden zakres, jedna decyzja, jeden monta\u017c \u2014 bez improwizacji.\r\n <\/p>\r\n\r\n <div class=\"hero__actions anim-4\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--gold\">Sprawd\u017a kwalifikacj\u0119 \u2192<\/a>\r\n <a href=\"tel:+48690627004\" class=\"btn btn--outline\">\ud83d\udcde +48 690 627 004<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--ghost\">Zasady Express<\/a>\r\n <\/div>\r\n\r\n <div class=\"kpis anim-5\">\r\n <div class=\"kpi\">\r\n <div class=\"kpi__label\"><span>\u23f1\ufe0f<\/span> Termin<\/div>\r\n <div class=\"kpi__value\">21\u201328 dni<\/div>\r\n <\/div>\r\n <div class=\"kpi\">\r\n <div class=\"kpi__label\"><span>\ud83d\udccb<\/span> Proces<\/div>\r\n <div class=\"kpi__value\">4 kroki<\/div>\r\n <\/div>\r\n <div class=\"kpi\">\r\n <div class=\"kpi__label\"><span>\ud83d\udd28<\/span> Monta\u017c<\/div>\r\n <div class=\"kpi__value\">w pakiecie<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"hero__foot anim-6\">\r\n Woj. \u015bl\u0105skie: Katowice, Bytom, Gliwice, Zabrze, Tychy, Sosnowiec,\r\n D\u0105browa G\u00f3rnicza, Chorz\u00f3w, Ruda \u015al\u0105ska i okolice.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ============================\r\n STATS BAR\r\n ============================ -->\r\n<div class=\"wrap\" style=\"padding-top:32px; padding-bottom:32px;\">\r\n <div class=\"stats-bar\">\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">21\u201328<\/div>\r\n <div class=\"stat__label\">dni realizacji<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">4<\/div>\r\n <div class=\"stat__label\">kroki procesu<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">1<\/div>\r\n <div class=\"stat__label\">osoba do kontaktu<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">0<\/div>\r\n <div class=\"stat__label\">niespodzianek w trakcie<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<main class=\"home\">\r\n\r\n <!-- ==========================\r\n KATEGORIE\r\n ========================== -->\r\n <section class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <p class=\"sec-eyebrow\">Zakres<\/p>\r\n <h2 class=\"sec-h2\">Co robimy w Express<\/h2>\r\n <p class=\"sec-p\">Nie dzielimy tego na osobne marki. Jeden tryb, wiele zastosowa\u0144.<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"btn btn--outline\">Zobacz realizacje \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"grid-cards\">\r\n\r\n <article class=\"card\">\r\n <div class=\"card__img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?auto=format&fit=crop&w=900&q=80\" alt=\"Kuchnie i aneksy\" loading=\"lazy\">\r\n <span class=\"card__cat\">Kuchnie<\/span>\r\n <\/div>\r\n <div class=\"card__body\">\r\n <h3 class=\"card__title\">Kuchnie i aneksy<\/h3>\r\n <p class=\"card__desc\">Funkcjonalnie, czysto, bez przeci\u0105gania projektu w niesko\u0144czono\u015b\u0107.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\">kuchnia w mieszkaniu<\/span>\r\n <span class=\"badge\">aneks<\/span>\r\n <span class=\"badge\">proste fronty<\/span>\r\n <span class=\"badge\">standardowe okucia<\/span>\r\n <\/div>\r\n <div class=\"card__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--primary\">Kwalifikacja<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--outline\">Zasady<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card__img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=900&q=80\" alt=\"Szafy i garderoby\" loading=\"lazy\">\r\n <span class=\"card__cat\">Szafy<\/span>\r\n <\/div>\r\n <div class=\"card__body\">\r\n <h3 class=\"card__title\">Szafy i garderoby<\/h3>\r\n <p class=\"card__desc\">Zabudowy, wn\u0119trza szaf, wieszaki, p\u00f3\u0142ki \u2014 wszystko pod termin.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\">szafa do przedpokoju<\/span>\r\n <span class=\"badge\">garderoba<\/span>\r\n <span class=\"badge\">zabudowa wn\u0119k<\/span>\r\n <span class=\"badge\">drzwi przesuwne<\/span>\r\n <\/div>\r\n <div class=\"card__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--primary\">Kwalifikacja<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--outline\">Zasady<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card__img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505691938895-1758d7feb511?auto=format&fit=crop&w=900&q=80\" alt=\"Zabudowy i meble do domu\" loading=\"lazy\">\r\n <span class=\"card__cat\">Dom<\/span>\r\n <\/div>\r\n <div class=\"card__body\">\r\n <h3 class=\"card__title\">Zabudowy i meble do domu<\/h3>\r\n <p class=\"card__desc\">\u0141azienka, pralnia, sypialnia \u2014 prosto, solidnie, szybko.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\">szafka RTV<\/span>\r\n <span class=\"badge\">\u0142azienka<\/span>\r\n <span class=\"badge\">zabudowa pralki<\/span>\r\n <span class=\"badge\">biblioteczka<\/span>\r\n <\/div>\r\n <div class=\"card__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--primary\">Kwalifikacja<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--outline\">Zasady<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card__img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=900&q=80\" alt=\"Meble firmowe i sklepowe\" loading=\"lazy\">\r\n <span class=\"card__cat\">Komercja<\/span>\r\n <\/div>\r\n <div class=\"card__body\">\r\n <h3 class=\"card__title\">Meble firmowe i sklepowe<\/h3>\r\n <p class=\"card__desc\">Recepcje, wyspy, proste fit-outy \u2014 termin przed otwarciem.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\">recepcja<\/span>\r\n <span class=\"badge\">wyspa sklepowa<\/span>\r\n <span class=\"badge\">zabudowa biura<\/span>\r\n <span class=\"badge\">lada<\/span>\r\n <\/div>\r\n <div class=\"card__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--primary\">Kwalifikacja<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--outline\">Zasady<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card__img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523413651479-597eb2da0ad6?auto=format&fit=crop&w=900&q=80\" alt=\"Meble ogrodowe\" loading=\"lazy\">\r\n <span class=\"card__cat\">Ogr\u00f3d<\/span>\r\n <\/div>\r\n <div class=\"card__body\">\r\n <h3 class=\"card__title\">Meble ogrodowe<\/h3>\r\n <p class=\"card__desc\">Sto\u0142y, \u0142awy, siedziska \u2014 konstrukcje do u\u017cytku, nie do katalogu.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\">st\u00f3\u0142<\/span>\r\n <span class=\"badge\">\u0142awa<\/span>\r\n <span class=\"badge\">naro\u017cnik<\/span>\r\n <span class=\"badge\">skrzynia<\/span>\r\n <\/div>\r\n <div class=\"card__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--primary\">Kwalifikacja<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--outline\">Zasady<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card__img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501183638710-841dd1904471?auto=format&fit=crop&w=900&q=80\" alt=\"Tarasy, pergole, zadaszenia\" loading=\"lazy\">\r\n <span class=\"card__cat\">Zewn\u0119trze<\/span>\r\n <\/div>\r\n <div class=\"card__body\">\r\n <h3 class=\"card__title\">Tarasy, pergole, zadaszenia<\/h3>\r\n <p class=\"card__desc\">Proste konstrukcje z jasnymi za\u0142o\u017ceniami i bez niespodzianek.<\/p>\r\n <div class=\"badges\">\r\n <span class=\"badge\">taras<\/span>\r\n <span class=\"badge\">pergola<\/span>\r\n <span class=\"badge\">zadaszenie<\/span>\r\n <span class=\"badge\">drewutnia<\/span>\r\n <\/div>\r\n <div class=\"card__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--primary\">Kwalifikacja<\/a>\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/express\/\" class=\"btn btn--outline\">Zasady<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <!-- ==========================\r\n TRUST\r\n ========================== -->\r\n <section class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <p class=\"sec-eyebrow\">Dlaczego to dzia\u0142a<\/p>\r\n <h2 class=\"sec-h2\">Produkt, nie obietnica<\/h2>\r\n <p class=\"sec-p\">Termin 21\u201328 dni jest realny wy\u0142\u0105cznie przy konkretnych zasadach.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid-trust\">\r\n\r\n <article class=\"trust-card\">\r\n <span class=\"trust-icon\">\ud83d\udee1\ufe0f<\/span>\r\n <h3 class=\"trust-title\">Express to produkt, nie obietnica<\/h3>\r\n <p class=\"trust-desc\">Dlatego zasady pokazujemy wprost \u2014 jasno, przed podpisaniem.<\/p>\r\n <div class=\"checks\">\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> jasny zakres<\/div>\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> brak zmian po akceptacji<\/div>\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> slot po zaliczce<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"trust-card\">\r\n <span class=\"trust-icon\">\ud83d\udd27<\/span>\r\n <h3 class=\"trust-title\">Dowozimy termin, bo upraszczamy<\/h3>\r\n <p class=\"trust-desc\">Nie robimy artystycznych projekt\u00f3w z setkami detali. Robimy skutecznie.<\/p>\r\n <div class=\"checks\">\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> projekt funkcjonalny<\/div>\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> powtarzalne rozwi\u0105zania<\/div>\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> kontrola jako\u015bci<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"trust-card\">\r\n <span class=\"trust-icon\">\ud83d\udccb<\/span>\r\n <h3 class=\"trust-title\">Czysta komunikacja<\/h3>\r\n <p class=\"trust-desc\">Na starcie wiesz: TAK\/NIE dla Express + kiedy wchodzimy z monta\u017cem.<\/p>\r\n <div class=\"checks\">\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> 1 osoba do kontaktu<\/div>\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> kr\u00f3tkie decyzje<\/div>\r\n <div class=\"check\"><span class=\"check__ic\">\u2713<\/span> aktualizacje w trakcie<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <!-- ==========================\r\n CTA\r\n ========================== -->\r\n <section class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"cta-block\">\r\n <div>\r\n <p class=\"cta-block__label\">Masz termin?<\/p>\r\n <h2 class=\"cta-block__title\">Zacznijmy od kwalifikacji.<\/h2>\r\n <p class=\"cta-block__desc\">5 minut rozmowy. Powiemy, czy projekt wchodzi w Express i jaki jest najbli\u017cszy realny termin monta\u017cu.<\/p>\r\n <\/div>\r\n <div class=\"cta-block__actions\">\r\n <a href=\"https:\/\/www.bchworks.pl\/index.php\/kontakt\/\" class=\"btn btn--gold\">Sprawd\u017a kwalifikacj\u0119<\/a>\r\n <a href=\"tel:+48690627004\" class=\"btn btn--outline\" style=\"background:rgba(255,255,255,.10); color:#FAFAF8; border-color:rgba(255,255,255,.20);\">Zadzwo\u0144<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>\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>bchworks \u2014 Meble na wymiar Express bchworks.pl \u00b7 woj. \u015bl\u0105skie \u00b7 Termin od akceptacji + zaliczki Meble na wymiar w 21\u201328 dni. Bez czekania miesi\u0105cami. Tryb Express dla projekt\u00f3w, kt\u00f3re da si\u0119 dowie\u017a\u0107 terminowo. Jeden zakres, jedna decyzja, jeden monta\u017c \u2014 bez improwizacji. Sprawd\u017a kwalifikacj\u0119 \u2192 \ud83d\udcde +48 690 627 004 Zasady Express \u23f1\ufe0f Termin […]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":157,"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":554,"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/554"}],"wp:attachment":[{"href":"http:\/\/www.bchworks.pl\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}