/* BOLIX Design Collection — Stage 2 system comparison template v2 */
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2{
  --stage2-red:#e30613;
  --stage2-ink:#17191d;
  --stage2-muted:#667085;
  --stage2-line:#e5e8ec;
  --stage2-soft:#f5f7f8;
}

body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__hero{
  align-items:stretch;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__quick{
  padding:26px;
  border:1px solid var(--stage2-line);
  border-radius:26px;
  background:linear-gradient(145deg,#f8f9fa,#eef1f4);
  color:#28323d;
  box-shadow:0 16px 44px rgba(15,23,42,.07);
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__quick>strong{
  display:block;
  margin-bottom:14px;
  color:var(--stage2-red);
  font-size:12px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__quick>span{
  display:block;
  margin-top:10px;
  padding:14px 16px;
  border:1px solid #e0e5e9;
  border-radius:15px;
  background:rgba(255,255,255,.86);
  color:#46515d;
  font-size:15px;
  line-height:1.52;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__quick>span b{
  display:block;
  margin-bottom:4px;
  color:#20242a;
  font-size:15px;
  line-height:1.35;
  font-weight:900;
}

body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology,
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare{
  margin-top:34px;
  margin-bottom:34px;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid article{
  padding:24px 26px;
  border:1px solid var(--stage2-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 26px rgba(15,23,42,.045);
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid small{
  display:block;
  margin-bottom:8px;
  color:var(--stage2-red);
  font-size:10.5px;
  line-height:1.25;
  font-weight:950;
  letter-spacing:.075em;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid h3{
  margin:0 0 8px;
  color:var(--stage2-ink);
  font-size:22px;
  line-height:1.25;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid p{
  margin:0;
  color:var(--stage2-muted);
  font-size:15px;
  line-height:1.62;
}

body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid{
  display:grid;
  gap:14px;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid article{
  position:relative;
  min-width:0;
  padding:20px 22px;
  border:1px solid var(--stage2-line);
  border-radius:18px;
  background:var(--stage2-soft);
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid strong{
  display:block;
  margin-bottom:7px;
  color:var(--stage2-ink);
  font-size:16px;
  line-height:1.35;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid p{
  margin:0;
  color:#5f6975;
  font-size:14.5px;
  line-height:1.55;
}

body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__systems{
  padding-top:36px;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__what>small{
  display:block;
  margin-bottom:6px;
  color:#7a8490;
  font-size:10.5px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.075em;
}

body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__notice{
  margin-top:34px;
  margin-bottom:38px;
  padding:22px 24px;
  border:1px solid var(--stage2-line);
  border-radius:20px;
  background:#fff;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__notice strong{
  display:block;
  margin-bottom:7px;
  color:#20242a;
  font-size:16px;
  line-height:1.35;
}
body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__notice p{
  margin:0;
  color:#65707c;
  font-size:15px;
  line-height:1.62;
}

@media(max-width:1050px){
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--3,
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__quick{
    padding:20px;
    border-radius:20px;
  }
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__quick>span{
    padding:13px 14px;
    font-size:15px;
  }
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid,
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--2,
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--3,
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid--4{
    grid-template-columns:1fr;
  }
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid article{
    padding:20px;
  }
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid h3{
    font-size:21px;
  }
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__technology-grid p,
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__compare-grid p,
  body.bolix-child-site.bolix-facade-design-direction-route .facade-direction-stage2-v2 .bolix-stage2-v2__notice p{
    font-size:15px;
    line-height:1.6;
  }
}