:root{--black:#0a0a0a;--dark:#151515;--graphite:#242424;--text:#232323;--muted:#666;--light:#f5f5f5;--white:#fff;--red:#dc2626;--red-dark:#b91c1c;--border:#e5e5e5;--shadow:0 18px 45px rgba(0,0,0,.14);--radius:18px;--font-head:'Montserrat',Arial,sans-serif;--font-body:'Open Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--white);line-height:1.65;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:12px;background:var(--red);color:var(--white);padding:10px 14px;z-index:999}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px}.logo{font-family:var(--font-head);font-weight:800;font-size:1.45rem;letter-spacing:.04em;color:var(--white)}.logo span{color:var(--red)}.main-nav{position:absolute;left:0;right:0;top:72px;background:var(--black);display:grid;gap:2px;max-height:0;overflow:hidden;transition:max-height .25s ease}.main-nav.open{max-height:280px}.main-nav a{color:var(--white);padding:14px 24px;border-top:1px solid rgba(255,255,255,.08)}.main-nav a:hover,.main-nav a:focus{background:rgba(220,38,38,.18);outline:none}.nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:5px;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:10px;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:var(--white);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:700;line-height:1.2;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn:focus,.filter-btn:focus,input:focus,select:focus,textarea:focus,.ba-slider:focus{outline:3px solid rgba(220,38,38,.45);outline-offset:3px}.btn-primary,.btn-phone{background:var(--red);color:var(--white)}.btn-primary:hover,.btn-phone:hover{background:var(--red-dark)}.btn-outline{border-color:var(--white);color:var(--white)}.btn-outline:hover{background:var(--white);color:var(--black)}.btn-phone{display:none;padding:10px 16px;font-size:.92rem}.hero{min-height:100vh;position:relative;display:grid;align-items:center;color:var(--white);isolation:isolate;padding:96px 0 48px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.66)),url('https://placehold.co/1600x1000/202020/ffffff?text=Renowacja+dachu') center/cover;z-index:-1}.hero-content{max-width:760px;margin-left:max(16px,calc((100% - 1120px)/2))}.eyebrow{color:#ffb4b4;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem;margin:0 0 10px}.eyebrow.dark{color:var(--red)}h1,h2,h3{font-family:var(--font-head);line-height:1.12;margin:0 0 14px}h1{font-size:clamp(2.35rem,9vw,5rem)}h2{font-size:clamp(2rem,6vw,3.2rem)}h3{font-size:1.25rem}.hero-subtitle{font-size:clamp(1.25rem,4vw,2rem);font-weight:700;margin:0 0 14px}.hero-text{font-size:1.08rem;max-width:620px;color:#f1f1f1}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.google-rating{display:inline-flex;gap:8px;align-items:center;color:#ffd166;font-weight:700}.trust-bar{background:var(--red);color:var(--white);padding:18px 0}.trust-grid{display:grid;gap:12px}.trust-grid div{display:flex;align-items:center;gap:9px}.section{padding:72px 0}.section-heading{max-width:760px;margin:0 auto 34px;text-align:center}.section-heading p:not(.eyebrow){color:var(--muted);margin:0}.services{background:var(--white)}.cards-grid,.before-after-grid,.process-grid,.review-grid,.video-grid{display:grid;gap:22px}.service-card,.review-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover,.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card img{aspect-ratio:16/10;object-fit:cover}.service-card div{padding:22px}.service-card p{color:var(--muted)}.service-card a{color:var(--red);font-weight:800}.realizations{background:var(--light)}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}.filter-btn{border:1px solid var(--border);background:var(--white);border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700}.filter-btn.active{background:var(--red);color:var(--white);border-color:var(--red)}.before-after{background:var(--white);padding:16px;border-radius:var(--radius);box-shadow:0 10px 24px rgba(0,0,0,.08)}.ba-slider{position:relative;overflow:hidden;border-radius:14px;cursor:ew-resize;user-select:none;touch-action:none;background:#ddd}.ba-slider img{width:100%;aspect-ratio:16/10;object-fit:cover}.ba-before{position:absolute;inset:0;width:50%;overflow:hidden}.ba-before img{width:100%;height:100%;max-width:none;object-fit:cover}.scroll-compare .ba-before picture,.scroll-compare .ba-before img{width:100vw;max-width:none}.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:var(--white);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ba-handle:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:var(--white);font-weight:800}.ba-label{position:absolute;top:12px;padding:6px 10px;border-radius:999px;background:rgba(10,10,10,.74);color:var(--white);font-weight:800;font-size:.82rem}.ba-label.before{left:12px}.ba-label.after{right:12px}.videos{margin-top:36px}.videos h3{text-align:center}.video-grid video{background:var(--black);border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:16/9;width:100%}.process{background:var(--black);color:var(--white)}.process .section-heading p{color:#ccc}.process-card{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,#1b1b1b,#111)}.process-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--red);font-family:var(--font-head);font-weight:800;margin-bottom:18px}.process-card p{color:#ccc}.review-card{padding:24px}.review-card div{color:#f59e0b;font-weight:800;margin-bottom:10px}.center{text-align:center;margin-top:28px}.contact{background:linear-gradient(180deg,#151515,#0a0a0a);color:var(--white)}.contact-grid{display:grid;gap:30px}.contact-info p{color:#ddd}.contact-list{list-style:none;padding:0;margin:24px 0}.contact-list li{margin-bottom:10px}.contact-list a{text-decoration:underline;text-decoration-color:var(--red)}iframe{width:100%;min-height:300px;border:0;border-radius:var(--radius);filter:grayscale(.25)}.contact-form{background:var(--white);color:var(--text);padding:22px;border-radius:var(--radius);box-shadow:var(--shadow)}.contact-form label{display:grid;gap:7px;margin-bottom:15px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d6d6d6;border-radius:12px;padding:12px 14px;background:#fff}.contact-form textarea{resize:vertical}.checkbox{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;font-weight:600!important}.checkbox input{width:auto;margin-top:6px}.hp-field{position:absolute!important;left:-9999px!important;opacity:0}.form-message{min-height:26px;margin:12px 0 0;font-weight:700}.form-message.success{color:#047857}.form-message.error{color:var(--red)}.site-footer{background:var(--black);color:var(--white);padding:42px 0 20px}.footer-grid{display:grid;gap:24px}.footer-grid h2{font-size:1rem;margin-bottom:10px}.footer-grid a{display:block;color:#ddd;margin-bottom:7px}.footer-grid p{color:#ccc}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;color:#aaa;font-size:.92rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.btn,.service-card,.review-card{transition:none}.btn:hover,.service-card:hover,.review-card:hover{transform:none}}@media (min-width:768px){.btn-phone{display:inline-flex}.trust-grid{grid-template-columns:repeat(4,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.before-after-grid{grid-template-columns:repeat(3,1fr)}.process-grid,.review-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.contact-form{padding:30px}.section{padding:92px 0}}@media (min-width:1024px){.nav-toggle{display:none}.main-nav{position:static;display:flex;align-items:center;gap:24px;max-height:none;overflow:visible;background:transparent}.main-nav a{padding:0;border:0}.main-nav a:hover,.main-nav a:focus{background:transparent;color:#ffb4b4}.cards-grid{grid-template-columns:repeat(3,1fr)}.process-grid,.review-grid{grid-template-columns:repeat(4,1fr)}.review-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.hero-content{margin-left:auto;margin-right:auto;width:min(1120px,calc(100% - 32px))}}

.services-intro{background:var(--white);padding:72px 0 36px}.service-showcase{position:relative;height:240vh;isolation:isolate;background:var(--black);color:var(--white)}.service-showcase+.service-showcase{border-top:1px solid rgba(255,255,255,.12)}.service-bg{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;border-radius:0;z-index:0;pointer-events:none}.service-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.66) 48%,rgba(10,10,10,.22) 100%);pointer-events:none;z-index:3}.service-showcase-right .service-bg:after{background:linear-gradient(270deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.66) 48%,rgba(10,10,10,.22) 100%)}.service-bg>img,.service-bg>picture,.service-bg>picture>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.service-bg .ba-before picture,.service-bg .ba-before img{height:100%;aspect-ratio:auto;object-fit:cover}.service-bg .ba-before{z-index:1}.service-bg .ba-label{top:auto;bottom:24px;z-index:5;background:rgba(10,10,10,.86);border:1px solid rgba(255,255,255,.22);font-size:.95rem}.service-bg .ba-label.before{left:24px}.service-bg .ba-label.after{right:24px}.service-bg .ba-handle{z-index:4;width:5px;background:var(--white);box-shadow:0 0 0 1px rgba(0,0,0,.24),0 0 22px rgba(0,0,0,.5)}.service-bg .ba-handle:after{content:'🖌';width:58px;height:58px;border:3px solid var(--white);box-shadow:0 12px 30px rgba(0,0,0,.4);font-size:1.35rem;animation:tool-work 1.8s ease-in-out infinite}.service-bg .ba-handle:before{content:'';position:absolute;top:50%;left:50%;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 58% 24%,rgba(220,38,38,.95) 0 4px,transparent 5px),radial-gradient(circle at 40% 76%,rgba(220,38,38,.75) 0 3px,transparent 4px),radial-gradient(circle at 68% 70%,rgba(255,255,255,.9) 0 2px,transparent 3px);animation:paint-splashes 1.8s ease-in-out infinite;pointer-events:none}.service-showcase-content{position:sticky;z-index:2;top:72px;min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;width:min(1120px,calc(100% - 32px));margin-top:calc(-100vh + 72px);padding:72px 0;pointer-events:none}.service-showcase-content a,.service-showcase-content button{pointer-events:auto}.service-showcase-right .service-showcase-content{display:flex;align-items:flex-end}.service-showcase-content>p,.service-showcase-content>h2,.service-showcase-content>.service-tags,.service-showcase-content>a{max-width:500px}.service-showcase-right .service-showcase-content>p,.service-showcase-right .service-showcase-content>h2,.service-showcase-right .service-showcase-content>.service-tags,.service-showcase-right .service-showcase-content>a{margin-left:0}.service-showcase-content h2{font-size:clamp(2.2rem,7vw,4.5rem);text-shadow:0 4px 22px rgba(0,0,0,.6);margin-bottom:10px}.service-showcase-content p:not(.eyebrow){font-size:1.08rem;color:#f4f4f4;text-shadow:0 3px 14px rgba(0,0,0,.72);margin:0 0 16px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.service-tags span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(10,10,10,.42);backdrop-filter:blur(7px);color:var(--white);border-radius:999px;padding:8px 12px;font-weight:800;font-size:.9rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.service-showcase-content .btn{box-shadow:0 14px 30px rgba(220,38,38,.28);width:max-content;max-width:100%}@media (max-width:767px){.service-showcase{height:230vh}.service-bg{top:72px;height:calc(100vh - 72px)}.service-bg:after,.service-showcase-right .service-bg:after{background:linear-gradient(180deg,rgba(10,10,10,.72),rgba(10,10,10,.86))}.service-showcase-content{top:72px;min-height:calc(100vh - 72px);margin-top:calc(-100vh + 72px);padding:56px 0 88px}.service-bg .ba-label{bottom:14px}.service-bg .ba-label.before{left:14px}.service-bg .ba-label.after{right:14px}.service-bg .ba-handle:after{width:48px;height:48px}.service-showcase-right .service-showcase-content{align-items:flex-start}.service-showcase-right .service-showcase-content>p,.service-showcase-right .service-showcase-content>h2,.service-showcase-right .service-showcase-content>.service-tags,.service-showcase-right .service-showcase-content>a{margin-left:0}}@media (min-width:768px){.services-intro{padding:92px 0 44px}.service-showcase-content p:not(.eyebrow){font-size:1.13rem}.service-showcase-right .service-showcase-content{text-align:left}}
@media (max-width:767px){.service-showcase{height:230svh;height:230dvh}.service-bg{top:64px;height:calc(100svh - 64px);height:calc(100dvh - 64px)}.service-showcase-content{top:64px;min-height:calc(100svh - 64px);min-height:calc(100dvh - 64px);margin-top:calc(-100svh + 64px);margin-top:calc(-100dvh + 64px)}}

@keyframes tool-work{0%,100%{transform:translate(-50%,-50%) rotate(-12deg) scale(1)}35%{transform:translate(-50%,-55%) rotate(10deg) scale(1.06)}65%{transform:translate(-50%,-46%) rotate(-6deg) scale(.98)}}@keyframes paint-splashes{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.78) rotate(0deg)}40%{opacity:.95;transform:translate(-50%,-50%) scale(1) rotate(12deg)}70%{opacity:.45;transform:translate(-50%,-50%) scale(.9) rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.service-bg .ba-handle:after,.service-bg .ba-handle:before{animation:none}}

