/*
Theme Name: SpecDach Konopaccy
Author: SpecDach Konopaccy
Description: Strona usług dekarskich i ciesielskich.
Version: 1.1.0
Text Domain: specdach
*/
:root{--ink:#242424;--paper:#fff;--muted:#656565;--line:#d8d8d3;--accent:#a73b27;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a73b27;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:15px;z-index:50}.skip:focus{top:10px}h1,h2,h3,p{margin-top:0}.site-header{position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid var(--line)}.header-inner{height:92px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:block;text-decoration:none;border-left:6px solid var(--accent);padding-left:12px;line-height:1}.brand strong{font-size:30px;font-weight:900;letter-spacing:-1.8px;display:block}.brand small{display:block;font-size:12px;letter-spacing:4.1px;margin-top:7px}.nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.nav a{text-decoration:none}.nav a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 21px;background:var(--accent);border:1px solid var(--accent);text-decoration:none;font-size:14px;font-weight:bold;color:white;cursor:pointer}.btn:hover{background:#862d1d;color:#fff!important}.btn.outline{background:white;color:var(--ink);border-color:#a0a09a}.btn.outline:hover{background:#f0efeb;color:var(--ink)!important}.menu-toggle{display:none}.hero{position:relative;background:#d7d1c5;isolation:isolate}.hero-inner{min-height:720px;display:flex;align-items:center;padding-top:65px;padding-bottom:65px}.hero-photo{position:absolute;inset:0;z-index:-1}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 60%)}.hero-copy{background:#fffffff5;padding:37px 40px 30px;width:490px;border-top:6px solid var(--accent);box-shadow:0 8px 35px #0001}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:.4px;display:block;color:var(--muted)}h1{font-size:68px;line-height:.99;letter-spacing:-3.5px;font-weight:800;margin:23px 0 25px}h1 span{color:var(--accent)}.hero-copy p{font-size:15px;margin-bottom:25px;color:#4a4a46}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero-copy .btn{font-size:12px;padding:12px 15px;gap:12px}.hero-note{border-top:1px solid #d0d0c9;padding-top:20px;margin-top:25px;font-size:11px;color:#686862}.photo-caption{position:absolute;bottom:22px;right:5%;display:flex;gap:14px;background:#242424da;color:white;padding:9px 14px;font-size:11px}.photo-caption span:first-child{font-weight:bold}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;margin-bottom:35px}.section .eyebrow{margin-bottom:12px;color:#7a4437}h2{font-size:40px;line-height:1.14;letter-spacing:-1.4px;margin-bottom:0;font-weight:750}h2 br{display:none}.section-head p{font-size:14px;color:var(--muted);max-width:440px;margin:0}.services{border-top:2px solid var(--ink)}.service{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--line);position:relative;align-items:start}.service .number{display:none}h3{font-size:23px;line-height:1.25;letter-spacing:-.7px;font-weight:700;margin-bottom:15px}.service h3{margin:0}.service p{font-size:14px;color:var(--muted);margin:0}.service ul{font-size:13px;line-height:1.9;margin:0;padding-left:18px}.snow-service{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f2f1ed;padding:30px 28px;border-bottom:0}.snow-service>div{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;flex:1}.snow-service .btn{font-size:12px;white-space:nowrap}.about{background:#f2f1ed}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.about-image{position:relative}.about-image img{width:100%;height:520px;object-fit:cover}.image-label{display:block;background:#242424;color:white;padding:10px 15px;font-size:12px}.about-copy h2{margin-bottom:25px}.about-copy h2 br{display:block}.about-copy p{font-size:15px;color:#5c5c57}.facts{margin-top:25px;border-top:1px solid #c5c5bf}.fact{padding:11px 0;border-bottom:1px solid #c5c5bf;display:flex;justify-content:space-between;gap:18px;font-size:12px}.fact strong{font-weight:normal;color:#65655e}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 18px}.gallery button{border:0;background:none;padding:0;text-align:left;cursor:pointer;color:var(--ink)}.gallery img{height:355px;width:100%;object-fit:cover}.gallery button:hover img{filter:brightness(.9)}.gallery-label{display:flex;justify-content:space-between;gap:15px;padding:11px 0;font-size:12px}.gallery-label span:last-child{color:#71716b}.gallery-footer{display:flex;justify-content:space-between;gap:30px;margin-top:28px;font-size:12px;color:var(--muted)}.text-link{text-underline-offset:4px;color:var(--ink)}.process{background:#f2f1ed}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.step{border-top:2px solid #b9b9b1;padding-top:20px}.step .number{display:none}.step h3{font-size:20px}.step p{color:var(--muted);font-size:14px;margin:0}.faq{max-width:850px}.faq h2{margin-bottom:25px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:15px}.faq p{margin:15px 0 0;color:var(--muted);font-size:14px}.contact{background:#252525;color:white;padding:65px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.contact .eyebrow{color:#d7c5bd;margin-bottom:20px}.contact h2{font-size:46px;margin-bottom:20px}.contact h2 br{display:block}.contact p{color:#c5c5bf;font-size:14px;max-width:430px}.contact-panel{border-left:3px solid #a73b27;padding-left:30px}.contact-panel .btn{margin-top:25px;width:100%}.contact-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #4c4c47;padding:12px 0;font-size:13px}.contact-row span{color:#bdbdb5}.contact-row strong{font-weight:500}.site-footer{padding:22px 0;background:#1b1b1b;color:#b9b9b1;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.lightbox{border:0;background:#1c1c1cf5;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:65px 4vw;color:white}.lightbox::backdrop{background:#1c1c1c}.lightbox img{height:calc(100dvh - 150px);width:100%;object-fit:contain}.lightbox button{position:absolute;right:30px;top:20px;background:none;border:1px solid #aaa;color:white;padding:10px 18px;cursor:pointer}.lightbox p{text-align:center;font-size:12px;margin-top:15px}.admin-bar .site-header{top:32px}
@media(min-width:1450px){.hero-photo img{object-position:65% 45%}}@media(max-width:1000px){.service{grid-template-columns:.9fr 1.1fr}.service ul{grid-column:2}.snow-service>div{display:block}.snow-service h3{margin-bottom:12px}.hero-photo img{object-position:70% center}.about-grid,.contact-grid{gap:40px}.nav{gap:20px}.gallery img{height:280px}}@media(max-width:700px){.header-inner{height:78px}.brand strong{font-size:25px}.brand small{font-size:10px;letter-spacing:3.7px}.menu-toggle{display:block;background:white;border:1px solid #aaa;padding:8px 14px;color:var(--ink);font-size:13px}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;border-bottom:1px solid #ccc;padding:24px;align-items:stretch;flex-direction:column;gap:18px}.nav.open{display:flex}.hero-inner{padding:0;display:flex;flex-direction:column;min-height:0;width:100%}.hero-photo{position:relative;inset:auto;order:0;width:100%;height:360px;z-index:0}.hero-photo img{object-position:center 43%}.hero-photo:after{display:none}.hero-copy{order:1;width:100%;padding:28px 6% 26px;box-shadow:none;border-top:0;background:white}h1{font-size:47px;line-height:1.03;letter-spacing:-2px;margin:16px 0 21px}h1 br{display:none}h1 br:after{content:' '}h1 span{display:block}h1{max-width:380px}h1 br{display:block}h1 br:first-of-type{display:none}.hero-copy p{font-size:14px;max-width:420px}.hero-note{margin-top:20px;padding-top:15px}.photo-caption{bottom:12px;left:6%;right:auto;font-size:10px;padding:7px 11px}.photo-caption span:first-child{display:none}.section{padding:48px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:20px;max-width:none}h2{font-size:31px;letter-spacing:-1px}.service{display:block;padding:24px 0}.service h3{font-size:22px;margin-bottom:12px}.service ul{margin-top:14px}.snow-service{padding:24px 20px;margin-top:22px}.snow-service .btn{margin-top:20px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-image img{height:400px}.about-copy h2 br{display:none}.gallery{grid-template-columns:1fr 1fr;gap:20px 12px}.gallery img{height:240px}.gallery-label{font-size:11px;padding:9px 0}.gallery-label span:last-child{display:none}.gallery-footer{display:block;font-size:11px}.gallery-footer a{display:block;margin-top:15px}.steps{display:block;margin-top:28px}.step{margin-top:25px}.step h3{font-size:20px}.contact{padding:45px 0}.contact h2{font-size:34px}.contact-panel{padding-left:20px}.footer-inner{display:block}.footer-inner>*{display:block;margin:6px 0}.admin-bar .site-header{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:701px){.hero-photo img{object-position:65% 76%}}
@media(max-width:700px){.about-copy h2 br{display:block}}
@media(max-width:700px){.hero-photo{height:220px}.hero-photo img{object-position:center 70%}}
/* v1.2 */
.nav-phone{font-weight:800;color:var(--accent);white-space:nowrap}.nav-phone:before{content:"\260E\00a0"}.btn.call{background:var(--ink);border-color:var(--ink)}.btn.call:hover{background:#000}.hero-note{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.hero-note .rating{text-decoration:none;color:var(--ink);font-size:12px}.hero-note .rating strong{color:#b8860b;letter-spacing:1px;margin-right:4px}.trust{background:var(--ink);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:26px 24px;border-left:1px solid #ffffff22}.trust-grid>div:first-child{border-left:0;padding-left:0}.trust-grid strong{display:block;font-size:20px;letter-spacing:-.5px}.trust-grid span{font-size:12px;color:#c5c5bf}.reviews{background:#f2f1ed}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review{margin:0;background:#fff;border-top:3px solid var(--accent);padding:28px}.review .stars{color:#b8860b;letter-spacing:3px;font-size:18px;margin-bottom:14px}.review blockquote{margin:0 0 18px;font-size:14px;color:#4a4a46;line-height:1.7}.review figcaption{font-weight:700;font-size:13px}.review figcaption span{font-weight:400;color:var(--muted);margin-left:8px}.review-link{margin:28px 0 0;font-size:13px}.findus-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:stretch}.phone-big{display:block;font-size:44px;font-weight:900;letter-spacing:-2px;text-decoration:none;color:var(--accent);margin:8px 0 24px}.phone-big:hover{color:#862d1d}.findus .facts a{color:var(--ink)}.map iframe{width:100%;height:100%;min-height:380px;border:0;filter:grayscale(.3)}.callbar{display:none}@media(max-width:1000px){.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(3){border-left:0;padding-left:0}.review-grid{grid-template-columns:1fr}}@media(max-width:700px){.nav-phone{font-size:18px}.findus-grid{grid-template-columns:1fr;gap:30px}.phone-big{font-size:36px}.map iframe{min-height:300px}.trust-grid>div{padding:18px 14px}.trust-grid strong{font-size:16px}.callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;box-shadow:0 -4px 18px #0003}.callbar a{flex:1;text-align:center;padding:15px;font-weight:800;text-decoration:none;color:#fff;background:var(--accent)}.callbar a+a{background:var(--ink)}body{padding-bottom:52px}}

/* v1.3 */
body{font-size:17px}.section{padding:64px 0}.section-head{margin-bottom:30px}.section-head p{font-size:16px;max-width:520px}h2{font-size:42px}.service p{font-size:16px}.service ul{font-size:15px}.step p{font-size:16px}.about-copy p{font-size:17px}.fact{font-size:14px}.gallery-label,.gallery-footer{font-size:14px}.contact p{font-size:16px;max-width:520px}.contact-row{font-size:15px}.eyebrow{font-size:13px}.review blockquote{font-size:16px}.review figcaption{font-size:14px}.trust-grid span{font-size:13px}.faq{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:0 70px;align-items:start}.faq>*{grid-column:2}.faq>h2,.faq>.eyebrow,.faq>span{grid-column:1}.faq>h2{grid-row:1/span 12;position:sticky;top:120px;font-size:44px;margin-bottom:0}.faq details{padding:22px 0}.faq details:first-of-type{border-top:2px solid var(--ink)}.faq summary{font-size:18px}.faq details p{font-size:16px;max-width:none}.findus{background:#f2f1ed;padding:64px 0}.findus-grid{gap:50px}.findus h2{margin-bottom:16px}.findus-copy p{font-size:17px;color:#4a4a46;max-width:520px;margin-bottom:6px}.findus .facts{margin-top:8px}.findus .fact{font-size:15px;padding:14px 0}.phone-big{font-size:52px;margin:14px 0 22px}.map iframe{min-height:420px}.process .steps{gap:50px}.step h3{font-size:22px}@media(max-width:1000px){.faq{display:block}.faq>h2{position:static;margin-bottom:24px}.section{padding:52px 0}}@media(max-width:700px){body{font-size:16px}h2{font-size:32px}.faq>h2{font-size:32px}.phone-big{font-size:38px}.section{padding:44px 0}}

/* v1.3.1 */
@media(min-width:1001px){.faq>.eyebrow,.faq>span{grid-row:1;margin-bottom:10px}.faq>h2{grid-row:2/span 12}}

/* v1.4 */
.area{padding:56px 0}.area-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}.area p{font-size:17px;color:#4a4a46;margin:0 0 20px;max-width:560px}.places{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.places li{border:1px solid var(--ink);padding:9px 18px;font-weight:700;font-size:15px}.places li:first-child{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:1000px){.area-grid{grid-template-columns:1fr;gap:20px}}

/* v1.4.1 */
@media(min-width:1001px){.review-grid{grid-template-columns:repeat(4,1fr);gap:20px}.review{padding:24px}.review blockquote{font-size:15px}}@media(min-width:701px) and (max-width:1000px){.review-grid{grid-template-columns:1fr 1fr}}.review-fb .stars{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#1877f2}