/* PRO-INSTAL – białe tło, żółte płaszczyzny (z logo), grafitowa typografia */
:root{
  --pi-ground:#FFFFFF; --pi-panel:#F5F5F0; --pi-ink:#1A1B1C; --pi-muted:#5A5D60; --pi-line:#E2E2DA;
  --pi-y:#FFE100; --pi-y2:#FFD000;
  --pi-display:var(--wp--preset--font-family--naglowki); --pi-body:var(--wp--preset--font-family--tekst);
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks>*+*{margin-block-start:0}
.pi-main .wp-block-post-content>*{margin-block-start:0;margin-block-end:0}
.pi-main{margin-block-start:0}
.pi-pad{padding-block:clamp(48px,7vw,96px)}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pi-ink);outline-offset:2px}
.wp-block-image{margin:0}
.wp-block-image img{display:block}

/* drobne elementy */
.eyebrow{font-family:var(--pi-body);font-weight:700;font-size:.8rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--pi-muted);margin:0}
.lede{font-size:1.12rem;max-width:58ch;color:var(--pi-muted);margin:0}
.muted{color:var(--pi-muted)}
.note-s{font-size:.9rem;color:var(--pi-muted);margin-top:18px}
.bars{display:grid;gap:5px;width:132px}
.bars i{display:block;height:7px;background:var(--pi-y)}
.bars i:last-child{width:58%}
mark.hl{background:linear-gradient(transparent 58%,var(--pi-y) 58%,var(--pi-y) 92%,transparent 92%);color:inherit;padding-inline:.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
ul.dash{list-style:none;margin:0;padding:0;display:grid;gap:8px}
ul.dash li{padding-left:22px;position:relative}
ul.dash li::before{content:"";position:absolute;left:0;top:.66em;width:12px;height:4px;background:var(--pi-ink)}
ul.dash.small{font-size:.98rem;gap:7px}

/* przyciski */
.wp-block-button__link{border-radius:0;transition:background .15s}
.wp-block-button:not(.is-style-outline):not(.is-style-dark) .wp-block-button__link:hover{background:var(--pi-y2)}
.wp-block-button.is-style-dark .wp-block-button__link{background:var(--pi-ink);color:#fff}
.wp-block-button.is-style-dark .wp-block-button__link:hover{background:#000}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--pi-ink);border:2px solid var(--pi-ink);padding:12px 18px}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--pi-ink);color:#fff}

/* nagłówek strony */
.pi-top{position:sticky;top:0;z-index:50;background:var(--pi-ground);border-bottom:1px solid var(--pi-line)}
.admin-bar .pi-top{top:32px}
@media (max-width:782px){.admin-bar .pi-top{top:0}}
.pi-top-in{min-height:72px;gap:24px;max-width:1200px}
.pi-top .wp-block-site-logo img{width:150px;height:auto}
.pi-nav{margin-left:auto;font-size:.98rem}
.pi-nav .wp-block-navigation-item__content{color:var(--pi-muted);text-decoration:none;padding-block:6px}
.pi-nav .wp-block-navigation-item__content:hover{color:var(--pi-ink);box-shadow:inset 0 -3px 0 var(--pi-y)}
.pi-nav .current-menu-item>.wp-block-navigation-item__content{color:var(--pi-ink);box-shadow:inset 0 -3px 0 var(--pi-y)}
.pi-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--pi-ground);padding:24px clamp(16px,4vw,48px)}
.pi-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:var(--pi-ink);font-size:1.15rem}
.pi-call{margin:0}
.pi-call a{display:inline-block;background:var(--pi-y);color:var(--pi-ink);text-decoration:none;font-weight:700;padding:9px 14px;white-space:nowrap}
@media (max-width:600px){.pi-call{display:none}}
/* menu hamburger także na tabletach i małych laptopach */
@media (min-width:600px) and (max-width:1100px){
  .pi-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .pi-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
  .pi-nav .wp-block-navigation__responsive-container-close{display:flex}
  .pi-nav .wp-block-navigation__responsive-container.is-menu-open{position:fixed;inset:0;display:flex;flex-direction:column;z-index:100000}
  .pi-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:flex-start;gap:18px}
}

/* sekcje */
.pi-sec{padding-block:clamp(64px,9vw,112px)}
.pi-sec.pt0{padding-top:0}
.pi-sec.pb0{padding-bottom:0}
.is-light{background:var(--pi-panel)}
.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px 64px!important;align-items:end;margin-bottom:48px!important}
.sec-head-l{display:grid;gap:18px}
.sec-head-l>*{margin:0!important}
@media (max-width:760px){.sec-head{grid-template-columns:1fr!important}}