.service-bg>picture,.service-bg>picture>img,.service-bg>.ba-before>picture,.service-bg>.ba-before>picture>img{display:block}.service-bg>picture{position:absolute;inset:0;width:100%;height:100%}.service-bg>picture>img{width:100%;height:100%;object-fit:cover}.scroll-compare>.ba-before{height:100%;overflow:hidden}.scroll-compare>.ba-before>picture{position:absolute;inset:0;width:100vw;height:100%}.scroll-compare>.ba-before>picture>img{width:100vw;height:100%;max-width:none;object-fit:cover}.service-bg>img{position:absolute;inset:0}.service-showcase{min-height:240vh}.service-bg{min-height:calc(100vh - 72px)}.service-showcase-content{min-height:calc(100vh - 72px)}@media (max-width:767px){.service-showcase{height:240vh!important;min-height:240vh!important}.service-bg{top:72px!important;height:calc(100vh - 72px)!important;min-height:calc(100vh - 72px)!important}.service-showcase-content{top:72px!important;min-height:calc(100vh - 72px)!important;margin-top:calc(-100vh + 72px)!important}}

.service-bg:after{background:linear-gradient(90deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,.42) 46%,rgba(10,10,10,.08) 100%)}.service-showcase-right .service-bg:after{background:linear-gradient(270deg,rgba(10,10,10,.62) 0%,rgba(10,10,10,.42) 46%,rgba(10,10,10,.08) 100%)}@media (max-width:767px){.service-bg:after,.service-showcase-right .service-bg:after{background:linear-gradient(180deg,rgba(10,10,10,.36) 0%,rgba(10,10,10,.48) 58%,rgba(10,10,10,.62) 100%)}}

.hero-bg{background:linear-gradient(90deg,rgba(10,10,10,.86),rgba(10,10,10,.58)),url('https://placehold.co/1600x1000/202020/ffffff?text=Renowacja+dachu') center/cover;overflow:hidden}.hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.84),rgba(10,10,10,.56));z-index:1}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}

.hero-content{margin-left:16px;margin-right:auto;max-width:640px}.hero-text{max-width:560px}@media (min-width:768px){.hero-content{margin-left:max(24px,calc((100% - 1120px)/2));max-width:620px}}@media (min-width:1024px){.hero-content{margin-left:max(32px,calc((100% - 1120px)/2));margin-right:auto;width:auto;max-width:610px}}

.hero-bg:after{background:linear-gradient(90deg,rgba(10,10,10,.58),rgba(10,10,10,.32),rgba(10,10,10,.08))}@media (max-width:767px){.hero-bg:after{background:linear-gradient(180deg,rgba(10,10,10,.28),rgba(10,10,10,.44),rgba(10,10,10,.56))}}
.ba-slider>picture,.ba-slider>picture>img{width:100%;height:100%;display:block}.ba-slider>picture>img{aspect-ratio:16/10;object-fit:cover}.ba-slider .ba-before picture,.ba-slider .ba-before picture>img{height:100%;display:block}.ba-slider .ba-before picture{width:100%}.ba-slider .ba-before picture>img{width:100%;max-width:none;object-fit:cover}

@media (max-width:767px){.hero{min-height:100svh;min-height:100dvh;padding:88px 0 34px}.hero-video{width:200%;height:200%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover}.hero-bg:after{background:linear-gradient(180deg,rgba(10,10,10,.18),rgba(10,10,10,.38),rgba(10,10,10,.66))}.hero-content{max-width:calc(100% - 28px);margin-left:14px}.hero-text{display:none}.hero-actions{margin:22px 0 14px}.hero-actions .btn{width:100%;padding-inline:16px}.hero-actions .btn-outline{display:none}.google-rating{font-size:.92rem}.hero-subtitle{font-size:1.15rem}}

.realizations-container{width:min(1440px,calc(100% - 24px))}.realizations .section-heading{max-width:900px}.before-after-grid{gap:28px}.before-after{padding:18px}.before-after h3{font-size:clamp(1.15rem,2.2vw,1.55rem);margin-bottom:14px}.before-after .ba-slider img{aspect-ratio:16/11}.before-after .ba-handle{width:5px}.before-after .ba-handle:after{width:52px;height:52px;font-size:1.05rem}@media (min-width:768px){.before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.realizations{padding-left:0;padding-right:0}.before-after{padding:20px;border-radius:22px}.before-after .ba-slider img{aspect-ratio:16/10}}

.ba-slider>.ba-before>img,.ba-slider>.ba-before>picture{width:var(--ba-full-width,100%);max-width:none}.ba-slider>.ba-before>picture>img{width:var(--ba-full-width,100%);max-width:none}.before-after .ba-slider>.ba-before>img,.before-after .ba-slider>.ba-before>picture,.before-after .ba-slider>.ba-before>picture>img{height:100%;object-fit:cover}

