/*
 * BOLIX Facade Renovation · Stage 3 final visual layer.
 * One shared rounded-card language for every renovation detail route.
 */

/* Full-width hero after duplicate Stage-3 summary removal. */
.bolix-renovation-detail .bolix-renovation-detail__hero{
  grid-template-columns:minmax(0,1fr);
}
.bolix-renovation-detail .bolix-renovation-detail__hero>div{
  width:100%;
  border-radius:32px!important;
  overflow:hidden;
}
.bolix-renovation-detail .bolix-renovation-detail__hero .bolix-system-page__lead{
  max-width:980px;
}
.bolix-renovation-detail__sequence{scroll-margin-top:110px}
.bolix-renovation-detail .bolix-system-standard__facts{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Problem / information cards: same soft BOLIX geometry as the newer systems. */
.bolix-renovation-detail .bolix-system-standard__problem-copy{
  border-radius:28px!important;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  overflow:hidden;
}
.bolix-renovation-detail .bolix-system-standard__problem-points>div,
.bolix-renovation-detail .bolix-system-standard__application-grid article,
.bolix-renovation-detail .bolix-system-standard__technical-list>div{
  border:1px solid #e2e6ea!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
  overflow:hidden;
}

/* Main Stage-3 process cards. This intentionally wins over older renovation CSS. */
.bolix-renovation-detail .bolix-system-sequence{
  gap:22px;
}
.bolix-renovation-detail .bolix-system-sequence__step{
  position:relative;
  padding:0 34px 0 50px;
}
.bolix-renovation-detail .bolix-system-sequence__step:not(:last-child)::after{
  left:29px;
  top:50%;
  bottom:-22px;
  width:2px;
  background:linear-gradient(180deg,rgba(227,6,19,.46),rgba(214,219,226,.35));
}
.bolix-renovation-detail .bolix-system-sequence__number{
  left:0;
  top:50%;
  width:60px;
  height:60px;
  border-radius:22px!important;
  transform:translateY(-50%);
  box-shadow:0 14px 30px rgba(227,6,19,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.bolix-renovation-detail .bolix-system-sequence__body{
  min-height:136px;
  margin:0!important;
  padding:24px 34px 24px 56px!important;
  border:1px solid #dfe5eb!important;
  border-radius:32px!important;
  background:#fff!important;
  background-clip:padding-box;
  box-shadow:0 16px 42px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.bolix-renovation-detail a.bolix-system-sequence__body:hover{
  transform:translateY(-2px);
  border-color:#efcfd3!important;
  box-shadow:0 22px 52px rgba(15,23,42,.115),0 3px 10px rgba(15,23,42,.04)!important;
}
.bolix-renovation-detail .bolix-system-sequence__body>img{
  width:78px;
  height:78px;
  padding:7px;
  border-radius:20px!important;
  background:#f7f9fa!important;
}
.bolix-renovation-detail .bolix-system-sequence__step--category .bolix-system-sequence__body{
  border-style:solid!important;
  border-radius:32px!important;
  background:#fff!important;
}

/* Alternative/product-choice blocks must use the same rounded family. */
.bolix-renovation-detail .bolix-system-sequence__body--alternatives{
  border:1px solid #dfe5eb!important;
  border-radius:32px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}
.bolix-renovation-detail .bolix-system-sequence__choice{
  border:1px solid #e4e8ec!important;
  border-radius:22px!important;
  background:#fff!important;
  overflow:hidden;
}
.bolix-renovation-detail .bolix-system-sequence__choice img{
  border-radius:16px!important;
  background:#f7f9fa!important;
}

/* Notes and technical cards should not fall back to rectangular legacy geometry. */
.bolix-renovation-detail .bolix-system-page__notice{
  border:1px solid #dfe5eb!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(15,23,42,.075)!important;
  overflow:hidden;
}
.bolix-renovation-detail .bolix-system-standard__technical-list>div{
  padding:18px 20px!important;
}

@media(max-width:900px){
  .bolix-renovation-detail .bolix-system-sequence__step{padding-right:16px}
}

@media(max-width:620px){
  .bolix-renovation-detail .bolix-renovation-detail__hero>div{padding:24px;border-radius:26px!important}
  .bolix-renovation-detail .bolix-system-standard__problem-copy,
  .bolix-renovation-detail .bolix-system-standard__problem-points>div,
  .bolix-renovation-detail .bolix-system-standard__application-grid article,
  .bolix-renovation-detail .bolix-system-standard__technical-list>div{border-radius:20px!important}
  .bolix-renovation-detail .bolix-system-standard__facts{grid-template-columns:1fr}
  .bolix-renovation-detail .bolix-system-sequence{gap:16px}
  .bolix-renovation-detail .bolix-system-sequence__step{padding:0 2px 0 28px}
  .bolix-renovation-detail .bolix-system-sequence__step:not(:last-child)::after{left:21px;bottom:-16px}
  .bolix-renovation-detail .bolix-system-sequence__number{width:44px;height:44px;border-radius:16px!important}
  .bolix-renovation-detail .bolix-system-sequence__body{
    min-height:0;
    padding:18px 18px 18px 32px!important;
    border-radius:24px!important;
  }
  .bolix-renovation-detail .bolix-system-sequence__body--alternatives{border-radius:24px!important}
  .bolix-renovation-detail .bolix-system-sequence__choice{border-radius:18px!important}
  .bolix-renovation-detail .bolix-system-sequence__body>img{width:68px;height:68px;border-radius:17px!important}
  .bolix-renovation-detail .bolix-system-page__notice{margin-left:2px;margin-right:2px;border-radius:22px!important}
}

/* Bespalvė apsauga: sequence-first client hierarchy. */
.bolix-renovation-detail--bespalve .bolix-renovation-detail__hero{
  grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__hero>div{
  padding:38px 40px!important;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__hero h1{
  max-width:900px;
  margin-bottom:18px!important;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__hero .bolix-system-page__lead{
  max-width:820px;
  margin:0!important;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision{
  padding:26px 28px;
  border:1px solid #e2e6ea;
  border-radius:28px;
  background:#f6f7f8;
  box-shadow:0 14px 36px rgba(15,23,42,.055);
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision h2{
  margin:0 0 12px;
  color:#191d22;
  font-size:23px;
  line-height:1.15;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision>div{
  padding:12px 0;
  border-top:1px solid #dde2e6;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision>div:first-of-type{
  padding-top:5px;
  border-top:0;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision>div:last-child{
  padding-bottom:0;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision strong{
  display:block;
  margin-bottom:4px;
  color:#252c34;
  font-size:14px;
  line-height:1.35;
  font-weight:850;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__decision p{
  margin:0;
  color:#687381;
  font-size:13px;
  line-height:1.5;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__sequence--primary{
  padding-top:28px!important;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__sequence--primary .bolix-system-page__section-heading{
  max-width:980px;
  margin-bottom:20px;
}
.bolix-renovation-detail--bespalve .bolix-renovation-detail__sequence--primary .bolix-system-page__section-heading h2{
  font-size:36px;
  line-height:1.12;
}
.bolix-renovation-detail--bespalve .bolix-system-standard__application-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.bolix-renovation-detail--bespalve .bolix-system-standard__application-grid article{
  min-height:170px;
}
.bolix-renovation-detail--bespalve .bolix-system-standard__technical-list>div{
  min-height:100%;
}
@media(max-width:980px){
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__hero{
    grid-template-columns:1fr!important;
  }
  .bolix-renovation-detail--bespalve .bolix-system-standard__application-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__hero>div{
    padding:24px!important;
  }
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__decision{
    padding:20px;
    border-radius:22px;
  }
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__decision h2{
    font-size:22px;
  }
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__decision strong{
    font-size:14px;
  }
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__decision p{
    font-size:14px;
  }
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__sequence--primary{
    padding-top:22px!important;
  }
  .bolix-renovation-detail--bespalve .bolix-renovation-detail__sequence--primary .bolix-system-page__section-heading h2{
    font-size:28px;
  }
  .bolix-renovation-detail--bespalve .bolix-system-standard__application-grid{
    grid-template-columns:1fr;
  }
  .bolix-renovation-detail--bespalve .bolix-system-standard__application-grid article{
    min-height:0;
  }
}