/* Style wspólne dla stron typu „miasta”. Ładowane po site.css. */
.areas{padding:clamp(3rem,6vw,5rem) 0 clamp(2.5rem,4vw,3.5rem)}
.card .cact{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:.2rem}
.field select:invalid,.field select.empty{color:var(--silver)}
.submit-row .after{font-size:14px;color:var(--mist);text-align:center;max-width:32rem}
.submit-row .after a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.privacy a{text-decoration:underline}
/* firmy teaser */


















/* how: image + steps */




















/* faq */
.faq{padding:clamp(4rem,7vw,6rem) 0}
/* contact info + map */




.sticky-bar a{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;padding:0 .6rem;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.sticky-bar a:hover{color:#fff;background:var(--navy)}
footer.site ul a:hover{color:#fff}
footer.site .bottom a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:960px){:root{--hdr:52px}.navrow{display:none}.menu-btn{display:flex;margin-left:auto}.topbar{gap:1rem}.cards{grid-template-columns:1fr 1fr}footer.site .cols{flex-wrap:wrap}}
@media (max-width:640px){.cards,.form-grid,.band,footer.site .cols{flex-direction:column;gap:2rem}.cta-row .btn{width:100%}.brand-logo img{height:24px}}
/* service page */
.shero{position:relative;padding:calc(var(--hdr) + clamp(3rem,6vw,5rem)) 0 clamp(3rem,6vw,5rem);background:var(--deep);color:#fff;overflow:hidden}
.shero .inner{position:relative;max-width:860px}
.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mist)}
.crumbs li+li::before{content:"/";margin-right:.6rem;color:var(--acc-lt)}
.crumbs a:hover{color:#fff}
.shero h1{margin-top:1.4rem;font-size:clamp(2rem,4vw,3.2rem)}
.shero .lead{margin-top:1.4rem;color:var(--mist);line-height:1.75;font-size:1.05rem;max-width:42rem}
.shero .cta-row{margin-top:2rem}
.shero .btn.solid{background:#fff;color:var(--deep);border-color:#fff}
.shero .btn.solid:hover{background:var(--acc-lt)}
.shero .bg{position:absolute;top:0;right:0;bottom:0;width:46%;pointer-events:none;z-index:0}
.shero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep) 0,rgba(17,28,46,.6) 30%,rgba(17,28,46,.12) 65%,rgba(17,28,46,.4) 100%),linear-gradient(180deg,rgba(17,28,46,0) 70%,rgba(17,28,46,.55) 100%)}
.shero .bg img{transform:translateY(9%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(180deg,transparent 0,#000 16%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(180deg,transparent 0,#000 16%);mask-composite:intersect}
.shero .inner{z-index:2;max-width:var(--max)}
.shero h1,.shero .lead{max-width:620px}
@media (max-width:900px){.shero .bg{width:100%}.shero .bg img{opacity:.3;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%);mask-image:linear-gradient(180deg,transparent 0,#000 55%)}.shero .bg::after{background:linear-gradient(180deg,var(--deep) 20%,rgba(17,28,46,.5) 100%)}.shero .inner{max-width:860px}}
.local{background:#fff;padding:clamp(4rem,7vw,6rem) 0}
.local .inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.local h2{margin-top:.8rem}
.local p{margin-top:1rem;color:var(--graphite);font-size:15px;line-height:1.75}
.local .facts{display:grid;gap:0}
.local .facts div{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);font-size:14px}
.local .facts div:last-child{border-bottom:1px solid var(--line)}
.local .facts dt{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--acc);padding-top:4px}
.local .facts dd{line-height:1.6}
.local .inner{display:block}
.local .inner>div:first-child{text-align:center;max-width:680px;margin:0 auto 2.4rem}
.local .facts{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;background:var(--paper);border-radius:12px;padding:.6rem 2rem}
.local .facts div{grid-template-columns:120px 1fr;border-top:0;border-bottom:1px solid var(--line)}
.local .facts div:last-child{border-bottom:0}
.local .facts div:nth-last-child(-n+2){border-bottom:0}
@media (max-width:760px){.local .facts{grid-template-columns:1fr;padding:.4rem 1.3rem}.local .facts div{grid-template-columns:1fr;gap:.3rem}.local .facts div:nth-last-child(2){border-bottom:1px solid var(--line)}}
.sfaq{padding:clamp(4rem,7vw,6rem) 0}
@media (max-width:960px){.scope .inner,.local .inner{grid-template-columns:1fr}}
@media (max-width:640px){.local .facts div{grid-template-columns:1fr;gap:.3rem}}
nav.main .sub li a{display:block;padding:.6rem 1.2rem;font-size:12.5px;letter-spacing:.06em;text-transform:none;font-weight:400}
nav.main .sub li a::after{display:none}
nav.main .sub li a:hover,nav.main .sub li a.active{background:var(--paper);color:var(--acc)}
.menu-drawer .grp li a{font-size:.98rem;padding:.75rem 0}
.cktxt p{margin-top:.3rem;font-size:13.5px;line-height:1.6;color:var(--mist)}
.cktxt p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ckbtns .btn.solid{background:#fff;color:var(--deep);border-color:#fff}
@media (max-width:820px){.ckbox{grid-template-columns:1fr;gap:.8rem}.ckbtns{justify-content:flex-start;max-width:none}.ckbar{padding:0 .75rem 4.6rem}.cktxt p{font-size:13px}}
.toast-box p{margin-top:.8rem;color:var(--mist);line-height:1.7;font-size:15px}
.toast-box p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer.site .bottom .cities a{text-decoration:underline;text-underline-offset:3px}
.callw .fbtn{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:0 14px 30px -12px rgba(17,28,46,.35)}
.callw .fbtn:hover{color:var(--acc);background:#fff}
.fmodal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:rgba(17,28,46,.6);padding:1.25rem;overflow:auto}
.fmodal[hidden]{display:none}
.fmodal-box{position:relative;width:100%;max-width:720px;max-height:92vh;overflow:auto;border-radius:14px;padding:clamp(1.6rem,3vw,2.4rem)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.fmodal-box .head{margin-bottom:1.6rem;max-width:none}
.fmodal-close{position:absolute;right:.9rem;top:.7rem;font-size:1.8rem;line-height:1;color:var(--mist);width:40px;height:40px;border-radius:50%}
.fmodal-close:hover{color:#fff;background:rgba(255,255,255,.08)}
body.modal-open{overflow:hidden}
@media (max-width:960px){.fmodal{padding:.75rem}.fmodal-box{max-height:96vh}}
@media (max-width:640px){.cards,.form-grid{grid-template-columns:1fr}.field.full,.form-grid .full{grid-column:auto}}
/* mobile accordions */
@media (max-width:760px){
.macc-i{cursor:pointer}
.macc-i:not(.open)>:not(.macc-h):not(.macc-keep){display:none}
.macc-h{position:relative;padding-right:2rem!important}
.macc-h::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;font-weight:300;line-height:1;color:var(--acc);letter-spacing:0}
.macc-i.open>.macc-h::after{content:"\2212"}

.areas .card.macc-i{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;padding:1rem 1.2rem;gap:.9rem}
.areas .card.macc-i .ico{margin:0;width:40px;height:40px}.areas .card.macc-i .ico img{width:36px;height:36px}
.areas .card.macc-i>h3{flex:1;font-size:15px}
.areas .card.macc-i>p,.areas .card.macc-i>.more,.areas .card.macc-i>.cact{flex-basis:100%}
.areas .card.macc-i>.cact{align-items:flex-start}
.areas .cards{gap:.6rem}
.facts .macc-i dt{padding-top:0}
.facts .macc-i{padding:.9rem 0}







section.pak .pk:not(.open) .for{margin-top:.3rem}
}
/* hero mobile: zdjęcie w karcie + strzałka przewijania zamiast paska */
.scroll-cue{display:none}
@media (max-width:960px){
.shero,.fhero{padding-top:calc(var(--hdr) + 1.25rem)}
.shero .bg,.fhero .bg{position:relative;inset:auto;width:auto;height:min(calc((100vw - 2*var(--pad))*.75),48vh);margin:0 var(--pad) 1.75rem;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.shero .bg::after,.fhero .bg::after{display:none}
.shero .bg img,.fhero .bg img{opacity:1;transform:none;object-position:50% 12%;-webkit-mask-image:none;mask-image:none}
.scroll-cue{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:16px;z-index:98;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(17,28,46,.18);animation:cueBob 1.8s ease-in-out infinite;transition:opacity .3s}
.scroll-cue:hover{color:var(--navy)}
.scroll-cue.gone{opacity:0;pointer-events:none}
}
@keyframes cueBob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}
/* baner cookies: kompaktowy na mobile */
@media (max-width:820px){
.ckbar{padding:0 .6rem .6rem}
.ckbox{padding:.75rem .85rem;gap:.6rem;border-radius:10px}
.cktxt strong{display:none}
.cktxt p{margin:0;font-size:12px;line-height:1.5}
.ckopts{margin-top:.6rem}
.ckbtns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between}
.ckbtns .btn{min-height:36px;padding:.3rem .6rem;font-size:10px;letter-spacing:.04em}
.cklink{font-size:12px;letter-spacing:0;text-transform:none;padding:.3rem 0}
}
main>section.local{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
main>section.areas{padding-top:var(--sec)!important}
main>section.sfaq.faq{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
main>section.consult{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
.head{margin-bottom:clamp(1.75rem,3vw,2.5rem)}
/* hero podstron na komputerze: zdjęcie zaczyna się pod menu, żeby nie ucinało głowy */
@media (min-width:961px){
.shero .bg,.fhero .bg{top:var(--hdr)}
.shero .bg img,.fhero .bg img{transform:none;object-position:50% 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(180deg,transparent 0,#000 6%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(180deg,transparent 0,#000 6%);mask-composite:intersect}

}