.add-on-service{background:var(--white)}.add-on-service-inner{max-width:920px;background:linear-gradient(135deg,#fff,#f7f7f7);border:1px solid var(--border);border-left:6px solid var(--red);border-radius:24px;padding:32px;box-shadow:0 14px 34px rgba(0,0,0,.08)}.add-on-service h2{font-size:clamp(1.8rem,4vw,3rem)}.add-on-service p:not(.eyebrow){color:var(--muted);max-width:720px;margin-bottom:22px}

.realizations-container{width:min(1680px,calc(100% - 12px))}.before-after-grid{gap:18px}.before-after{padding:12px}@media (min-width:1024px){.realizations-container{width:min(1760px,calc(100% - 16px))}.before-after-grid{gap:22px}.before-after{padding:14px}.before-after .ba-slider img{aspect-ratio:16/9}}

.form-hint{margin:-8px 0 15px;color:#555;font-size:.92rem;line-height:1.45;background:#f7f7f7;border-left:4px solid var(--red);border-radius:10px;padding:10px 12px}

.review-grid{align-items:stretch}.review-card{display:flex;flex-direction:column}.review-card p{flex:1}@media (min-width:1024px){.review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-card:nth-child(4),.review-card:nth-child(5){transform:translateX(50%)}.review-card:nth-child(4):hover,.review-card:nth-child(5):hover{transform:translateX(50%) translateY(-5px)}}@media (max-width:1023px){.review-card:nth-child(4),.review-card:nth-child(5){transform:none}}

.hero{min-height:calc(100vh - 72px);height:calc(100vh - 72px)}@media (max-width:767px){.hero{min-height:calc(100svh - 72px);min-height:calc(100dvh - 72px);height:calc(100svh - 72px);height:calc(100dvh - 72px)}}

.hero h1{font-size:clamp(2.05rem,7.6vw,4.35rem)}.service-showcase-content h2{font-size:clamp(2rem,6.2vw,4rem)}@media (max-width:767px){.hero h1{font-size:clamp(1.95rem,10.5vw,3rem)}.service-showcase-content h2{font-size:clamp(1.9rem,11vw,3.15rem)}}

.why-us{background:linear-gradient(180deg,#0c0c0c,var(--black));color:var(--white)}.why-us .section-heading{max-width:840px}.why-us .section-heading .why-us-lead{color:#d9d9d9;font-size:1.05rem;line-height:1.7;max-width:780px;margin-inline:auto}.why-grid{display:grid;gap:18px}.why-card{border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,#1c1c1c,#111);transition:transform .2s ease,border-color .2s ease}.why-card:hover{transform:translateY(-4px);border-color:rgba(220,38,38,.5)}.why-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.32);color:#f87171;margin-bottom:16px}.why-icon svg{width:26px;height:26px}.why-card h3{font-size:1.1rem;margin:0 0 8px;color:var(--white)}.why-card p{color:#c9c9c9;font-size:.95rem;line-height:1.6;margin:0}.why-us .center{margin-top:38px}@media (min-width:768px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media (min-width:1024px){.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.why-card{transition:none}.why-card:hover{transform:none}}.why-statement{max-width:880px;margin:38px auto 0;text-align:center;border:1px solid rgba(255,255,255,.14);border-left:6px solid var(--red);border-radius:20px;background:linear-gradient(180deg,#1d1d1d,#111);padding:34px 28px}.why-statement .why-statement-slogan{font-family:var(--font-head);font-weight:800;font-size:clamp(1.4rem,3.4vw,2.05rem);color:var(--white);line-height:1.25;margin:0 0 10px}.why-statement p:not(.why-statement-slogan){color:#d9d9d9;margin:0;font-size:1.02rem;line-height:1.7}@media (min-width:768px){.why-statement{padding:38px 40px}}


/* Offer panels: service hero + matching before/after realizations */
.offers{background:var(--black);color:var(--white)}.offers-anchor{position:relative;top:-72px}.offer-panel{background:var(--black);border-bottom:1px solid rgba(255,255,255,.1)}.offer-hero{position:relative;min-height:calc(100vh - 72px);display:grid;align-items:end;overflow:hidden;isolation:isolate}.offer-media{position:absolute;inset:0;z-index:-2}.offer-media img,.offer-media video{width:100%;height:100%;object-fit:cover;max-width:none}.offer-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.94) 100%),linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 50%,rgba(0,0,0,.12) 100%)}.offer-content{padding:96px 0 42px;max-width:1120px}.offer-content .eyebrow{color:#ffc4c4}.offer-content h2{font-size:clamp(2.65rem,13vw,6.5rem);max-width:820px;margin-bottom:18px;text-shadow:0 6px 28px rgba(0,0,0,.7)}.offer-content>p:not(.eyebrow){max-width:650px;color:#f2f2f2;font-size:clamp(1.08rem,4vw,1.55rem);line-height:1.55;margin:0 0 28px;text-shadow:0 4px 18px rgba(0,0,0,.8)}.offer-cta{display:inline-flex;align-items:center;gap:16px;max-width:100%;border-radius:28px;background:var(--red);color:var(--white);padding:17px 24px;box-shadow:0 18px 40px rgba(220,38,38,.34);transition:transform .2s ease,background .2s ease}.offer-cta:hover{background:var(--red-dark);transform:translateY(-2px)}.offer-cta:focus{outline:3px solid rgba(255,255,255,.55);outline-offset:4px}.offer-cta>span:first-child{font-size:2.05rem;line-height:1}.offer-cta strong{display:block;font-family:var(--font-head);font-size:clamp(1.25rem,5vw,2rem);line-height:1.05}.offer-cta small{display:block;font-size:.92rem;font-weight:700;color:#ffe1e1;margin-top:3px}.offer-benefits{display:grid;gap:16px;margin-top:34px}.offer-benefit{display:flex;align-items:center;gap:12px;color:#f5f5f5;font-weight:700;line-height:1.35}.offer-benefit span{flex:0 0 auto;display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid rgba(220,38,38,.58);border-radius:14px;color:#ff5c5c;font-weight:800;font-size:1.35rem;background:rgba(10,10,10,.32)}.offer-results{background:#111;color:var(--white)}.offer-results-inner{width:min(1440px,100%);padding:0}.offer-result{background:#111}.offer-result h3{font-size:clamp(1.2rem,4vw,1.6rem);padding:20px 18px;margin:0}.offer-result .ba-slider{border-radius:0;background:#222}.offer-result .ba-slider img{width:100%;aspect-ratio:1/1.05;object-fit:cover}.offer-result .ba-handle{width:3px}.offer-result .ba-handle:after{background:var(--white);color:var(--black);content:'‹ ›';width:58px;height:58px;font-size:1.35rem;letter-spacing:-.08em;box-shadow:0 8px 24px rgba(0,0,0,.24)}.offer-result .ba-label{top:auto;bottom:24px;background:rgba(10,10,10,.86);border-radius:18px;padding:10px 16px;text-transform:uppercase;font-size:1rem}.offer-result .ba-label.before{left:24px}.offer-result .ba-label.after{right:24px}.offer-results-extra{display:grid;gap:0}.offer-results-extra[hidden]{display:none}.results-toggle{margin:28px 16px 36px}.offer-results .center{margin:0;text-align:center}.btn-outline-dark{background:transparent;color:var(--white);border-color:rgba(255,255,255,.42)}.btn-outline-dark:hover{background:var(--white);color:var(--black)}@media (min-width:768px){.offer-hero{min-height:760px}.offer-content{padding:124px 0 58px}.offer-benefits{grid-template-columns:repeat(3,minmax(0,1fr));max-width:930px}.offer-benefit{font-size:1.05rem}.offer-result .ba-slider img{aspect-ratio:16/8}.offer-results-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-results-extra .offer-result{border-top:1px solid rgba(255,255,255,.08)}.offer-results-extra .offer-result:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}}@media (min-width:1024px){.offer-hero{min-height:calc(100vh - 72px)}.offer-content{padding-left:0}.offer-content h2{max-width:760px}.offer-content>p:not(.eyebrow){max-width:680px}.offer-cta{padding:20px 30px}.offer-benefits{margin-top:42px}.offer-result h3{padding-inline:32px}.offer-results-inner{width:min(1680px,100%)}}@media (max-width:767px){.offer-hero{min-height:calc(100svh - 72px);min-height:calc(100dvh - 72px)}.offer-content{padding:74px 0 34px}.offer-content h2{font-size:clamp(2.45rem,17vw,4.45rem)}.offer-content>p:not(.eyebrow){font-size:1.05rem}.offer-cta{width:100%;justify-content:flex-start;border-radius:24px}.offer-benefit span{width:42px;height:42px}.offer-result h3{font-size:1.1rem}.offer-result .ba-label{bottom:18px}.offer-result .ba-label.before{left:16px}.offer-result .ba-label.after{right:16px}}@media (prefers-reduced-motion:reduce){.offer-cta{transition:none}.offer-cta:hover{transform:none}}


/* Hero video framing: keep as much of the original video width visible as possible */
.hero-video{left:50%;top:50%;width:100%;height:100%;max-width:none;transform:translate(-50%,-50%);object-fit:cover;object-position:center center}.hero-bg{background-color:var(--black)}@media (max-width:767px){.hero-video{width:100%;height:100%;object-fit:contain}.hero-bg:before{content:'';position:absolute;inset:0;background:var(--black);z-index:0}.hero-video{z-index:1}.hero-bg:after{z-index:2}}


/* Offer CTA and form handoff UX */
.offer-cta{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,var(--red),#ef4444);padding:16px 22px}.offer-cta>span:first-child{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);font-size:1.8rem;transition:transform .2s ease}.offer-cta:hover>span:first-child{transform:translate(3px,3px)}.offer-cta small{color:#ffe8e8}.contact-form.is-highlighted{animation:form-focus-pulse 1.45s ease}@keyframes form-focus-pulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.45),var(--shadow)}55%{box-shadow:0 0 0 12px rgba(220,38,38,0),var(--shadow)}100%{box-shadow:var(--shadow)}}@media (max-width:767px){.offer-cta{padding:14px 16px}.offer-cta>span:first-child{width:42px;height:42px}.offer-cta strong{font-size:1.12rem}.offer-cta small{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.offer-cta>span:first-child{transition:none}.offer-cta:hover>span:first-child{transform:none}.contact-form.is-highlighted{animation:none}}


/* Hero video: fill the screen width; crop only top/bottom when proportions require it */
@media (max-width:767px){.hero-video{width:100%;height:auto;min-height:100%;object-fit:cover}.hero-bg:before{display:none}}


/* Direct offer CTA target: scroll to the form, not only to the contact section */
#contact-form{scroll-margin-top:96px}@media (max-width:767px){#contact-form{scroll-margin-top:84px}}


/* Main hero layout fix: keep headline/content fully visible above the trust bar */
.hero{height:auto;min-height:calc(100vh - 72px);align-items:center;padding:clamp(84px,10vh,132px) 0 clamp(56px,9vh,92px)}.hero-content{position:relative;z-index:2}.hero-actions{margin:24px 0 18px}.google-rating{margin-top:4px}@media (max-height:760px) and (min-width:768px){.hero h1{font-size:clamp(2rem,5.8vw,3.55rem)}.hero-subtitle{font-size:clamp(1.05rem,2.6vw,1.45rem)}.hero-text{font-size:1rem}.hero{padding-top:64px;padding-bottom:54px}.hero-actions{margin:18px 0 12px}}@media (max-width:767px){.hero{height:auto;min-height:calc(100svh - 72px);min-height:calc(100dvh - 72px);padding:76px 0 44px}.hero-content{align-self:center}.hero-actions{margin:18px 0 12px}}


/* Offer hero scale refinement for laptop/desktop */
.offer-content h2{font-size:clamp(2.35rem,7.2vw,5.15rem);max-width:680px}.offer-content>p:not(.eyebrow){font-size:clamp(1rem,2.1vw,1.28rem);max-width:580px;line-height:1.5}.offer-cta{padding:13px 18px;border-radius:20px;gap:13px}.offer-cta>span:first-child{width:40px;height:40px;font-size:1.45rem}.offer-cta strong{font-size:clamp(1.05rem,2.3vw,1.45rem)}.offer-cta small{font-size:.82rem}.offer-benefits{margin-top:28px;gap:13px}.offer-benefit{font-size:.96rem}.offer-benefit span{width:42px;height:42px;border-radius:12px;font-size:1.12rem}@media (min-width:1024px){.offer-hero{min-height:min(760px,calc(100vh - 72px))}.offer-content{padding:92px 0 42px}.offer-content h2{font-size:clamp(3.2rem,6vw,5rem)}.offer-content>p:not(.eyebrow){font-size:1.18rem}.offer-cta{padding:14px 20px}.offer-benefits{max-width:820px}}@media (max-height:760px) and (min-width:1024px){.offer-content{padding:72px 0 34px}.offer-content h2{font-size:clamp(2.65rem,5.2vw,4.1rem);margin-bottom:12px}.offer-content>p:not(.eyebrow){font-size:1.04rem;margin-bottom:20px}.offer-cta{padding:12px 18px}.offer-benefits{margin-top:22px}.offer-benefit{font-size:.9rem}.offer-benefit span{width:38px;height:38px}}


/* Offer to realization transition */
.offer-results{position:relative;background:linear-gradient(180deg,#0a0a0a 0%,#121212 100%)}.offer-results:before{content:'';position:absolute;left:0;right:0;top:-72px;height:72px;background:linear-gradient(180deg,rgba(10,10,10,0),#0a0a0a);pointer-events:none}.offer-result{border-top:1px solid rgba(255,255,255,.08)}.offer-result-heading{padding:34px 18px 24px;background:radial-gradient(circle at 0 0,rgba(220,38,38,.16),transparent 34%),linear-gradient(180deg,#151515,#101010);border-bottom:1px solid rgba(255,255,255,.08)}.offer-result-heading .eyebrow{margin-bottom:10px}.offer-result-heading h3{padding:0;margin:0 0 10px;font-size:clamp(1.55rem,4.8vw,2.45rem)}.offer-result-heading p:not(.eyebrow){color:#cfcfcf;max-width:720px;margin:0;font-size:1rem;line-height:1.6}.result-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.result-tags span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#f4f4f4;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:800}.result-tags span:first-child{border-color:rgba(220,38,38,.38);background:rgba(220,38,38,.14);color:#ffd7d7}@media (min-width:768px){.offer-result-heading{padding:44px 32px 30px}.offer-result-heading p:not(.eyebrow){font-size:1.05rem}.offer-result-heading h3{max-width:900px}}@media (min-width:1200px){.offer-result-heading{padding-left:max(48px,calc((100vw - 1440px)/2 + 48px));padding-right:max(48px,calc((100vw - 1440px)/2 + 48px))}}@media (max-width:767px){.offer-results:before{top:-48px;height:48px}.offer-result-heading{padding-top:28px}.result-tags span{font-size:.78rem}}


/* Realizations refinement: simpler copy, premium spacing, no overlapping grid */
.offer-result-heading{padding:28px 18px 22px;background:linear-gradient(180deg,#121212,#0f0f0f);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.offer-result-heading .eyebrow{font-size:.72rem;letter-spacing:.16em;color:#ffb4b4}.offer-result-heading h3{font-size:clamp(1.35rem,3.6vw,2rem);margin-bottom:8px}.offer-result-heading p:not(.eyebrow){font-size:.96rem;color:#bdbdbd;max-width:620px}.result-tags{margin-top:14px}.result-tags span{padding:6px 10px;font-size:.78rem;background:rgba(255,255,255,.04)}.offer-results-extra{padding:22px 12px 0;background:#0d0d0d;gap:18px}.offer-results-extra .offer-result{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#151515}.offer-results-extra .offer-result h3{font-size:clamp(1.05rem,2.4vw,1.32rem);padding:16px 18px;margin:0;background:#111;border-bottom:1px solid rgba(255,255,255,.08)}.offer-results-extra .offer-result .ba-slider{border-radius:0}.offer-results-extra .offer-result .ba-slider img{aspect-ratio:16/10}.offer-results-extra .offer-result:nth-child(odd){border-right:1px solid rgba(255,255,255,.09)}@media (min-width:768px){.offer-result-heading{padding:34px 32px 26px}.offer-results-extra{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 24px 0;gap:24px}.offer-results-extra .offer-result{min-width:0}.offer-results-extra .offer-result:nth-child(odd){border-right:1px solid rgba(255,255,255,.09)}}@media (min-width:1200px){.offer-results-extra{padding-left:max(28px,calc((100vw - 1440px)/2 + 24px));padding-right:max(28px,calc((100vw - 1440px)/2 + 24px))}}@media (max-width:767px){.offer-results-extra{grid-template-columns:1fr;padding:18px 12px 0}.offer-results-extra .offer-result{border-radius:14px}.offer-results-extra .offer-result h3{font-size:1.05rem}.offer-result-heading p:not(.eyebrow){font-size:.92rem}}


/* Realization header simplification and square extra-grid cards */
.offer-result-heading{padding:24px 18px 20px}.offer-result-heading h3{margin-bottom:8px}.offer-result-heading p:not(.eyebrow){max-width:560px}.offer-results-extra .offer-result{border-radius:0}.offer-results-extra .offer-result .ba-slider{border-radius:0}@media (min-width:768px){.offer-result-heading{padding:30px 32px 24px}.offer-results-extra{gap:20px}.offer-results-extra .offer-result{border-radius:0}}@media (max-width:767px){.offer-results-extra .offer-result{border-radius:0}}


/* Izolowane dodatki: postęp formularza, polityka prywatności i mały banner. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700 800;font-display:swap;src:url('fonts/montserrat-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700 800;font-display:swap;src:url('fonts/montserrat-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/open-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/open-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.logo{display:inline-flex;align-items:center;line-height:1}.logo img{display:block;width:auto;height:auto;max-height:46px;max-width:180px;object-fit:contain}.footer-logo{margin-bottom:14px}.footer-logo img{max-height:54px;max-width:210px}@media (max-width:767px){.logo img{max-height:40px;max-width:154px}.footer-logo img{max-height:48px;max-width:190px}}

.ba-slider{--ba-position:50%}.ba-slider>.ba-before{width:100%;clip-path:inset(0 calc(100% - var(--ba-position)) 0 0)}.ba-slider>.ba-before>img,.ba-slider>.ba-before>picture{width:100%;height:100%;max-width:none}.ba-slider>.ba-before>picture>img{width:100%;height:100%;max-width:none;object-fit:cover}
.form-privacy-note{margin:-4px 0 16px;color:#555;font-size:.9rem;line-height:1.5}.checkbox a{color:var(--red-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.contact-form .btn:disabled{cursor:wait;opacity:.82;transform:none}.form-progress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-top:16px;padding:14px;border:1px solid #d6d6d6;border-radius:12px;background:#f7f7f7}.form-progress[hidden]{display:none}.form-progress-spinner{width:24px;height:24px;margin-top:2px;border:3px solid #e5e5e5;border-top-color:var(--red);border-radius:50%;animation:pcdach-progress-spin .8s linear infinite}.form-progress-content{min-width:0}.form-progress-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.form-progress-value{font-variant-numeric:tabular-nums;font-weight:800;color:var(--red-dark)}.form-progress-bar{display:block;width:100%;height:10px;border:0;border-radius:999px;overflow:hidden;background:#e5e5e5;accent-color:var(--red)}.form-progress-bar::-webkit-progress-bar{background:#e5e5e5;border-radius:999px}.form-progress-bar::-webkit-progress-value{background:var(--red);border-radius:999px}.form-progress-bar::-moz-progress-bar{background:var(--red);border-radius:999px}.form-progress small{display:block;margin-top:8px;color:#555;line-height:1.45}@keyframes pcdach-progress-spin{to{transform:rotate(360deg)}}
.cookie-banner{position:fixed;z-index:1000;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#151515;color:#fff;box-shadow:0 12px 38px rgba(0,0,0,.35)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;color:#eee;font-size:.92rem;line-height:1.5}.cookie-banner a{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.cookie-banner .btn{flex:none;padding:10px 18px}
.privacy-main{padding:55px 0;background:#f5f5f5}.privacy-layout{max-width:900px}.privacy-hero,.privacy-content{padding:24px 22px;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.07)}.privacy-hero h1{font-size:clamp(2.15rem,7vw,4rem)}.privacy-hero>p{max-width:720px}.privacy-updated{color:#555}.privacy-toc{display:grid;gap:7px;margin:24px 0;padding:22px;border-radius:18px;background:#151515;color:#fff}.privacy-toc strong{margin-bottom:4px}.privacy-toc a{color:#ddd;text-decoration:underline;text-underline-offset:3px}.privacy-content section{scroll-margin-top:95px;padding:18px 0;border-bottom:1px solid #e5e5e5}.privacy-content section:last-child{border-bottom:0}.privacy-content h2{font-size:clamp(1.55rem,5vw,2.25rem)}.privacy-content h3{margin-top:24px}.privacy-content li{margin-bottom:8px}.privacy-content a{color:var(--red-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.privacy-content address{padding:18px;border-left:4px solid var(--red);background:#f7f7f7;font-style:normal}.privacy-table-wrap{overflow-x:auto}.privacy-content table{width:100%;min-width:600px;border-collapse:collapse}.privacy-content th,.privacy-content td{padding:13px;text-align:left;vertical-align:top;border:1px solid #ddd}.privacy-content th{background:#151515;color:#fff}.privacy-back{margin-top:28px;text-align:center}
@media(min-width:640px){.privacy-content,.privacy-hero{padding:36px 42px}.privacy-toc{grid-template-columns:repeat(2,1fr)}.privacy-toc strong{grid-column:1/-1}}@media(min-width:700px){.cookie-banner{left:50%;right:auto;width:min(960px,calc(100% - 32px));transform:translateX(-50%);flex-direction:row;align-items:center;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.form-progress-spinner{animation:none;border-color:var(--red)}}


.site-author{display:block;margin-top:5px}.copyright .site-author a{display:inline;color:#ddd;text-decoration:underline;text-underline-offset:3px}.copyright .site-author a:hover,.copyright .site-author a:focus{color:#fff}@media(min-width:768px){.site-author{display:inline;margin:0 0 0 8px}}


/* Proof media slider and gallery page */
.proof-media{background:radial-gradient(circle at 20% 0,rgba(220,38,38,.18),transparent 34%),linear-gradient(180deg,#151515,#080808);color:var(--white);overflow:hidden}.proof-media .section-heading p:not(.eyebrow){color:#d3d3d3}.proof-media-inner{position:relative}.proof-media-inner:before{content:'';position:absolute;inset:56px auto auto -40px;width:120px;height:120px;border:1px solid rgba(255,255,255,.08);transform:rotate(18deg);pointer-events:none}.media-slider{max-width:980px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 26px 70px rgba(0,0,0,.42);padding:12px}.media-slider-viewport{position:relative;overflow:hidden;border-radius:20px;background:#050505}.media-slide{display:none;position:relative}.media-slide.is-active{display:block}.media-slide video,.media-slide-placeholder img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#050505}.media-slide video{border:0}.media-slide-placeholder{position:relative;display:block;color:#fff}.media-slide-placeholder:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.04),rgba(10,10,10,.78))}.media-slide-placeholder strong{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;font-family:var(--font-head);font-size:clamp(1.15rem,3vw,1.7rem);text-shadow:0 4px 20px rgba(0,0,0,.6)}.media-play-badge,.gallery-tile span{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;border:3px solid rgba(255,255,255,.9);box-shadow:0 14px 35px rgba(0,0,0,.36);font-weight:800}.media-slider-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 4px 2px}.media-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#111;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.media-arrow:hover,.media-arrow:focus{background:var(--red);outline:none}.media-dots{display:flex;gap:8px}.media-dot{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer}.media-dot.is-active{background:var(--red);box-shadow:0 0 0 5px rgba(220,38,38,.18)}.media-dot:focus{outline:3px solid rgba(220,38,38,.45);outline-offset:3px}
.gallery-page{background:#0a0a0a}.gallery-hero{position:relative;padding:120px 0 76px;color:#fff;background:linear-gradient(90deg,rgba(10,10,10,.88),rgba(10,10,10,.56)),url('img/malowanie-dachu-efekt-po-pcdach.webp') center/cover}.gallery-hero-inner{max-width:820px}.gallery-hero h1{font-size:clamp(2.45rem,8vw,4.8rem)}.gallery-hero p:not(.eyebrow){max-width:720px;color:#eee;margin-bottom:26px}.gallery-section{padding:44px 0 88px;background:linear-gradient(180deg,#0a0a0a,#151515)}.gallery-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:230px;gap:14px}.gallery-tile{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:20px;overflow:hidden;background:#111;cursor:pointer;box-shadow:0 14px 38px rgba(0,0,0,.24)}.gallery-tile img,.gallery-tile video{width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}.gallery-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));opacity:.7}.gallery-tile:hover img,.gallery-tile:hover video,.gallery-tile:focus img,.gallery-tile:focus video{transform:scale(1.045);filter:saturate(1.08)}.gallery-tile:focus{outline:3px solid rgba(220,38,38,.7);outline-offset:4px}.media-lightbox{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(0,0,0,.9);padding:64px 18px}.media-lightbox[hidden]{display:none}.lightbox-stage{width:min(1120px,100%);max-height:82vh;display:grid;place-items:center}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:82vh;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#050505}.lightbox-close,.lightbox-nav{position:fixed;border:1px solid rgba(255,255,255,.22);background:rgba(17,17,17,.86);color:#fff;border-radius:50%;cursor:pointer}.lightbox-close{right:18px;top:18px;width:48px;height:48px;font-size:2rem;line-height:1}.lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:2.2rem;line-height:1}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-close:hover,.lightbox-nav:hover,.lightbox-close:focus,.lightbox-nav:focus{background:var(--red);outline:none}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.gallery-tile-large,.gallery-tile-wide{grid-column:span 2}.gallery-tile-tall{grid-row:span 2}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:245px;gap:18px}.gallery-tile-large{grid-column:span 2;grid-row:span 2}.gallery-tile-wide{grid-column:span 2}.media-slider{padding:16px}.media-slider-controls{padding-top:16px}}@media (max-width:767px){.proof-media{padding-top:68px;padding-bottom:68px}.media-slider{border-radius:22px;padding:8px}.media-slider-viewport{border-radius:16px}.media-arrow{width:42px;height:42px}.gallery-hero{padding:104px 0 56px}.gallery-section{padding-top:28px}.lightbox-nav{top:auto;bottom:18px}.lightbox-prev{left:calc(50% - 64px)}.lightbox-next{right:calc(50% - 64px)}.media-lightbox{padding-bottom:92px}}@media (prefers-reduced-motion:reduce){.gallery-tile img,.gallery-tile video{transition:none}.gallery-tile:hover img,.gallery-tile:hover video,.gallery-tile:focus img,.gallery-tile:focus video{transform:none}}


/* Minimal frontpage video showcase refinement */
.media-showcase{display:grid;gap:14px;max-width:1060px;margin:0 auto}.media-main{position:relative;overflow:hidden;border-radius:24px;background:#050505;box-shadow:0 26px 70px rgba(0,0,0,.42)}.media-main video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#050505}.media-main:after{content:'';position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}.media-play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:3px solid rgba(255,255,255,.92);background:var(--red);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.38);cursor:pointer;font-weight:800}.media-play.is-playing{opacity:0;transform:translate(-50%,-50%) scale(.9)}.media-main:hover .media-play.is-playing,.media-play:focus{opacity:1;transform:translate(-50%,-50%) scale(1)}.media-progress{position:absolute;z-index:4;left:16px;right:16px;bottom:14px;height:4px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden}.media-progress span{display:block;width:0;height:100%;border-radius:999px;background:var(--red)}.media-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-thumb,.media-gallery-link{position:relative;min-height:118px;padding:0;border:0;border-radius:18px;overflow:hidden;background:#111;color:#fff;cursor:pointer}.media-thumb img,.media-gallery-link img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}.media-thumb:after,.media-gallery-link:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.48))}.media-thumb:before{content:'▶';position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(220,38,38,.94);border:2px solid rgba(255,255,255,.9);font-size:.88rem;color:#fff}.media-thumb.is-active{box-shadow:0 0 0 3px var(--red)}.media-gallery-link{display:block;text-decoration:none}.media-gallery-link span{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;font-weight:800;line-height:1.2}.media-thumb:hover img,.media-thumb:focus img,.media-gallery-link:hover img,.media-gallery-link:focus img{transform:scale(1.04);filter:saturate(1.08)}.media-thumb:focus,.media-gallery-link:focus{outline:3px solid rgba(220,38,38,.55);outline-offset:3px}@media (min-width:860px){.media-showcase{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch}.media-side{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.media-thumb,.media-gallery-link{min-height:0}.media-main,.media-main video{height:100%}.media-main video{aspect-ratio:auto}}@media (max-width:520px){.media-side{grid-template-columns:1fr}.media-thumb,.media-gallery-link{min-height:132px}.media-play{width:60px;height:60px}.media-progress{left:12px;right:12px;bottom:12px}}


/* Keep frontpage media showcase compact and consistently 16:9 */
.media-showcase{align-items:start}.media-main{aspect-ratio:16/9;height:auto!important;max-height:none}.media-main video{width:100%;height:100%!important;aspect-ratio:16/9;object-fit:cover}.media-side{align-self:start}.media-thumb,.media-gallery-link{aspect-ratio:16/9;min-height:0!important;height:auto}.media-thumb img,.media-gallery-link img{aspect-ratio:16/9}@media (min-width:860px){.media-showcase{grid-template-columns:minmax(0,1fr) minmax(190px,250px)}.media-side{display:flex;flex-direction:column}.media-main,.media-main video{height:auto!important}.media-main video{height:100%!important}}@media (max-height:760px) and (min-width:860px){.media-showcase{max-width:940px;grid-template-columns:minmax(0,1fr) 220px}.proof-media .section-heading{margin-bottom:22px}}


/* Hide central play button while video is playing */
.media-play.is-playing,.media-main:hover .media-play.is-playing,.media-play.is-playing:focus{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}


/* Premium gallery masonry experience */
.gallery-section{padding:34px 0 96px}.gallery-masonry{width:min(1500px,calc(100% - 24px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:118px;grid-auto-flow:dense;gap:10px}.gallery-masonry .gallery-tile{border-radius:18px;box-shadow:0 16px 42px rgba(0,0,0,.26);transform:translateZ(0)}.gallery-masonry .gallery-tile{grid-row:span 2}.gallery-masonry .gallery-tile-wide{grid-column:span 2;grid-row:span 2}.gallery-masonry .gallery-tile-tall{grid-row:span 3}.gallery-masonry .gallery-tile-feature{grid-column:span 2;grid-row:span 3}.gallery-video:before{content:'▶';position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;border:3px solid rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(0,0,0,.38);font-size:1rem}.gallery-masonry .gallery-tile span{display:none}.gallery-masonry .gallery-tile:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));opacity:1}.gallery-masonry .gallery-tile:hover,.gallery-masonry .gallery-tile:focus{z-index:2}@media (min-width:720px){.gallery-masonry{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:132px;gap:14px}.gallery-masonry .gallery-tile-feature{grid-column:span 2;grid-row:span 3}.gallery-masonry .gallery-tile-wide{grid-column:span 2;grid-row:span 2}.gallery-masonry .gallery-tile-tall{grid-row:span 3}}@media (min-width:1180px){.gallery-masonry{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:128px;gap:16px}.gallery-masonry .gallery-tile-feature{grid-column:span 3;grid-row:span 3}.gallery-masonry .gallery-tile-wide{grid-column:span 2;grid-row:span 2}.gallery-masonry .gallery-tile-tall{grid-row:span 3}.gallery-masonry .gallery-tile:nth-child(9),.gallery-masonry .gallery-tile:nth-child(15){grid-column:span 2}}@media (max-width:520px){.gallery-masonry{width:min(100% - 18px,520px);grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.gallery-masonry .gallery-tile,.gallery-masonry .gallery-tile-wide,.gallery-masonry .gallery-tile-tall,.gallery-masonry .gallery-tile-feature{grid-column:auto;grid-row:auto;aspect-ratio:16/11}.gallery-masonry .gallery-video{aspect-ratio:16/9}.gallery-video:before{width:52px;height:52px}}


/* Scoped frontpage media module + safer mobile behavior */
.front-media{display:grid;gap:14px;max-width:1060px;margin:0 auto;align-items:start}.front-media__main{position:relative;overflow:hidden;border-radius:24px;background:#050505;box-shadow:0 26px 70px rgba(0,0,0,.42);aspect-ratio:16/9}.front-media__video{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;background:#050505}.front-media__main:after{content:'';position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}.front-media__play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:3px solid rgba(255,255,255,.92);background:var(--red);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.38);cursor:pointer;font-weight:800}.front-media__play.is-playing{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}.front-media__progress{position:absolute;z-index:4;left:16px;right:16px;bottom:14px;height:4px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden}.front-media__progress span{display:block;width:0;height:100%;border-radius:999px;background:var(--red)}.front-media__side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.front-media__thumb,.front-media__gallery-link{position:relative;aspect-ratio:16/9;min-height:0;padding:0;border:0;border-radius:18px;overflow:hidden;background:#111;color:#fff;cursor:pointer}.front-media__thumb img,.front-media__gallery-link img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}.front-media__thumb:after,.front-media__gallery-link:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.48))}.front-media__thumb:before{content:'▶';position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(220,38,38,.94);border:2px solid rgba(255,255,255,.9);font-size:.88rem;color:#fff}.front-media__thumb.is-active{box-shadow:0 0 0 3px var(--red)}.front-media__gallery-link{display:block;text-decoration:none}.front-media__gallery-link span{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;font-weight:800;line-height:1.2}.front-media__thumb:hover img,.front-media__thumb:focus img,.front-media__gallery-link:hover img,.front-media__gallery-link:focus img{transform:scale(1.04);filter:saturate(1.08)}.front-media__thumb:focus,.front-media__gallery-link:focus,.front-media__play:focus{outline:3px solid rgba(220,38,38,.55);outline-offset:3px}@media (min-width:860px){.front-media{grid-template-columns:minmax(0,1fr) minmax(190px,250px)}.front-media__side{display:flex;flex-direction:column}.front-media__gallery-link{flex:0 0 auto}}@media (max-width:767px){.front-media{gap:12px}.front-media__main{border-radius:18px}.front-media__side{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.front-media__gallery-link{grid-column:1/-1;aspect-ratio:auto;min-height:52px;border-radius:999px;background:var(--red)}.front-media__gallery-link img,.front-media__gallery-link:after{display:none}.front-media__gallery-link span{position:static;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px 18px}.front-media__play{width:60px;height:60px}.front-media__progress{left:12px;right:12px;bottom:12px}}@media (max-width:420px){.front-media__side{grid-template-columns:1fr}.front-media__gallery-link{grid-column:auto}}

/* Scope gallery overlays to gallery page only and keep hero video clean */
body:not(.gallery-page) .gallery-video:before,body:not(.gallery-page) .gallery-tile span{display:none!important}.hero-bg .front-media__play,.hero-bg .media-play,.hero-bg .gallery-video:before,.hero-bg .gallery-tile span{display:none!important}.hero-video{pointer-events:none}


/* Hero mobile video/autoplay refinement */
.hero-video{pointer-events:none!important}.hero-bg{pointer-events:none}.hero-bg video::-webkit-media-controls,.hero-bg video::-webkit-media-controls-start-playback-button,.hero-bg video::-webkit-media-controls-play-button,.hero-bg video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}@media (max-width:767px){.hero-text{display:block!important;font-size:.98rem;line-height:1.55;max-width:330px;margin:10px 0 0;color:#f4f4f4}.hero-video{left:50%;top:50%;width:100%;height:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;object-position:center center}.hero-bg:after{background:linear-gradient(180deg,rgba(10,10,10,.22),rgba(10,10,10,.42),rgba(10,10,10,.68))}}


/* Mobile hero fallback: mask native stalled-video play overlay with poster-like cover */
.hero-bg:before{content:none}@media (max-width:767px){.hero-bg:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.18),rgba(10,10,10,.42),rgba(10,10,10,.66)),url('img/po-umyciu-dachu-dolnoslaskie-wroclaw-psie-pole.webp') center/cover no-repeat;pointer-events:none;opacity:1}.hero-video.is-playing+.hero-bg:before{opacity:0}.hero-bg:has(.hero-video.is-playing):before{opacity:0}.hero-video{z-index:0!important}.hero-bg:after{z-index:2!important}.hero-content{z-index:3}.hero-bg video::-webkit-media-controls-panel,.hero-bg video::-webkit-media-controls-enclosure{display:none!important;opacity:0!important}}

@media (max-width:767px){.hero-bg.is-video-playing:before{opacity:0}}


/* Final mobile hero: hide video until it actually plays, so native play overlay never appears */
@media (max-width:767px){.hero-bg:before{opacity:1;background:linear-gradient(180deg,rgba(10,10,10,.2),rgba(10,10,10,.44),rgba(10,10,10,.68)),url('img/po-umyciu-dachu-dolnoslaskie-wroclaw-psie-pole.webp') center/cover no-repeat}.hero-video{opacity:0;visibility:hidden}.hero-bg.is-video-playing .hero-video{opacity:1;visibility:visible}.hero-bg.is-video-playing:before{opacity:0}}


/* Mobile front media: thumbnails behave like selectors, not separate video cards */
@media (max-width:767px){.front-media__side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.front-media__thumb{aspect-ratio:16/9;border-radius:14px;box-shadow:none}.front-media__thumb:before{content:'';width:18px;height:18px;left:auto;right:9px;top:9px;transform:none;border:2px solid rgba(255,255,255,.92);background:rgba(10,10,10,.46);box-shadow:none}.front-media__thumb.is-active:before{background:var(--red)}.front-media__thumb.is-active:after{background:linear-gradient(180deg,rgba(220,38,38,.08),rgba(0,0,0,.28))}.front-media__thumb:not(.is-active){opacity:.78}.front-media__thumb:not(.is-active):hover,.front-media__thumb:not(.is-active):focus{opacity:1}.front-media__gallery-link{margin-top:2px}.front-media__gallery-link span:after{content:' →';font-weight:800}}@media (max-width:420px){.front-media__side{grid-template-columns:repeat(2,minmax(0,1fr))}.front-media__gallery-link{grid-column:1/-1}}


/* Mobile hero CTA parity with desktop */
@media (max-width:767px){.hero-actions{display:flex;flex-direction:column;gap:10px;margin:18px 0 12px}.hero-actions .btn{display:inline-flex!important;width:100%;padding:12px 16px}.hero-actions .btn-outline{display:inline-flex!important}}


/* Menu usług */
.nav-item{position:relative}.nav-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--white);background:transparent;border:0;padding:14px 24px;border-top:1px solid rgba(255,255,255,.08);cursor:pointer;font-weight:700;text-align:left}.nav-dropdown-toggle span{font-size:.75rem;transition:transform .2s ease}.nav-item-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}.nav-submenu{display:grid;gap:0;max-height:0;overflow:hidden;background:rgba(255,255,255,.04);transition:max-height .25s ease}.nav-item-dropdown.open .nav-submenu{max-height:260px}.nav-submenu a{padding-left:40px;font-size:.95rem;color:#f3f3f3}.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus{background:rgba(220,38,38,.18);outline:none}.nav-dropdown-toggle:focus-visible,.main-nav a:focus-visible{outline:3px solid rgba(220,38,38,.45);outline-offset:-3px}.main-nav.open{max-height:620px}@media (min-width:1024px){.nav-item{display:flex;align-items:center}.nav-dropdown-toggle{width:auto;padding:0;border:0;justify-content:center}.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus{background:transparent;color:#ffb4b4}.nav-submenu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);min-width:230px;display:grid;max-height:none;overflow:visible;background:var(--black);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--shadow);padding:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-submenu:before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}.nav-item-dropdown:hover .nav-submenu,.nav-item-dropdown:focus-within .nav-submenu,.nav-item-dropdown.open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-submenu a{padding:10px 12px;border:0;border-radius:10px;white-space:nowrap;color:var(--white)}.nav-submenu a:hover,.nav-submenu a:focus{background:rgba(220,38,38,.18);color:#ffb4b4}.nav-dropdown-toggle:focus-visible,.main-nav a:focus-visible{outline-offset:4px}}


/* Gallery hero refinement: shorter, clearer above-the-fold intro */
.gallery-page .gallery-hero{padding:88px 0 46px;background-position:center 42%}.gallery-page .gallery-hero-inner{max-width:760px}.gallery-page .gallery-hero h1{max-width:820px;font-size:clamp(2rem,5.4vw,3.65rem);line-height:1.04}.gallery-page .gallery-hero p:not(.eyebrow){max-width:680px;margin-bottom:20px;line-height:1.65;color:#f3f3f3}@media (max-width:767px){.gallery-page .gallery-hero{padding:82px 0 38px}.gallery-page .gallery-hero h1{font-size:clamp(1.9rem,10vw,2.8rem)}.gallery-page .gallery-hero p:not(.eyebrow){font-size:.98rem;line-height:1.58;margin-bottom:18px}}


/* Compact split hero for gallery page */
.gallery-page .gallery-hero{padding:74px 0 28px;background:linear-gradient(90deg,rgba(10,10,10,.78),rgba(10,10,10,.28) 54%,rgba(10,10,10,.12)),url('img/malowanie-dachu-efekt-po-pcdach.webp') center 44%/cover}.gallery-page .gallery-hero-inner{max-width:none;display:grid;grid-template-columns:minmax(0,680px) auto;align-items:end;justify-content:space-between;gap:24px;min-height:210px}.gallery-hero-copy{padding:24px 28px;border-left:4px solid var(--red);border-radius:0 22px 22px 0;background:linear-gradient(90deg,rgba(10,10,10,.72),rgba(10,10,10,.34));backdrop-filter:blur(2px);box-shadow:0 18px 46px rgba(0,0,0,.22)}.gallery-page .gallery-hero h1{max-width:660px;font-size:clamp(1.85rem,3.8vw,3.05rem);line-height:1.06;margin:0 0 12px}.gallery-page .gallery-hero p:not(.eyebrow){max-width:620px;margin:0;font-size:clamp(.94rem,1.25vw,1.03rem);line-height:1.55;color:#f5f5f5}.gallery-hero-cta{align-self:end;margin:0 0 4px;white-space:nowrap;box-shadow:0 16px 38px rgba(0,0,0,.32)}@media (max-width:900px){.gallery-page .gallery-hero{padding:76px 0 30px}.gallery-page .gallery-hero-inner{grid-template-columns:1fr;min-height:0;gap:16px}.gallery-hero-copy{padding:20px 22px}.gallery-hero-cta{justify-self:start;margin:0}}@media (max-width:520px){.gallery-page .gallery-hero{padding:72px 0 26px;background:linear-gradient(90deg,rgba(10,10,10,.82),rgba(10,10,10,.42)),url('img/malowanie-dachu-efekt-po-pcdach.webp') center/cover}.gallery-hero-copy{padding:18px 18px;border-radius:0 18px 18px 0}.gallery-page .gallery-hero h1{font-size:clamp(1.72rem,8.4vw,2.35rem)}.gallery-page .gallery-hero p:not(.eyebrow){font-size:.94rem}.gallery-hero-cta{width:100%;justify-content:center}}



/* Jasne kafle w sekcji wyróżników PC Dach */
.why-card{background:#fff;color:var(--text);border:1px solid rgba(10,10,10,.08);box-shadow:0 16px 36px rgba(0,0,0,.16)}.why-card:hover{border-color:rgba(220,38,38,.34);box-shadow:0 22px 44px rgba(0,0,0,.22)}.why-icon{background:#fff5f5;border:1px solid rgba(220,38,38,.24);color:var(--red);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 10px 22px rgba(220,38,38,.12)}.why-icon svg{stroke-width:2.15}.why-card h3{color:var(--black);text-shadow:none}.why-card p{color:#454545}.why-card:focus-within{outline:3px solid rgba(220,38,38,.28);outline-offset:4px}


/* Mobilny sticky button telefonu */
.mobile-call-sticky{position:fixed;left:16px;right:16px;bottom:16px;z-index:950;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:13px 18px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--font-head);font-weight:800;font-size:1.05rem;letter-spacing:.01em;box-shadow:0 14px 34px rgba(0,0,0,.34),0 8px 20px rgba(220,38,38,.28);border:1px solid rgba(255,255,255,.22)}.mobile-call-sticky span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16)}.mobile-call-sticky:hover{background:var(--red-dark);transform:translateY(-2px)}.mobile-call-sticky:focus-visible{outline:3px solid rgba(220,38,38,.45);outline-offset:4px}.cookie-banner:not([hidden])~.mobile-call-sticky{display:none}@media (min-width:768px){.mobile-call-sticky{display:none}}@media (max-width:767px){body{padding-bottom:74px}.cookie-banner{bottom:82px}}


/* Bardziej kontrastowy mobilny sticky button telefonu */
.mobile-call-sticky{background:#fff;color:var(--black);border:2px solid rgba(10,10,10,.9);box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 0 4px rgba(255,255,255,.18);font-size:1.08rem}.mobile-call-sticky span{background:var(--red);color:#fff;box-shadow:0 6px 16px rgba(220,38,38,.32)}.mobile-call-sticky:hover{background:#f7f7f7;color:var(--black);transform:translateY(-2px)}.mobile-call-sticky:active{transform:translateY(0)}


/* Dopracowanie mobilnego sticky buttona telefonu */
.mobile-call-sticky{min-height:54px;padding:10px 18px;gap:8px;font-size:1.22rem;line-height:1;letter-spacing:.015em}.mobile-call-sticky span{width:auto;height:auto;background:transparent;color:var(--red);box-shadow:none;font-size:1.45rem;line-height:1;transform:translateY(-1px)}


/* Mobilny sticky button telefonu - wariant odwrócony. Poprzedni wariant zachowany w historii CSS powyżej: białe tło, czarny numer, czerwona ikona bez tła. */
.mobile-call-sticky{background:#0a0a0a;color:#fff;border:2px solid rgba(255,255,255,.88);box-shadow:0 16px 38px rgba(0,0,0,.48),0 0 0 4px rgba(255,255,255,.16)}.mobile-call-sticky span{color:#ff4b4b}.mobile-call-sticky:hover{background:#151515;color:#fff;border-color:#fff}.mobile-call-sticky:focus-visible{outline:3px solid rgba(255,255,255,.72);outline-offset:4px}


/* Kafelki atutów pod hero */
.trust-bar{background:var(--black);color:var(--white);padding:0 0 24px;margin-top:-118px;position:relative;z-index:3}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trust-card{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:16px 8px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(10,10,10,.56);backdrop-filter:blur(8px);box-shadow:0 14px 34px rgba(0,0,0,.28)}.trust-icon{display:inline-grid;place-items:center;width:42px;height:42px;color:var(--red)}.trust-icon svg{width:38px;height:38px}.trust-card strong{display:block;font-family:var(--font-head);font-size:.92rem;line-height:1.22;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}@media (min-width:560px){.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.trust-card{min-height:116px}}@media (min-width:768px){.trust-bar{padding-bottom:34px;margin-top:-96px}.trust-grid{grid-template-columns:repeat(4,1fr)}.trust-card{min-height:122px;border-radius:12px}.trust-card strong{font-size:1rem}}@media (min-width:1024px){.trust-bar{margin-top:-86px}.trust-grid{max-width:760px;margin-inline:auto}.trust-card{min-height:118px}}@media (max-width:420px){.trust-bar{margin-top:-106px}.trust-card{min-height:116px}.trust-card strong{font-size:.84rem}.trust-icon svg{width:34px;height:34px}}


/* Dopracowanie kafelków atutów pod hero */
.trust-bar{margin-top:-150px;padding:0 0 38px;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.72) 34%,#0a0a0a 100%)}.trust-grid{width:min(1040px,calc(100% - 32px));max-width:none;gap:12px}.trust-card{min-height:138px;padding:20px 14px;border-radius:16px;background:rgba(8,8,8,.78);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 44px rgba(0,0,0,.34);transition:transform .2s ease,border-color .2s ease,background .2s ease}.trust-card:hover{transform:translateY(-4px);background:rgba(14,14,14,.9);border-color:rgba(220,38,38,.42)}.trust-icon{width:50px;height:50px;margin-bottom:2px;color:#ef2b2b}.trust-icon svg{width:46px;height:46px;stroke-width:2.1}.trust-card strong{max-width:160px;font-size:1.02rem;line-height:1.18;letter-spacing:-.02em}@media (min-width:1024px){.trust-bar{margin-top:-136px;padding-bottom:42px}.trust-grid{width:min(1060px,calc(100% - 48px));gap:14px}.trust-card{min-height:132px}}@media (max-width:767px){.trust-bar{margin-top:-124px;padding-bottom:30px}.trust-grid{width:min(100% - 28px,520px);gap:8px}.trust-card{min-height:116px;padding:15px 8px;border-radius:12px}.trust-icon{width:42px;height:42px}.trust-icon svg{width:38px;height:38px}.trust-card strong{font-size:.88rem;line-height:1.2}}@media (max-width:380px){.trust-bar{margin-top:-112px}.trust-grid{width:calc(100% - 22px);gap:7px}.trust-card{min-height:108px}.trust-card strong{font-size:.8rem}.trust-icon svg{width:34px;height:34px}}


/* Pasek tła dla kafelków atutów - bez nachodzenia na CTA hero */
.trust-bar{margin-top:0;padding:34px 0 38px;background:linear-gradient(90deg,rgba(10,10,10,.96),rgba(120,10,10,.82) 48%,rgba(10,10,10,.96)),linear-gradient(180deg,rgba(10,10,10,.92),rgba(10,10,10,.92)),url('img/pc-dach-mycie-realizacje-dolnoslaskie-efekt.webp') center/cover;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.trust-bar:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(220,38,38,.18),transparent 42%);pointer-events:none}.trust-grid{position:relative;z-index:1}.trust-card{background:rgba(8,8,8,.72);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.2)}@media (min-width:1024px){.trust-bar{margin-top:0;padding:38px 0 42px}.trust-grid{width:min(1040px,calc(100% - 48px))}.trust-card{min-height:128px}}@media (max-width:767px){.trust-bar{margin-top:0;padding:24px 0 28px;background:linear-gradient(90deg,rgba(10,10,10,.96),rgba(120,10,10,.76),rgba(10,10,10,.96)),linear-gradient(180deg,rgba(10,10,10,.9),rgba(10,10,10,.9)),url('img/pc-dach-mycie-realizacje-dolnoslaskie-efekt.webp') center/cover}.trust-grid{width:min(100% - 28px,520px)}.trust-card{min-height:112px}}


/* Kompaktowy pasek atutów */
.trust-bar{padding:24px 0 26px}.trust-grid{gap:10px}.trust-card{min-height:106px;padding:14px 10px;border-radius:14px}.trust-icon{width:40px;height:40px}.trust-icon svg{width:36px;height:36px}.trust-card strong{font-size:.9rem;line-height:1.16}@media (min-width:768px){.trust-bar{padding:26px 0 28px}.trust-card{min-height:104px;padding:14px 10px}.trust-card strong{font-size:.92rem}.trust-icon svg{width:36px;height:36px}}@media (min-width:1024px){.trust-bar{padding:28px 0 30px}.trust-grid{width:min(920px,calc(100% - 48px));gap:12px}.trust-card{min-height:104px}.trust-icon{width:38px;height:38px}.trust-icon svg{width:34px;height:34px}.trust-card strong{font-size:.9rem}}@media (max-width:767px){.trust-bar{padding:18px 0 20px}.trust-grid{width:calc(100% - 18px);grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.trust-card{min-height:92px;padding:10px 4px;border-radius:9px}.trust-icon{width:32px;height:32px;margin-bottom:0}.trust-icon svg{width:30px;height:30px;stroke-width:2}.trust-card strong{max-width:100%;font-size:.68rem;line-height:1.12;letter-spacing:-.035em}}@media (max-width:360px){.trust-grid{width:calc(100% - 12px);gap:4px}.trust-card{min-height:86px;padding:8px 3px}.trust-icon svg{width:27px;height:27px}.trust-card strong{font-size:.62rem}}


/* Profesjonalne dopracowanie paska atutów */
.trust-bar{background:linear-gradient(90deg,rgba(10,10,10,.97),rgba(10,10,10,.9)),linear-gradient(180deg,rgba(10,10,10,.9),rgba(10,10,10,.94)),url('img/pc-dach-mycie-realizacje-dolnoslaskie-efekt.webp') center/cover;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.trust-bar:before{display:none}.trust-card{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.24)}.trust-card:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.26);transform:translateY(-2px)}.trust-icon{color:#e33434}.trust-card strong{text-shadow:none;color:#f7f7f7}@media (min-width:1024px){.trust-bar{padding:24px 0 26px}.trust-grid{width:min(860px,calc(100% - 48px));gap:10px}.trust-card{min-height:92px;padding:12px 10px;border-radius:12px}.trust-icon{width:30px;height:30px}.trust-icon svg{width:27px;height:27px;stroke-width:2.05}.trust-card strong{font-size:.84rem;line-height:1.14;max-width:140px}}@media (min-width:1400px){.trust-grid{width:min(900px,calc(100% - 48px))}.trust-card{min-height:94px}}


/* Biały techniczny pasek atutów pod hero */
.trust-bar{margin-top:0;padding:20px 0 22px;background:#fff;color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-bar:before{display:none}.trust-grid{width:min(920px,calc(100% - 48px));gap:12px}.trust-card{min-height:96px;padding:14px 10px;border-radius:14px;background:#fff;border:1px solid #e8e8e8;box-shadow:0 10px 26px rgba(0,0,0,.06);backdrop-filter:none}.trust-card:hover{background:#fff;border-color:rgba(220,38,38,.34);box-shadow:0 14px 30px rgba(0,0,0,.09);transform:translateY(-2px)}.trust-icon{width:34px;height:34px;color:var(--red);margin-bottom:0}.trust-icon svg{width:31px;height:31px;stroke-width:2.15}.trust-card strong{color:var(--black);text-shadow:none;font-size:.88rem;line-height:1.16;letter-spacing:-.025em;max-width:140px}@media (min-width:1024px){.trust-bar{padding:22px 0 24px}.trust-grid{width:min(900px,calc(100% - 48px));gap:12px}.trust-card{min-height:92px;padding:13px 10px}.trust-icon{width:30px;height:30px}.trust-icon svg{width:28px;height:28px}.trust-card strong{font-size:.84rem}}@media (max-width:767px){.trust-bar{padding:14px 0 16px}.trust-grid{width:calc(100% - 18px);grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.trust-card{min-height:84px;padding:9px 3px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.055)}.trust-icon{width:29px;height:29px}.trust-icon svg{width:27px;height:27px}.trust-card strong{font-size:.64rem;line-height:1.1;letter-spacing:-.04em}}@media (max-width:360px){.trust-grid{width:calc(100% - 12px);gap:4px}.trust-card{min-height:78px;padding:8px 2px}.trust-icon svg{width:25px;height:25px}.trust-card strong{font-size:.58rem}}


/* Minimalistyczny, odchudzony pasek atutów */
.trust-bar{padding:14px 0;background:#fff;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.trust-grid{width:min(820px,calc(100% - 48px));gap:8px}.trust-card{min-height:62px;padding:6px 6px;background:transparent;border:0;box-shadow:none;border-radius:0}.trust-card:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.trust-icon{width:24px;height:24px;margin-bottom:2px;color:var(--red)}.trust-icon svg{width:23px;height:23px;stroke-width:2.1}.trust-card strong{font-size:.78rem;line-height:1.12;max-width:130px;color:var(--black)}@media (min-width:1024px){.trust-bar{padding:15px 0}.trust-grid{width:min(780px,calc(100% - 48px));gap:10px}.trust-card{min-height:60px;padding:5px 6px}.trust-icon{width:22px;height:22px}.trust-icon svg{width:21px;height:21px}.trust-card strong{font-size:.76rem}}@media (max-width:767px){.trust-bar{padding:10px 0}.trust-grid{width:calc(100% - 16px);gap:3px}.trust-card{min-height:58px;padding:4px 1px}.trust-icon{width:22px;height:22px;margin-bottom:1px}.trust-icon svg{width:21px;height:21px}.trust-card strong{font-size:.56rem;line-height:1.06}}@media (max-width:360px){.trust-bar{padding:8px 0}.trust-grid{width:calc(100% - 10px);gap:2px}.trust-card{min-height:54px}.trust-icon svg{width:19px;height:19px}.trust-card strong{font-size:.52rem}}


/* Finalny wariant paska atutów - ciemne kafelki jak w referencji */
.trust-bar{margin-top:0;padding:22px 0 26px;background:#0a0a0a;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.trust-bar:before{display:none}.trust-grid{width:min(860px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.trust-card{min-height:104px;padding:13px 8px;border-radius:8px;background:#101010;border:1px solid rgba(255,255,255,.18);box-shadow:none;backdrop-filter:none}.trust-card:hover{background:#111;border-color:rgba(220,38,38,.38);box-shadow:none;transform:none}.trust-icon{width:34px;height:34px;margin-bottom:4px;color:var(--red)}.trust-icon svg{width:31px;height:31px;stroke-width:2.1}.trust-card strong{display:block;color:#fff;text-shadow:none;font-size:.78rem;line-height:1.12;letter-spacing:-.025em;max-width:110px;margin-inline:auto}@media (min-width:768px){.trust-bar{padding:24px 0 28px}.trust-grid{width:min(820px,calc(100% - 48px));gap:10px}.trust-card{min-height:106px;padding:14px 10px;border-radius:10px}.trust-icon{width:32px;height:32px}.trust-icon svg{width:30px;height:30px}.trust-card strong{font-size:.82rem;max-width:128px}}@media (min-width:1024px){.trust-bar{padding:24px 0 28px}.trust-grid{width:min(820px,calc(100% - 48px));gap:10px}.trust-card{min-height:104px}.trust-icon{width:30px;height:30px}.trust-icon svg{width:28px;height:28px}.trust-card strong{font-size:.8rem}}@media (max-width:767px){.trust-bar{padding:18px 0 20px}.trust-grid{width:calc(100% - 18px);grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.trust-card{min-height:82px;padding:9px 3px;border-radius:7px}.trust-icon{width:27px;height:27px;margin-bottom:3px}.trust-icon svg{width:25px;height:25px}.trust-card strong{font-size:.56rem;line-height:1.08;max-width:74px;letter-spacing:-.04em}}@media (max-width:360px){.trust-grid{width:calc(100% - 12px);gap:4px}.trust-card{min-height:78px;padding:8px 2px}.trust-icon svg{width:23px;height:23px}.trust-card strong{font-size:.52rem}}


/* Uproszczone CTA w hero sekcji ofert */
.offer-cta{gap:9px;width:auto;max-width:360px;padding:10px 16px;border-radius:999px;background:var(--red);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 24px rgba(0,0,0,.24);line-height:1.15}.offer-cta>span:first-child{width:auto;height:auto;border-radius:0;background:transparent;font-size:1.1rem;line-height:1;transform:none}.offer-cta:hover>span:first-child{transform:none}.offer-cta strong{font-size:.98rem;line-height:1.1}.offer-cta small{font-size:.72rem;line-height:1.2;margin-top:1px;color:#ffecec;font-weight:600}.offer-cta:hover{background:var(--red-dark);transform:translateY(-1px)}@media (min-width:1024px){.offer-cta{padding:10px 16px;max-width:350px}.offer-cta strong{font-size:.96rem}.offer-cta small{font-size:.7rem}}@media (max-width:767px){.offer-cta{width:auto;max-width:100%;padding:10px 14px;border-radius:999px}.offer-cta strong{font-size:.95rem}.offer-cta small{display:none}.offer-cta>span:first-child{font-size:1rem}}


/* Stabilne zachowanie mobilnego sticky telefonu przy stopce */
.mobile-call-sticky{transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.mobile-call-sticky.is-hidden-at-footer{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}@media (max-width:767px){body{padding-bottom:0}.site-footer{padding-bottom:34px}.cookie-banner{bottom:16px}.cookie-banner:not([hidden])+.mobile-call-sticky,.mobile-call-sticky:has(+ .cookie-banner:not([hidden])){display:none}}@supports not selector(:has(*)){@media (max-width:767px){.cookie-banner{bottom:82px}}}

@media (max-width:767px){body:has(.cookie-banner:not([hidden])) .mobile-call-sticky{display:none}}