/* V21: strona Architekt Łódź trzyma ten sam rytm co reszta serwisu: kontener 1020px, jasne karty, spokojne cienie, brak osobnego „landingowego” stylu. */
.arch-lodz-page{padding-top:1rem;padding-bottom:2rem}
.arch-lodz-page>.breadcrumbs,
.arch-lodz-hero,
.arch-lodz-strip,
.arch-lodz-section,
.arch-cta-band{box-sizing:border-box;width:100%;max-width:var(--site-content-max,1020px);margin-left:auto;margin-right:auto}
.arch-lodz-hero{margin-top:1.2rem;padding:clamp(1.6rem,3vw,2.4rem);border:1px solid rgba(17,17,17,.08);border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);box-shadow:0 20px 55px rgba(15,23,42,.06);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(1.2rem,2vw,2rem);align-items:start;overflow:hidden;position:relative}
.arch-lodz-hero:before{display:none}
.arch-lodz-eyebrow{display:inline-flex;gap:.55rem;align-items:center;margin:0 0 .9rem;padding:.32rem .68rem;border:1px solid rgba(138,100,40,.20);border-radius:999px;background:#fff;color:#8a6428;font-weight:800;font-size:.95rem}
.arch-lodz-hero h1{font-size:var(--font-size-h1);line-height:1.05;margin:.1rem 0 1rem;letter-spacing:-.04em;max-width:900px}
.arch-lodz-lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--secondary-text,#31415a);max-width:var(--site-reading-max,980px)}
.arch-lodz-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.25rem;justify-content:flex-start}
.arch-lodz-panel{background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:22px;padding:1.25rem;box-shadow:0 14px 34px rgba(17,17,17,.055)}
.arch-lodz-panel strong{display:block;font-size:1rem;margin-bottom:.55rem;color:var(--primary-text,#111827)}
.arch-lodz-panel ul{padding-left:1.05rem;margin:.55rem 0 0;color:var(--secondary-text,#34445d);line-height:1.65}
.arch-lodz-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.2rem;margin-bottom:0}
.arch-lodz-strip div{background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:20px;padding:1rem;box-shadow:0 12px 28px rgba(17,17,17,.04)}
.arch-lodz-strip strong{display:block;font-size:1.15rem;line-height:1.15;color:var(--primary-text,#111827);margin-bottom:.25rem}
.arch-lodz-strip span{color:var(--secondary-text,#555);font-size:.95rem}
.arch-lodz-section{margin-top:1.2rem;padding:clamp(1.35rem,2.4vw,2rem);border:1px solid rgba(17,17,17,.08);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(17,17,17,.045)}
.arch-lodz-section h2{margin-top:0;margin-bottom:.9rem;font-size:var(--font-size-h2);line-height:1.12;letter-spacing:-.03em}
.arch-lodz-section p{max-width:var(--site-reading-max,980px);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--secondary-text,#31415a)}
.arch-lodz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.arch-card{padding:1.15rem;border:1px solid rgba(17,17,17,.08);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 26px rgba(17,17,17,.04)}
.arch-card b{display:block;font-size:1.02rem;margin-bottom:.4rem;color:var(--primary-text,#111827)}
.arch-card p{margin:.2rem 0 0;color:var(--secondary-text,#394960);line-height:1.6}
.arch-process{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 0;padding:0}
.arch-process li{list-style:none;position:relative;padding:1.15rem;border-radius:20px;background:#fff;border:1px solid rgba(17,17,17,.08);box-shadow:0 10px 26px rgba(17,17,17,.04)}
.arch-process li:before{counter-increment:step;content:'0' counter(step);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.7rem;border-radius:999px;background:#8a6428;color:#fff;font-weight:900;font-size:.82rem}
.arch-process strong{display:block;margin-bottom:.35rem;color:var(--primary-text,#111827)}
.arch-process p{margin:0;color:var(--secondary-text,#394960);line-height:1.58}
.arch-seo-note{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.arch-lodz-faq .faq-item{padding:1rem 0;border-top:1px solid rgba(17,17,17,.08)}
.arch-lodz-faq .faq-item:first-of-type{border-top:0}
.arch-lodz-faq h3{font-size:var(--font-size-h3);margin:.2rem 0 .35rem}
.arch-cta-band{margin-top:1.2rem;padding:clamp(1.35rem,2.4vw,2rem);border:1px solid rgba(138,100,40,.18);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f5efe4 100%);color:var(--primary-text,#111827);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;box-shadow:0 14px 36px rgba(17,17,17,.055)}
.arch-cta-band h2{margin:0 0 .4rem;color:var(--primary-text,#111827);font-size:var(--font-size-h2)}
.arch-cta-band p{margin:0;color:var(--secondary-text,#31415a);line-height:1.65;max-width:760px}
.arch-cta-band .cta-button{background:linear-gradient(180deg,#ffffff 0%,#f2eee7 100%)!important;color:#111!important;border:2px solid #8a6428!important;box-shadow:0 12px 28px rgba(17,24,39,.13)!important}
.arch-lodz-section.blog-internal-links{margin-bottom:2rem}
@media(max-width:980px){.arch-lodz-hero,.arch-seo-note,.arch-cta-band{grid-template-columns:1fr}.arch-lodz-strip,.arch-lodz-grid,.arch-process{grid-template-columns:1fr 1fr}.arch-cta-band{align-items:start}}
@media(max-width:640px){.arch-lodz-strip,.arch-lodz-grid,.arch-process{grid-template-columns:1fr}.arch-lodz-hero{padding:1.25rem;border-radius:22px}.arch-lodz-actions{flex-direction:column}.arch-lodz-actions .cta-button,.arch-cta-band .cta-button{width:100%;justify-content:center;text-align:center}}