
:root{--navy:#0b2348;--blue:#1683e6;--blue2:#5fb4ff;--ink:#0f1d35;--muted:#65738a;--light:#f4f7fb;--line:#dfe6ef;--white:#fff;--orange:#f28c28}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.58;background:#fff}
img{max-width:100%;display:block}a{color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e8edf3}
.nav{min-height:82px;display:flex;align-items:center;gap:24px}.brand img{width:210px}.nav-links{display:flex;gap:22px;margin-left:auto;align-items:center}
.nav-links a{text-decoration:none;font-weight:750;font-size:14px;color:#15243b}.nav-links a:hover{color:var(--blue)}.phone-btn{background:var(--blue);color:#fff;text-decoration:none;padding:12px 17px;border-radius:9px;font-weight:800;white-space:nowrap}
.menu-toggle{display:none;border:0;background:none;font-size:27px}.hero{min-height:650px;position:relative;color:#fff;display:flex;align-items:center;background:url("../img/hero.jpg") center/cover}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,43,.93) 0%,rgba(11,35,72,.78) 47%,rgba(11,35,72,.16) 100%)}
.hero-content{position:relative;padding:105px 0}.eyebrow{letter-spacing:.15em;font-size:12px;font-weight:900;color:var(--blue);text-transform:uppercase}
.hero .eyebrow,.dark-section .eyebrow,.subhero .eyebrow{color:#71bdff}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;margin:10px 0 22px;max-width:840px}
.hero h1 span{color:#71bdff}.hero .lead{font-size:21px;font-weight:700;max-width:710px}.hero p{max-width:760px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:9px;padding:13px 20px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--blue);color:#fff}.btn-outline{border-color:#fff;color:#fff;background:transparent}.btn-dark{background:var(--navy);color:#fff}
.trustbar{margin-top:-43px;position:relative;z-index:3}.trustgrid{background:#fff;border-radius:15px;padding:22px;box-shadow:0 15px 38px rgba(11,35,72,.16);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trustitem{padding:8px 20px;border-right:1px solid var(--line)}.trustitem:last-child{border:0}.trustitem b{display:block}.trustitem span{color:var(--muted);font-size:14px}
.section{padding:95px 0}.section-light{background:var(--light)}.section-head{max-width:780px;margin-bottom:42px}.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:7px 0 15px}.muted{color:var(--muted)}
.category-title{margin:50px 0 18px;font-size:26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:.22s}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(11,35,72,.12)}.card-img{height:205px;object-fit:cover;width:100%}.card-body{padding:24px}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:0;color:var(--muted)}
.text-card{padding:27px}.text-card .symbol{font-size:32px;color:var(--blue);margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip{background:#eaf4ff;color:#0d5c9f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.about-grid{display:grid;grid-template-columns:1.05fr 1.1fr .55fr;gap:38px;align-items:center}.about-photo{border-radius:18px;min-height:440px;object-fit:cover;width:100%}
.statbox{background:linear-gradient(180deg,#1683e6,#0b65b1);color:#fff;border-radius:16px;padding:28px}.statbox strong{font-size:62px;line-height:1;display:block}.statbox hr{border:0;border-top:1px solid #ffffff44;margin:20px 0}
.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.benefit{border:1px solid var(--line);border-radius:14px;padding:20px;font-weight:800}
.dark-section{background:var(--navy);color:#fff}.dark-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.dark-grid h2{font-size:clamp(34px,4vw,54px);line-height:1.08}
.ticklist{list-style:none;padding:0;margin:25px 0}.ticklist li{padding:7px 0}.ticklist li:before{content:"✓";color:#6fc0ff;font-weight:900;margin-right:10px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}.project img{height:260px;width:100%;object-fit:cover}.project .caption{padding:18px}.project .caption h3{margin:0 0 5px}
.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba{position:relative}.ba img{border-radius:14px;width:100%;height:300px;object-fit:cover}.label{position:absolute;left:12px;top:12px;background:rgba(11,35,72,.9);color:#fff;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:900}
.subhero{background:linear-gradient(90deg,#071a36,#0b2348);color:#fff;padding:90px 0}.subhero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;margin:9px 0 15px}.subhero p{max-width:760px;font-size:19px}
.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.content-grid h2{font-size:36px;line-height:1.15}.sidebox{background:var(--light);padding:28px;border-radius:16px;align-self:start}.sidebox h3{margin-top:0}
.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.form label{display:block;font-weight:800;margin:0 0 14px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #cfd8e5;border-radius:8px;font:inherit;margin-top:6px}.form small{color:var(--muted)}
.cta{background:linear-gradient(90deg,#0b2348,#0d3b75);color:#fff;padding:62px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:clamp(30px,4vw,48px);margin:0}
.reviews-empty{border:1px dashed #b8c5d6;background:#fafcff;border-radius:16px;padding:30px}.stars{letter-spacing:2px;color:#f2a900;font-size:22px}
footer{background:#06162f;color:#fff;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px}.footer-logo{width:210px;filter:brightness(0) invert(1)}footer a{color:#fff}.copyright{border-top:1px solid #ffffff20;margin-top:30px;padding-top:15px;color:#b7c4d5;font-size:13px}
.floating-call{display:none}
@media(max-width:980px){.nav-links{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:22px;flex-direction:column;align-items:flex-start;box-shadow:0 14px 30px #0001}.nav-links.open{display:flex}.menu-toggle{display:block;margin-left:auto}.phone-btn{font-size:12px}.trustgrid{grid-template-columns:1fr 1fr}.trustitem:nth-child(2){border-right:0}.cards{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.statbox{max-width:320px}.benefit-grid{grid-template-columns:1fr 1fr}.dark-grid,.content-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.nav{min-height:72px}.brand img{width:165px}.phone-btn{display:none}.hero{min-height:650px}.hero-content{padding:82px 0}.hero h1{font-size:48px}.trustbar{margin-top:-28px}.trustgrid,.cards,.benefit-grid,.gallery-grid,.footer-grid,.beforeafter{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid var(--line)}.trustitem:last-child{border-bottom:0}.section{padding:70px 0}.ba img{height:250px}.floating-call{display:flex;position:fixed;bottom:16px;left:16px;right:16px;z-index:60;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;border-radius:12px;padding:14px;font-weight:900;box-shadow:0 10px 28px #0004}}

.region-banner{
  background:#eef3f7;
  border-bottom:1px solid rgba(0,0,0,.08);
  padding:10px 0;
  text-align:center;
  font-size:15px;
}
.region-banner strong{font-weight:700}


/* AWK 2026-09: ujednolicone formaty zdjęć */
.card-img{
  width:100%;
  height:230px;
  object-fit:contain;
  object-position:center;
  background:#f3f5f7;
}
.project img{
  width:100%;
  height:320px;
  object-fit:contain;
  object-position:center;
  background:#f3f5f7;
}
.ba{
  background:#f3f5f7;
  border-radius:14px;
  overflow:hidden;
}
.ba img{
  width:100%;
  height:420px;
  object-fit:contain;
  object-position:center;
  background:#f3f5f7;
}
@media(max-width:640px){
  .card-img{height:230px}
  .project img{height:300px}
  .ba img{height:360px}
}

/* Herstellerlogos Fenster-Service */
.brand-service-box{margin-top:28px;padding:22px;border:1px solid #dfe5eb;border-radius:14px;background:#fff}
.brand-service-box h3{margin-top:0}
.service-brand-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:center;margin-top:18px}
.service-brand-logos>div{height:100px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #e4e8ec;border-radius:10px;background:#fff}
.service-brand-logos img{width:100%;height:72px;object-fit:contain;display:block}
.brand-note{font-size:12px;color:#667085;margin:14px 0 0}
@media(max-width:760px){.service-brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.service-brand-logos>div{height:90px}}
