/* WyciszDom — system wizualny v0.1 (szkielet; typografia docelowa w sesji 2) */
:root{
  --wd-granat:#1b2a41; --wd-granat-2:#122036; --wd-piasek:#f4efe6; --wd-piasek-2:#e9e1d2; --wd-miedz:#c8742f; --wd-miedz-2:#a85f22;
  --wd-tekst:#22262b; --wd-tekst-2:#5b636e; --wd-linia:#e4e0d8; --wd-bialy:#fff; --wd-ok:#2f7d4f;
  --wd-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wd-r:14px; --wd-r-s:8px; --wd-max:1180px; --wd-gut:20px; --wd-cien:0 10px 30px rgba(27,42,65,.10);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--wd-font);font-size:17px;line-height:1.6;color:var(--wd-tekst);background:var(--wd-bialy)}
img{max-width:100%;height:auto;display:block}
a{color:var(--wd-miedz-2)}a:hover{color:var(--wd-miedz)}
h1,h2,h3,h4{line-height:1.15;color:var(--wd-granat);margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1,.wd-h1{font-size:clamp(2rem,4.5vw,3.25rem)}h2{font-size:clamp(1.55rem,3vw,2.25rem)}h3{font-size:1.25rem}
p{margin:0 0 1em}
.wd-skip{position:absolute;left:-999px;top:0;background:var(--wd-granat);color:#fff;padding:.5em 1em;z-index:100}.wd-skip:focus{left:8px;top:8px}
.wd-wrap{max-width:var(--wd-max);margin:0 auto;padding:0 var(--wd-gut)}
.wd-section{padding:clamp(40px,7vw,88px) var(--wd-gut)}
.wd-grid{display:grid;gap:24px}.wd-grid--2{grid-template-columns:repeat(2,1fr)}.wd-grid--3{grid-template-columns:repeat(3,1fr)}.wd-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.wd-grid--3,.wd-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wd-grid--2,.wd-grid--3,.wd-grid--4{grid-template-columns:1fr}}
/* przyciski */
.wd-btn{display:inline-flex;align-items:center;gap:.5em;padding:.9em 1.5em;border-radius:999px;background:var(--wd-miedz);color:#fff!important;font-weight:700;text-decoration:none;line-height:1.2;transition:background .15s,transform .15s}
.wd-btn:hover{background:var(--wd-miedz-2);transform:translateY(-1px)}
.wd-btn--tel{background:var(--wd-granat)}.wd-btn--tel:hover{background:var(--wd-granat-2)}
.wd-btn--ghost{background:transparent;border:2px solid currentColor;color:var(--wd-granat)!important}.wd-btn--ghost:hover{background:var(--wd-piasek)}
.wd-btn__ico{font-size:1.1em}
/* nagłówek */
.wd-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.wd-header.is-scrolled{border-color:var(--wd-linia)}
.wd-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;min-width:0}
.wd-logo__txt{font-weight:900;font-size:1.5rem;letter-spacing:-.02em;color:var(--wd-granat);text-decoration:none}.wd-logo__txt span{color:var(--wd-miedz)}.wd-logo__txt--light{color:#fff}
.wd-logo img{max-height:56px;width:auto}
.wd-nav{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap}
.wd-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:2px;font-size:.95rem}
.wd-nav__list a{display:block;white-space:nowrap;padding:.55em .65em;color:var(--wd-granat);text-decoration:none;font-weight:600;border-radius:var(--wd-r-s)}
.wd-nav__list a:hover,.wd-nav__list .current-menu-item>a{background:var(--wd-piasek)}
.wd-nav__list .sub-menu{display:none;position:absolute;background:#fff;box-shadow:var(--wd-cien);border-radius:var(--wd-r-s);padding:8px;list-style:none;min-width:260px}
.wd-nav__list li{position:relative}.wd-nav__list li:hover>.sub-menu,.wd-nav__list li:focus-within>.sub-menu{display:block}
.wd-burger{display:none;background:none;border:0;width:44px;height:44px;padding:8px;cursor:pointer}
.wd-burger span{display:block;height:3px;background:var(--wd-granat);margin:6px 0;border-radius:2px;transition:transform .2s,opacity .2s}
@media(max-width:1280px){
  .wd-burger{display:block}
  .wd-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:12px var(--wd-gut) 20px;border-bottom:1px solid var(--wd-linia);box-shadow:var(--wd-cien)}
  .wd-nav.is-open{display:flex}
  .wd-nav__list{flex-direction:column}.wd-nav__list .sub-menu{display:block;position:static;box-shadow:none;padding-left:16px}
  .wd-nav__tel{justify-content:center}
  .wd-burger[aria-expanded=true] span:nth-child(1){transform:translateY(9px) rotate(45deg)}.wd-burger[aria-expanded=true] span:nth-child(2){opacity:0}.wd-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
}
/* pasy */
.wd-band{padding:clamp(36px,6vw,72px) 0;background:var(--wd-piasek)}
.wd-band--head{position:relative;background:var(--wd-granat);color:#fff}
.wd-band--head h1{color:#fff}.wd-band--head[style*="--wd-bg"]{background-image:linear-gradient(90deg,rgba(18,32,54,.92),rgba(18,32,54,.6)),var(--wd-bg);background-size:cover;background-position:center}
.wd-lead{font-size:1.2rem;color:inherit;opacity:.9;max-width:62ch}
.wd-crumbs{font-size:.9rem;opacity:.85;margin-bottom:12px}.wd-crumbs a{color:inherit}
.wd-meta{opacity:.8}
/* treść */
.wd-content{max-width:var(--wd-max);margin:0 auto;padding:clamp(32px,5vw,64px) var(--wd-gut)}
.wd-content--front{max-width:none;padding:0}
.wd-content--post{max-width:780px}.wd-content--post .wd-post__okladka{border-radius:var(--wd-r);margin-bottom:32px}
.wd-content--post h2{margin-top:1.6em}
.wd-content table{border-collapse:collapse;width:100%;margin:1.5em 0}.wd-content th,.wd-content td{border:1px solid var(--wd-linia);padding:.6em .8em;text-align:left}.wd-content th{background:var(--wd-piasek)}
.wd-content--front>.alignfull,.wd-content--front>.wp-block-group.alignfull{margin:0}
.alignwide{max-width:var(--wd-max);margin-left:auto;margin-right:auto}
/* hero */
.wd-hero{position:relative;background:var(--wd-granat);color:#fff;overflow:hidden}
.wd-hero__in>*{min-width:0}
.wd-hero__in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:min(640px,82vh);padding:clamp(40px,7vw,80px) var(--wd-gut);max-width:var(--wd-max);margin:0 auto}
.wd-hero h1{color:#fff}.wd-hero p{font-size:1.15rem;opacity:.92;max-width:52ch}
.wd-hero__akcje{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.wd-hero__img img{width:100%;background:var(--wd-piasek-2);border-radius:var(--wd-r);box-shadow:var(--wd-cien);aspect-ratio:4/3;object-fit:cover}
.wd-hero__fakty{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px;font-size:.95rem;opacity:.9}
.wd-hero__fakty strong{display:block;font-size:1.4rem;color:var(--wd-piasek)}
@media(max-width:860px){.wd-hero__in{grid-template-columns:1fr}}
/* kafle usług */
.wd-usluga{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wd-linia);border-radius:var(--wd-r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.wd-usluga:hover{transform:translateY(-3px);box-shadow:var(--wd-cien)}
.wd-usluga img{aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--wd-piasek-2)}
.wd-usluga__body{padding:20px 22px 24px}.wd-usluga h3{margin-bottom:.3em}.wd-usluga p{color:var(--wd-tekst-2);margin:0 0 .8em}
.wd-usluga__more{font-weight:700;color:var(--wd-miedz-2)}
/* problem → rozwiązanie */
.wd-problem{background:var(--wd-piasek);border-radius:var(--wd-r);padding:24px;border-left:5px solid var(--wd-miedz)}
.wd-problem h3{font-size:1.1rem}
/* proces */
.wd-kroki{counter-reset:k;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;padding:0;margin:0}
.wd-kroki li{counter-increment:k;background:#fff;border:1px solid var(--wd-linia);border-radius:var(--wd-r);padding:22px 20px 20px;position:relative}
.wd-kroki li::before{content:counter(k);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--wd-granat);color:#fff;font-weight:800;margin-bottom:12px}
.wd-kroki h3{font-size:1.05rem}.wd-kroki p{margin:0;color:var(--wd-tekst-2);font-size:.95rem}
@media(max-width:1000px){.wd-kroki{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wd-kroki{grid-template-columns:1fr}}
/* opinie */
.wd-opinia{background:#fff;border:1px solid var(--wd-linia);border-radius:var(--wd-r);padding:24px}
.wd-opinia__gw{color:var(--wd-miedz);letter-spacing:2px;font-size:1.1rem}.wd-opinia__kto{font-weight:700;color:var(--wd-granat);margin:0}.wd-opinia p{margin:.6em 0}
/* FAQ */
.wd-faq details{border-bottom:1px solid var(--wd-linia);padding:14px 0}.wd-faq summary{cursor:pointer;font-weight:700;color:var(--wd-granat);font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.wd-faq summary::-webkit-details-marker{display:none}.wd-faq summary::after{content:"+";color:var(--wd-miedz);font-size:1.4rem;line-height:1}.wd-faq details[open] summary::after{content:"–"}
.wd-faq details p{margin:.8em 0 0;color:var(--wd-tekst-2)}
/* CTA */
.wd-cta{background:var(--wd-granat);color:#fff;border-radius:var(--wd-r);padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}
.wd-cta h2{color:#fff}.wd-cta p{opacity:.9}.wd-cta__akcje{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
@media(max-width:800px){.wd-cta{grid-template-columns:1fr}.wd-cta__akcje{justify-content:flex-start}}
.wd-cta-box{background:var(--wd-piasek);border-radius:var(--wd-r);padding:28px;margin-top:40px}
/* karty wpisów */
.wd-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wd-linia);border-radius:var(--wd-r);overflow:hidden;text-decoration:none;color:inherit}
.wd-card:hover{box-shadow:var(--wd-cien)}.wd-card__img{aspect-ratio:16/10;object-fit:cover}.wd-card__body{padding:20px}.wd-card__h{font-size:1.15rem}.wd-card__more{font-weight:700;color:var(--wd-miedz-2)}
/* stopka */
.wd-footer{background:var(--wd-granat-2);color:#d9dee8;margin-top:clamp(40px,7vw,88px);padding:clamp(40px,6vw,64px) 0 24px}
.wd-footer a{color:#fff}.wd-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.wd-footer__h{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.wd-footer__list,.wd-footer__legal{list-style:none;margin:0;padding:0}.wd-footer__list li{margin:.35em 0}.wd-footer__legal{display:flex;gap:18px}
.wd-footer__tel a{font-size:1.4rem;font-weight:800;text-decoration:none}
.wd-footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:.9rem}
@media(max-width:800px){.wd-footer__grid{grid-template-columns:1fr}}
/* pasek telefonu na telefonie */
@media(max-width:700px){body{padding-bottom:64px}.wd-pasek{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex}.wd-pasek a{flex:1;text-align:center;padding:16px;font-weight:800;text-decoration:none;color:#fff}.wd-pasek a:first-child{background:var(--wd-granat)}.wd-pasek a:last-child{background:var(--wd-miedz)}}
@media(min-width:701px){.wd-pasek{display:none}}