/* hero */
.pi-hero{border-bottom:1px solid var(--pi-line)}
.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:clamp(24px,5vw,64px)!important;align-items:stretch;padding-top:clamp(40px,6vw,80px)}
.hero-copy{display:flex;flex-direction:column;gap:24px;padding-bottom:clamp(40px,6vw,72px)}
.hero-copy>*{margin:0!important}
.hero-photo{position:relative;border-left:10px solid var(--pi-y);align-self:end;height:100%;min-height:420px}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:50% 40%}
.hero-photo figcaption{position:absolute;left:0;bottom:0;margin:0;background:var(--pi-ground);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr!important}.hero-photo{min-height:320px;border-left:0;border-top:10px solid var(--pi-y)}}

/* pasek parametrów */
.pi-plate{background:var(--pi-y)}
.plate-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));margin:0 auto;max-width:1200px;border-left:1px solid rgba(26,27,28,.25)}
.plate-dl>div{padding:18px 20px;border-right:1px solid rgba(26,27,28,.25);display:grid;gap:4px;min-width:0}
.plate-dl dt{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.plate-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}

/* dwa typy klientów */
.aud{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:2px solid var(--pi-ink)}
.aud-card{padding:clamp(24px,4vw,44px);display:flex!important;flex-direction:column;gap:16px}
.aud-card>*{margin:0!important}
.aud-card.is-main{background:var(--pi-y)}
.aud-card:not(.is-main) ul.dash li::before{background:var(--pi-y);outline:1px solid rgba(0,0,0,.15)}
.aud-card .wp-block-buttons{margin-top:auto!important}
@media (max-width:760px){.aud{grid-template-columns:1fr!important}}

/* usługi */
.svc{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:2px solid var(--pi-ink)}
.svc-card{padding:28px 28px 32px 0;border-bottom:1px solid var(--pi-line);display:grid;gap:12px;align-content:start}
.svc-card>*{margin:0!important}
.svc-card:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--pi-line)}
.svc-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:6px solid var(--pi-y)}
.svc-card .tag{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pi-muted)}
.svc-card p{color:var(--pi-muted)}
.svc-card .kit{color:var(--pi-ink);font-weight:600;font-size:.92rem}
@media (max-width:960px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))!important}.svc-card:not(:nth-child(3n+1)){padding-left:0;border-left:0}.svc-card:nth-child(2n){padding-left:24px;border-left:1px solid var(--pi-line)}}
@media (max-width:600px){.svc{grid-template-columns:1fr!important}.svc-card:nth-child(2n){padding-left:0;border-left:0}}

/* automatyka */
.auto{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:2px solid var(--pi-ink)}
.auto-col{padding:clamp(20px,3vw,32px);display:grid;gap:14px;align-content:start}
.auto-col>*{margin:0!important}
.auto-col+.auto-col{border-left:1px solid var(--pi-line)}
.auto-col.y{background:var(--pi-y)}
@media (max-width:900px){.auto{grid-template-columns:1fr!important}.auto-col+.auto-col{border-left:0;border-top:1px solid var(--pi-line)}}

/* pasek awaria */
.pi-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;background:var(--pi-y);padding:0!important}
.pi-band .wp-block-image img{width:100%;height:100%!important;min-height:360px;object-fit:cover}
.band-txt{padding:clamp(28px,5vw,64px);display:grid;gap:18px;align-content:center}
.band-txt>*{margin:0!important}
.pi-band .bars i{background:var(--pi-ink)}
@media (max-width:760px){.pi-band{grid-template-columns:1fr!important}.pi-band .wp-block-image img{min-height:280px;aspect-ratio:4/3}}

/* przebieg zlecenia */
ol.proc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:s;border-top:2px solid var(--pi-ink)}
ol.proc li{counter-increment:s;padding:28px 24px 8px 0;color:var(--pi-muted);font-size:.98rem}
ol.proc li+li{padding-left:24px;border-left:1px solid var(--pi-line)}
ol.proc li::before{content:counter(s,decimal-leading-zero);display:inline-block;font-weight:700;font-size:.85rem;color:var(--pi-ink);background:var(--pi-y);padding:3px 8px;margin-bottom:12px}
ol.proc li strong{display:block;font-family:var(--pi-display);font-weight:600;font-size:1.25rem;color:var(--pi-ink);margin-bottom:8px;line-height:1.2}
@media (max-width:860px){ol.proc{grid-template-columns:repeat(2,minmax(0,1fr))}ol.proc li:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:520px){ol.proc{grid-template-columns:1fr}ol.proc li+li{padding-left:0;border-left:0;border-top:1px solid var(--pi-line)}}

/* galerie */
.gal{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.gal .wp-block-image img,.ws-gal .wp-block-image img,.k-gal .wp-block-image img{width:100%;aspect-ratio:3/4;object-fit:cover}
.gal .wp-block-image.big{grid-column:span 2;grid-row:span 2;position:relative;min-height:320px}
.gal .wp-block-image.big img{position:absolute;inset:0;width:100%;height:100%!important;aspect-ratio:auto}
.gal .wp-block-image.big figcaption{position:absolute;left:0;bottom:0;margin:0;background:var(--pi-ground);color:var(--pi-ink);padding:6px 10px}
.gal figcaption,.ws-gal figcaption,.k-gal figcaption{font-size:.85rem;color:var(--pi-muted);margin:6px 0 0;text-align:left}
@media (max-width:860px){.gal{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gal .wp-block-image.big{grid-row:span 1;min-height:0}.gal .wp-block-image.big img{position:static;aspect-ratio:4/3;height:auto!important}.gal .wp-block-image.big figcaption{position:static;padding:0}}
.ws{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;gap:clamp(24px,4vw,56px)!important;align-items:start;margin-top:clamp(56px,8vw,96px)!important;padding-top:clamp(40px,6vw,64px);border-top:2px solid var(--pi-ink)}
.ws-txt{display:grid;gap:18px}
.ws-txt>*{margin:0!important}
.ws-txt .h-big{font-size:clamp(1.6rem,3vw,2.2rem)}
.ws-txt ul.dash li::before{background:var(--pi-y);outline:1px solid rgba(0,0,0,.15)}
.ws-gal{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
@media (max-width:860px){.ws{grid-template-columns:1fr!important}}
@media (max-width:480px){.ws-gal{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* marki */
.pi-brands{background:var(--pi-y);padding-block:44px!important;grid-template-columns:220px minmax(0,1fr)!important;gap:24px 48px!important;align-items:center}
.brands-l>*{margin:0!important}
.brands-l{display:grid;gap:6px}
.pi-brands .also{font-size:.95rem;opacity:.8}
.blogos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 28px;align-items:center;justify-items:center}
.blogos li{display:flex;align-items:center;justify-content:center;height:56px;width:100%}
.blogo{height:var(--h)!important;width:auto;max-width:100%;display:block}
@media (max-width:960px){.pi-brands{grid-template-columns:1fr!important}.blogos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.blogos{grid-template-columns:repeat(3,minmax(0,1fr))}.blogo{height:calc(var(--h)*.8)!important}}

/* zapowiedź certyfikatów */
.teaser{border:2px solid var(--pi-ink);padding:clamp(20px,4vw,36px);gap:24px!important}
.teaser-l{display:grid;gap:10px;flex:1 1 420px}
.teaser-l>*{margin:0!important}
.brands-mini{color:var(--pi-muted);font-size:.95rem}

/* kontakt */
.pi-contact{border-top:1px solid var(--pi-line)}
.c-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;gap:clamp(32px,6vw,80px)!important}
.c-l{display:grid;gap:22px;align-content:start}
.c-l>*{margin:0!important}
.c-big a{font-family:var(--pi-display);font-weight:700;font-size:clamp(2rem,5vw,3.2rem);line-height:1;color:var(--pi-ink);text-decoration:none;background:linear-gradient(transparent 60%,var(--pi-y) 60%)}
.c-list{display:grid;margin:0;border-top:1px solid var(--pi-line)}
.c-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--pi-line)}
.c-list dt{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pi-muted);padding-top:4px}
.c-list dd{margin:0;overflow-wrap:anywhere}
@media (max-width:860px){.c-grid{grid-template-columns:1fr!important}}
form.cf{display:grid;gap:14px;background:var(--pi-ground);padding:clamp(20px,3vw,32px);border-top:8px solid var(--pi-y);box-shadow:0 1px 0 var(--pi-line)}
.cf .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:600px){.cf .row{grid-template-columns:1fr}}
.cf label{display:grid;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pi-muted)}
.cf input,.cf textarea{font:400 1rem var(--pi-body);color:var(--pi-ink);background:var(--pi-ground);border:1px solid #C9C9C0;padding:12px;border-radius:0;width:100%;min-width:0;text-transform:none;letter-spacing:0;box-sizing:border-box}
.cf textarea{min-height:120px;resize:vertical}
.cf .seg{display:flex;flex-wrap:wrap;gap:8px}
.cf .seg label{display:flex;align-items:center;gap:8px;border:1px solid #C9C9C0;padding:8px 12px;cursor:pointer;color:var(--pi-ink);text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:400}
.cf .seg input,.cf .consent input{width:auto;accent-color:var(--pi-ink)}
.cf .consent{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:.88rem;font-weight:400;line-height:1.5}
.cf .pi-submit{justify-self:start;background:var(--pi-y);color:var(--pi-ink);border:0;font:600 1rem var(--pi-body);padding:14px 22px;cursor:pointer}
.cf .pi-submit:hover{background:var(--pi-y2)}
.cf .note{margin:0;font-weight:600}
.cf .note.err{color:#A11}
.pi-hp{position:absolute!important;left:-9999px;height:1px;overflow:hidden}

/* klimatyzacja */
.pi-khero{background:var(--pi-y)}
.k-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:clamp(24px,5vw,64px)!important;align-items:center;padding-block:clamp(40px,6vw,80px)}
.k-hero-txt{display:grid;gap:20px}
.k-hero-txt>*{margin:0!important}
.pi-khero .bars i,.pi-chero .bars i{background:var(--pi-ink)}
.pi-khero .eyebrow,.pi-khero .lede,.pi-chero .eyebrow,.pi-chero .lede{color:var(--pi-ink)}
.k-hero-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border:8px solid var(--pi-ground)}
@media (max-width:860px){.k-hero-grid{grid-template-columns:1fr!important}}
.k-two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(24px,4vw,48px)!important}
.k-card{display:grid;gap:14px;align-content:start}
.k-card>*{margin:0!important}
.k-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-bottom:8px solid var(--pi-y)}
.k-card ul.dash li::before{background:var(--pi-y);outline:1px solid rgba(0,0,0,.15)}
@media (max-width:760px){.k-two{grid-template-columns:1fr!important}}
.k-check{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:2px solid var(--pi-ink)}
.k-cell{padding:22px 24px;display:grid;gap:8px;align-content:start;border-right:1px solid var(--pi-line);border-bottom:1px solid var(--pi-line)}
.k-cell>*{margin:0!important}
.k-cell:nth-child(3n){border-right:0}
.k-cell:nth-last-child(-n+3){border-bottom:0}
.k-cell .k-t strong{font-family:var(--pi-display);font-weight:600;font-size:1.1rem}
.k-cell.y{background:var(--pi-y)}
.k-cell.y .muted{color:var(--pi-ink)}
@media (max-width:860px){.k-check{grid-template-columns:1fr!important}.k-cell{border-right:0!important;border-bottom:1px solid var(--pi-line)!important}}
.k-gal{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
@media (max-width:760px){.k-gal{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.pi-sec .wp-block-buttons{margin-top:28px}

/* certyfikaty */
.pi-chero{background:var(--pi-y);padding-block:clamp(48px,7vw,88px) clamp(36px,5vw,56px)}
.c-hero-in{display:grid;gap:20px}
.c-hero-in>*{margin:0!important}
.cgrid{gap:20px!important;margin-bottom:40px!important}
.cert{background:var(--pi-ground);border:1px solid var(--pi-line);padding:14px;display:grid;gap:10px;align-content:start}
.cert>*{margin:0!important}
.cert:hover{border-color:var(--pi-ink);box-shadow:inset 0 -5px 0 var(--pi-y)}
.cert .cert-img{aspect-ratio:4/3;background:#fff;border:1px solid var(--pi-line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cert .cert-img img{max-height:100%;width:auto;max-width:100%;object-fit:contain;cursor:zoom-in}
.cert .yr{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pi-muted)}

/* polityka */
.pp{max-width:760px;margin-inline:auto!important;display:grid;gap:16px}
.pp>*{margin:0!important}

/* stopka */
.pi-foot{background:var(--pi-ground);border-top:8px solid var(--pi-y);color:var(--pi-muted);padding-block:28px;font-size:.92rem}
.pi-foot-in{max-width:1200px;gap:16px 32px;align-items:center}
.pi-foot-in p{margin:0}
.pi-foot .wp-block-site-logo img{width:120px;height:auto}
.pi-foot a{color:var(--pi-muted)}